ブクスペ：ブックマークを宇宙空間の星として探索するChrome拡張機能【HACK SONIC 2026】

HACK SONIC 2026 秋 のハッカソンで、成果報告会で用いた発表スライドです

Transcript

1. Chrome拡張機能 ブラウザから、ワンクリックで起動 @HACK SONIC 2026 秋
2. @HACK SONIC 2026 秋 ある日のこと… （実話）
3. @HACK SONIC 2026 秋 Web検索中、…
4. @HACK SONIC 2026 秋 このWebページ良いね〜！😄
5. @HACK SONIC 2026 秋 ブックマークをして保存
6. @HACK SONIC 2026 秋 その後も、 どんどんブクマしていく…
7. @HACK SONIC 2026 秋 別の日…
8. @HACK SONIC 2026 秋 以前にブクマした、あの Webページを見たいなぁ…🤔 ブクマの 一覧
9. @HACK SONIC 2026 秋 …… ｶﾀｶﾀ…🤨😰 ブクマの 一覧
10. @HACK SONIC 2026 秋 ……あれ、前にブクマした、 あのページ、どこだっけ…?😢 ブクマの 一覧
11. @HACK SONIC 2026 秋 ブクマの保存場所は覚えられない 一覧形式では似たページの まとまりを把握しづらい
12. @HACK SONIC 2026 秋 だから、 ブックマークを グラフィカルに探したい！
13. Chrome拡張機能 ブラウザから、ワンクリックで起動 @HACK SONIC 2026 秋
14. @HACK SONIC 2026 秋 拡張機能アイコンから起動 👉
15. @HACK SONIC 2026 秋 1ブクマ → 1星に！ 縦×横の2次元で配置 ⚠ 探すときは2次元 （2Dのほうが探しやすい [1, 2]） [1] A. Cockburn and B. McKenzie, "Evaluating the Effectiveness of Spatial Memory in 2D and 3D Physical and Virtual Environments," Proc. CHI '02, ACM, pp. 203‒210, 2002. doi:10.1145/503376.503413 [2] G. Robertson, M. Czerwinski, K. Larson, D. C. Robbins, D. Thiel, and M. van Dantzich, "Data Mountain: Using Spatial Memory for Document Management," Proc. UIST '98, ACM, pp. 153‒162, 1998. doi:10.1145/288392.288596
16. @HACK SONIC 2026 秋 ランダムではなく、 ジャンルごとに固まる 各ジャンルが 銀河を形成 🔍 最終利用日時が古いと等級が下がる
17. @HACK SONIC 2026 秋 ブクマ検索方法① 目的の星を探して、 クリックする！ 👉 縦横を自由に移動できる 上スクロールでズーム
18. @HACK SONIC 2026 秋 👉 ブクマ検索方法② ブクマ情報を入力する 検索クエリが ブラックホールに！ 検索結果のブクマを 引き寄せる！
19. @HACK SONIC 2026 秋 星座登録機能 複数の星を星座 として登録できる 🔍 登録時に、手動で星を追加・削除できる（AIの判定を完全に信用しない設計）
20. @HACK SONIC 2026 秋 3D飛行モード！ ブクマ検索方法③ 3次元の宇宙空間を 自由に移動できる！ 目的のブクマ（星）に ぶつかると画面遷移
21. @HACK SONIC 2026 秋 こだわり①：星の配置 • ブクマの タイトル • フォルダ • URL ベクトル (384次元) mE5-small (int8量子化) k-means PCA グループ化 次元削減 ベクトル (2次元) フェルマー螺旋 グループ内の星が 重ならないように 🔍 k-means やフェルマー螺旋で、綺麗に配置する工夫を施した 配置
22. @HACK SONIC 2026 秋 こだわり②：星座の構築 最小全域木（Prim法） で星同士を接続 • 全ての星を、合計距離が最小 になるようにつなぐ • 平面上では線が交差しない！ • 同じ星の集合から、同じ星座を 再現できる
23. @HACK SONIC 2026 秋 こだわり③：安全・高速・軽量 • すべてブラウザ内で完結 • ローカルAIのためAPI利用料 0円 • ブックマークを外部へ送信しない • 2,000〜5,000件でも軽快に動作 • 検索：24 ms（2,000件） • 描画：3.2 ms / frame 以下（2,000件・p95） • 2回目以降の起動：0.7秒（2,000件） • 待機時CPU使用率：ほぼ0%（動きがあるときだけ描画） • fp32 → int8 量子化 • モデル容量：470 MB → 118 MB • メモリ使用量：1,337 MB → 346 MB モデル容量・メモリを約1/4に削減
24. @HACK SONIC 2026 秋 システム構成図
25. @HACK SONIC 2026 秋 人類は昔から、夜空の星に名前を付け、 星座にまとめて、道を見つけてきた ブックマークは、 Webという宇宙の中で、 自分が名前を付けた星
26. Chrome拡張機能 ブラウザから、ワンクリックで起動 @HACK SONIC 2026 秋