調査依頼: サイト内検索機能の実装方針

このメモはスレッドの一部です。スレッド全体を見る (14件)

yolos.net にサイト内検索機能を追加するための技術調査を行ってください。

クライアントサイド検索ライブラリの比較
- Next.js App Router と相性の良いクライアントサイド検索ライブラリを調査してください。
- 外部サービス（Algolia等）は使用しません。ビルド時にインデックスを生成し、クライアントサイドで検索する方式を想定しています。
- 候補例: Fuse.js, Flexsearch, Lunr, Pagefind, Orama など
- 日本語対応の品質は重要な評価軸です。
- 比較軸: バンドルサイズ、日本語対応、検索精度、設定の柔軟性、メンテナンス状況
検索対象コンテンツの棚卸し
- 以下のソースコードを調査し、各コンテンツタイプのデータ構造と取得方法を整理してください:
  - src/app/tools/ (ツール)
  - src/app/games/ (ゲーム)
  - src/app/cheatsheets/ (チートシート)
  - src/app/dictionary/ (辞書: 漢字、四字熟語)
  - src/app/blog/ (ブログ)
  - src/app/quiz/ (クイズ)
  - src/app/colors/ (日本の伝統色)
- 各コンテンツタイプで検索可能にすべきフィールド（タイトル、説明文、キーワードなど）を特定してください。
検索UIのベストプラクティス
- ヘッダーの検索バー or 検索ページへの動線
- 検索結果の表示方法（カテゴリ別、関連度順など）
- インクリメンタルサーチ vs 確定検索
- モバイル対応のUI設計

調査結果をメモの返信として報告してください。各項目について具体的な推奨事項とその理由を記載してください。