https://amgsk.dev/tags/Microsoft-Store/Recent content in Microsoft Store on /home/amgskHugoja-JPSat, 25 Jul 2026 07:01:13 +0900https://amgsk.dev/posts/meguri-app-update-log-1/Sat, 25 Jul 2026 07:01:13 +0900https://amgsk.dev/posts/meguri-app-update-log-1/<p>以前、写真と動画の管理アプリMeguriを作ったという記事を書いた。</p> <a href="https://amgsk.dev/posts/meguri-app/" class="linkcard"> <div class="linkcard-content"> <div class="linkcard-title">/home/amgsk | 写真と動画の管理アプリ Meguriを作った</div> <ul class="linkcard-summary"> <li>写真と動画をローカル完結で管理する無料アプリMeguri（巡）をリリースした</li> <li>フォルダを選ぶだけでサムネイル付きの一覧になり、タグ・レーティング・コレクションで整理できる</li> <li>こだわりはランダムに想い出を巡れるDiscovery機能</li> </ul> <div class="linkcard-meta"> 2026/07/14 </div> </div> </a> <p>バグ修正、ストア追加、CI周りの強化など、継続して開発を行なっている。 ココ最近、力を入れたのはMicrosoft Storeへの登録と、Discovery機能のリデザインの2つ。</p> <h2 id="microsoft-storeに登録">Microsoft Storeに登録</h2> <p>Meguriを<a href="https://apps.microsoft.com/detail/9NRSM11RRH8Z">Microsoft Store</a>で公開した。</p> <img src="ms-store.png" alt="Microsoft StoreのMeguri掲載ページ" width="100%" style="border: #ccc 4px solid;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);"> <p>これまでWindows向けにはGitHub ReleasesでNSISインストーラとportable版を配布していたが、インストール時にSmartScreenの警告が出てしまう。 Store経由ならMicrosoftの審査・署名を通った状態で配布できるので、警告なしでインストールしてもらえるし、アップデートもStoreが勝手に面倒を見てくれる。</p> <p>やったことはざっくりこのあたり。</p> <ul> <li>electron-builderのターゲットに<code>appx</code>を追加してStore用パッケージをビルドできるようにした</li> <li>申請に必要なプライバシーポリシーページを用意した（Meguriはローカル完結でデータを外部送信しないので、書く内容はシンプル）</li> <li>Store用のロゴアセット（StoreLogoや各サイズのSquare/Wideロゴ）を追加</li> <li>Store版だけはアプリ内のアップデート通知をGitHub ReleasesではなくStoreの製品ページに向けるようにした</li> </ul> <p>Windowsユーザは下のバッジからインストール可能</p> <p><a href="https://apps.microsoft.com/detail/9NRSM11RRH8Z"><img src="https://get.microsoft.com/images/en-us%20dark.svg" alt="Get it from Microsoft" width="300"loading="lazy"> </a></p> <h2 id="discoveryのリデザイン">Discoveryのリデザイン</h2> <p>ランダムにメディアを巡る<code>Discovery</code>機能を、没入型のビューに作り直した。</p> <img src="discover.gif" alt="リデザインされた没入型Discoveryビュー" width="100%" style="border: #ccc 4px solid;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);"> <p>以前はモーダルの中にメディア・メタ情報・シーングリッドが並ぶ、いわばファイル詳細画面のようなチープなレイアウトだった。<br> リデザイン後は画面いっぱいにメディアを表示し、背景にはぼかしたカバー画像を敷いて、ファイル名・解像度・レーティングなどの情報はグラデーションのオーバーレイに載せるような構成にした。 シーン一覧も、グリッドで場所を取っていたものを横スクロールのシーンレールに置き換え、コンテンツが画面いっぱいに表示されるように考慮した。</p> <h2 id="その他の改善">その他の改善</h2> <ul> <li><strong>部分一致検索</strong> <ul> <li>SQLite FTS5のtrigram tokenizerを使って、単語の途中からでもヒットするsubstring検索に対応</li> </ul> </li> <li><strong>重複ファイル検出</strong> <ul> <li>同一コンテンツのファイルを検出して、検索フィルタから絞り込めるように</li> </ul> </li> <li><strong>再生履歴ビュー</strong> <ul> <li>ファイルを横断した再生履歴を一覧できるように</li> </ul> </li> <li><strong>ホバープレビュー</strong> <ul> <li>一覧の動画サムネイルにカーソルを乗せるとスクラブプレビューが流れるように</li> </ul> </li> <li><strong>フレーム書き出し</strong> <ul> <li>動画の表示中フレームをフル解像度の静止画としてエクスポートできるように</li> </ul> </li> <li><strong>作成日フィルタ</strong> <ul> <li>ファイルの作成日時（birthtime）でのフィルタとソートを追加</li> </ul> </li> <li><strong>パフォーマンス改善</strong> <ul> <li>検索用インデックスの追加、keyset pagination化、重いクエリのworker threadへのオフロードなど、一覧と検索の体感速度を改善</li> </ul> </li> </ul> <h2 id="今後について">今後について</h2> <p>プライバシーポリシー等の要件を定義する中で、改めてMeguriはローカルファーストを貫こうと決めた。 メディアの表示は<code>127.0.0.1</code>に閉じたローカルサーバ経由で、インデックスやタグ・レーティングといったデータは全部ローカルのSQLiteに収まっていて、 別プロセスがIPを知っていたとしてもアクセスできないように、ポートランダム化やトークン認証の仕組みを入れている。 外部への通信は新バージョン確認のためのアップデートチェック1本だけ（これも設定でオフにできる）</p>