「どうカーソルを動かしたか」「どこをクリックしたか」「どの部分をスクロールして読み飛ばしたか」などのアクセス情報を全て入手し解析・分析できるオープンソースのアプリ「highlight.io」を使ってみた
ウェブアプリの開発をする時、ユーザーに「どこが分かりにくかったか」や「どこでエラーが発生したのか」などの情報をフィードバックしてもらいたいものですが、そうしたフィードバックを送る作業はなかなかに面倒なもので、全然直接のフィードバックは来ないのにTwitterにはいろんな意見が書かれている……ということはよくあります。「highlight.io」はそうしたフィードバックを勝手にやってくれるツールということで、実際に使って試してみました。 highlight.io: The open source monitoring platform. https://www.highlight.io/ highlight.ioはオープンソースということでセルフホスト版が用意されていますが、今回はどんな機能があるのかについて確かめるためhighlight.ioの開発元が提供するSaaSを利用します。公式サイ
【まとめ】エンジニア向けデザイン参考サイト - Qiita
本記事は、身の回りの困りごとを楽しく解決！ by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説！！」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか？」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した
高校の文化祭でWebアプリ作った！ - Qiita
HTML, CSS 見えてる部分は大体これです。 実はHTML, CSSはほとんど友達に作ってもらいました！ありがとう！！ 自分で作ったのはランキングの画面ぐらいです。なのであんまりわかりません。 あとは先人の力を借りて、CSSをリセットしたり、ディーラー画面の最後に動くチェックマークをつけたりしました。 JavaScript ランキングのリアルタイム更新の実装やQRコードの読み取り、その他諸々に使いました。 JSを触るのは初めてでしたが、すごく使いやすくてすぐになれました。 QRコードの読み取りにはjsQRを、ランキング画面の王冠とトロフィーを動かすのにthree.jsを使いました。 PHP CasinoMoneyManagerとSQLの橋渡しと、ディーラー用画面のアクセス管理に使いました。 今回は不特定多数の人が使うプログラムなので、GETやPOSTで取得した値の検証に気を配ってプログ
個人開発でReactとFlutterを同時に使うとどうなるか
はじめに この記事は、個人で作っているサービスをアプリとWebの両方に展開しいて感じたことを書いたものです。 作っているもの 著者は、個人でRabbytという、デジタルキャンバスサービスを作っています。 タブレットやスマホに全画面で絵を表示することで、「タブレットで絵を飾れる」サービスです。 壁にかけたりスタンドを使ったりすれば簡単に絵が飾れます。 アプリもリリースを重ね、今は1.0.8になり、最近のリリースではファイルをアップロード出来るようになりました。 使用している技術を図にすると上のようになります。 色々使っていますが、 Go (バックエンド) Flutter (アプリ) React (Web) GraphQL (API) を使っていることが、この記事での重要な点です。 モノレポ Rabbytは1人で作っていて、リポジトリを分けても楽にはなりません。 そのため、必要なものは全て１箇
独自Webアプリや社内ツールが作り放題のオープンソース開発環境「ToolJet」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、さまざまなWebサービスやデータベースと連携して、独自のWebアプリなどを手軽に開発できるサービスをご紹介します！ データソースの連携や画面デザインなどはドラッグ＆ドロップの操作で簡単に構築が可能で、ロジックやイベント処理などもわずかなJavaScriptを利用するだけで開発できるのが特徴です。 オープンソースで開発が進められており、セルフホストすることで大きな制限もなく活用できるのでご興味ある方はぜひ参考にしてください。 【 ToolJet 】 ■「ToolJet」の使い方 それでは、「ToolJet」をどのように使えばいいのか詳しく見ていきましょう！ まずはメールアドレスを入力したら【Create an account】ボタンをクリックして無料のユーザー登録を済ませておきます。 メールアドレス宛にユーザー登録用のリンクが送付されるの
萌え萌えmoebuntu 何の曲か認識するアプリMousaiを試してみた！
★画像アップ先の不調により、過去のエントリーで画像が見られないものが多数あります。もし画像の見たいものがありましたらご連絡いただければ復活するようにします。 スマホアプリのShazamと似たような周囲で流れている曲を検索できるLinux向けのアプリMousaiが紹介されていたので試してみました。 ‘Mousai’ is Song Recognition App for Linux ＼もしよかったらお願いします。／ ●受取人の欄にmoebuntu★gmail.com（「★」は「@」に置き換える）で寄付（15円〜）できます。 Amazonギフト券(Eメールタイプ) 上記サイトのGet Mousai on Flathub をクリックすると以下のサイトに行くので、「INSTALL」ボタンをクリックします。 ＊Flatpakアプリが使える環境になっていない場合は、Ubuntu 20.04 LTS （
'Mousai' is Song Recognition App for Linux - OMG! Ubuntu
Next time you want to identify a song you hear in a TV show, movie, or other video give Mousai a go. Mousai by SeaDve is a song recognition app for Linux desktop (and named after the ancient Greek Goddess of song and music). Built in GTK and leveraging the AudD song recognition API, Mousai is basically Shazam for Linux. Open Mousai, hit the ‘listen’ button, play the song you want to identify (idea
LinuxでAppImage形式のアプリを使う方法と注意点のまとめ
Image Credit: appimage.org はじめに Linuxではコマンド経由でアプリをインストールすることが多いと思いますが、インストールが不要で大抵のディストリビューションで使用可能なAppImageという形式があります。このAppImageは本来ならば最も簡単にアプリを使えるようになるにも関わらず、はじめてこの形式のアプリを見るとそもそも使い方がわからないということがあると思うのでこの記事では使い方と注意点をまとめておきます。 環境 この記事で説明用に使う画像などはUbuntu18.04のものとなりますが、他のディストリビューションでも文言などが異なるだけでほとんど同じになると思います。 AppImageについて AppImageは、ディストリビューションや環境に関わらずどのような環境でも問題なく動作するアプリを目指したアプリの配布形式の１つです。例えばUbuntuやDe
アイデアに脱帽！2019年に絶対オススメしたいWebサービス・アプリ11選を解説付きで大公開！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、数あるWebサービスやアプリの中から特にアイデアが優れているものだけを集めてご紹介しようと思います！ ユニークな発想に触れることで、さまざまな発見や学びがあるはずなのでこれからサービスを開発しようと考えているエンジニアの方にもオススメです。 仕事に役立つものから学習用途に活用できるものまで幅広く集めてみましたので、ご興味ある方はぜひ参考にしてみてください！ 普通のカレンダーを軍事レーダーのようなUIに変えてしまったアプリ！ 【 Calendar Scope 】 上記の画像をパッと見てカレンダーアプリと分かる人は少ないのではないでしょうか…。 この軍事レーダーみたいな画面は、カレンダーに登録したタスクを意味しているのが面白いポイントです。つまり、予定時間が近づいているタスクがレーダーに表示されており、どんどん迫ってきているのがよく分かりま
フォロワーを管理するためだけのWebアプリを作った - Stimulator
- はじめに - フォロワーも増えてきて大体毎月n*100単位でフォロワーが変動するようになってきて、巷のフォロー管理ツールじゃ全然要求を満たせないので、自作する体でGWに友人と1日ハッカソンみたいなのを開いて勢いだけで作った話。 「100万人とかフォロワーが居る訳じゃないけど1000から1万くらいの "小さな界隈のアルファ" 」は多く居て、皆どうやってTwitterを見てるのか知りたいのでまず自分から。 自分がTwitterを見ている方法や、フォロバに関する個人的な意見など、偏見を含む記事。ほぼポエム - 作ったもの - 自身の要件を満たす物を一旦作った。 裏側はpandasが走る事でquery検索やsort、別途の分析、拡張が容易 画面内でqueryの調整、閲覧、フォロー、アンフォロー、リスト管理ができる tableに最低限の情報が羅列されている queryを保存したりDB側にも更新機
【実践】Google Play Store でPWA配信 (TWA) - Qiita
先日「GooglePlayストアでPWAが配信できるようになった！」という記事が話題になっていました。 Google Play Store now open for Progressive Web Apps 😱 実態は「Chrome72で実装されたTWA (Trusted Web Activity) を使用することで、URLバー無しでPWAページを開かせるAndroidアプリを開発できるようになった」という事です。 検証がてら実際にTWAでPWAをGooglPlayストアに公開してみたので手順を紹介したいと思います。 実際のAndroidプロジェクトはGitHubでも公開しています。 https://github.com/zprodev/QR-TWA 環境 AndroidStudioはver3.3.1を使用します。 公開するPWAはこちらのQRコードリーダーです。 https://qr.
Webでどこまで遊べるか試してみた - Qiita
Sound Walker という Web アプリを作りました。 ↓ここで遊べます↓（スマートフォンで開いてください） https://www.sound-walker.app リポジトリはこちら https://github.com/Leonardo-mbc/sound-walker ホーム画面に追加することで、インストールしたアプリのように遊べます。 Webでどこまでできるかをやってみようと思って作り始めて、 ほっといて数年たったら技術がみるみる変わっていて、いろいろ味が出てきました。 Service Worker, Add To HomeScreen などなど Webでできるゲームってだけだったのが、普通にスマホで動くゲームになる時代になっております。 Sound Walker で使ってる技術は WebGL(Three.js), WebAudioAPI, ServiceWorker,
AMPストーリーv1.0が公開。すべての開発者が申請不要で利用可能に。
[レベル: 上級] AMP Stories (AMP ストーリー) の v1.0 が公開され、すべての開発者が利用できるようになりました。 これまでは、申請してホワイトリストに登録してもらう必要がありました。 通常の検索での AMP ストーリー AMP ストーリーは、本をパラパラとめくるようにして物語風に一連の情報を閲覧できる AMP の機能です。 文字ではなく、画像や動画をふんだんに使ったビジュアルさに特徴があります。 AMP ストーリーは、試験用の Google 検索でしか見ることができませんでしたが、今は通常の検索で見ることができます。 こちらは Washington Post（ワシントン・ポスト）の AMP ストーリーです（“Washington Post” でモバイル検索すると、AMP ストーリーのカルーセルが出てきます）。 AMP ストーリーのもう少し詳しい解説は、Web担当者
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アプリUI上のあらゆるテキストをコピー・検索・翻訳できる「Textify」v1.9／内部利用するAPIを切り替えて、Windows 11などのモダン環境にも対応
https://stationhq.com/?utm_source=getstation.com&utm_medium=301_redirect&utm_campaign=traffic_from%20_old_site
万能アプリ『Notion』の基本操作だけで、日記ページをつくってみました | ライフハッカー・ジャパン
【やじうまPC Watch】 Windows 95がApple M1搭載Mac上でアプリとして動作
デザイン原則の実践｜dely design
AIが魚種を見分けるアプリ「フィッシュ」 約300万点の写真を人力でタグ付けて学習
麻雀の得点計算が簡単に！「麻雀カメラ」iOS向けに配信開始 「アカギ」とのコラボ映像も公開
