refs #23 検索仮実装

[hmatsu47]

👏 解決する issue / Resolved Issues

• 検索の仕組みを作り直す #23
  • 仮実装なので close しません

📝 関連する issue / Related Issues

⛏ 変更内容 / Details of Changes

• 検索一覧画面に該当する Q&A をすべて一覧表示する（そこからカテゴリ別のページには遷移しないで、その場で対象の Q&A を表示する）形の検索を実装しました
• 検索窓およびハッシュフラグメント経由の検索は、こちらの実装を利用させていただきました（検索本体は自前）
  • https://maku77.github.io/hugo/advanced/full-text-search.html

📸 スクリーンショット / Screenshots

• トップページ

• 検索結果（兼検索）ページ
  • 最初から A を展開しておく方法がわからず…（展開しても鬱陶しいだけかもしれない）

• 検索ページの下に前後の遷移が出てしまうのがイケてないですが…。

[hmatsu47]

トップページの検索窓のデザインを元に戻してみました。
（ちょっとウザい？）

スマホ

検索結果のページは変えられていません…（小さい枠のままでいいと思うけどルーペのアイコン（ti-search）ぐらいは出したかった。CSS ナニモワカラナイ）。

同じ方法でカテゴリ別ページへの実装もできるはずです。

なお、今のところ複数キーワードの検索には対応していません（空白でスプリットして配列化したキーワードを AND または OR 検索すれば良いと思うけれど、あえてやっていない）。

[ww2or3ww]

@hmatsu47 ありがとうございます！
１点コメントさせていただきました。ご確認おねがいします。

あと、検索ボックスの下に「送信」という文字が出てしまっている？のが気になりました。

[ww2or3ww]

/vaccinecert-faq 要らないのでは？

[hmatsu47]

@ww2or3ww
ありがとうございます！

/vaccinecert-faq 要らないのでは？

うちの環境の基準ディレクトリがずれているようです。修正しました。

あと、検索ボックスの下に「送信」という文字が出てしまっている？のが気になりました。

こちらの環境では（Chrome・Safari とも）表示されていないので確認できませんでしたが、文字色も透明にしてみました。
消えたでしょうか？
（一応 value に「送信」を設定して消えるところまでは確認しました。このボタン、Chrome は非表示にするだけで良いのですが、Safari で非表示にしてしまうと Submit 時の処理が走らなくなってしまうので、透明で表示しています）

[ww2or3ww]

ページタイトルですが、

ワクチン接種証明書アプリFAQ - 全てのカテゴリから検索

のほうがいいかな？と思いましたがどうでしょうか。

[poba1031]

LGMT

[hmatsu47]

どうでしょうね？
ヘッダに書かれている分冗長になるかな、とも思ったのですが。

[ww2or3ww]

https://test.d2qv7xiwv4i3gl.amplifyapp.com/faq1/
この辺のタイトルもアプリ名称ないので、まぁ、いいか。

もしやるにしても、別チケットにしましょう！

[ww2or3ww]

ご対応ありがとうございます。
検索できること、送信という文字が見えなくなっていること、を確認できました！

[euledge]

LGTM