オフラインサイトで絞込検索をする仕組み

Question

オフラインサイト内での検索（and検索）について

回答ありがとうございます。

実現したいこと

小説投稿サイトのようにジャンルやタグ（キーワード）で
情報を検索できるサイト（オフライン）を作りたいです。

その場合、html、css、JavaScript（またはjquery）で作成できるでしょうか。
また、データを流し込む（？）ところは別途データベースが必要なのでしょうか。
（調べている限りだと例がブログの形式のものが多くいまいち理解できていません。）

よろしくお願い致します。わかりにくいと思います。申し訳ございません。

補足情報（FW/ツールのバージョンなど）

Comments

[m.ts10806]

「ローカルで完結するサイト」ってなんでしょうか

[m.ts10806]

「参考サイト」との関連性も全く不明です。

[azuapricot]

多分こんな感じで絞り込み？？？できるように？？？したいんでしょうかね？？？？

[m.ts10806]

WordPress導入でさっくり済みそうな。

Answer 1

すごく憶測解釈した上でのエスパー回答です。
間違っていたら質問修正して要件をより具体的にしてください。

---

今まさに質問者さんや私たちが利用しているteratailが参考になりませんか？
質問にタグ付けができて、それで絞込みができる。
ソートはあくまで順番並べ替えなので、「何をどのように並べ替えたいか」だけしっかり仕様を考えて設計していればどうにでもなります。

teratailの場合、質問投稿時にタグを入力しますよね。
これにより「質問とタグが紐付けられている」ということになります。
ということはその紐付けた情報をどこかに保存しておかないといけません。
一般的にはデータベースの出番です。
質問情報と同時にタグ情報を保存することで「タグで検索するとそのタグ情報をもった質問を絞り込む」という仕組みを構築可能となります。
※自動でそうなるわけではなくあくまで可能となるだけ。作るのはあくまで自身です

「カテゴリ」と「タグ」を別のものと捉えられているようなので別のものとして、
これも結局「カテゴリ」情報を紐付け情報としてteratailで言う質問情報に持っておく必要があります。

いずれにしても、カテゴリもタグも無限に自由に表現されると管理ができなくなるので、「カテゴリマスタ」「タグマスタ」のようなものを作っておいて、コードを質問情報に持っておくと良いでしょう。

「ソート」は最初に書いたように「何をどのように並べ替えたいか」です。
そこは決めてください。

つまりいずれにしても
・データベースを扱う技術
・データベースから情報を取得、データベースに情報を追加、更新、削除する技術

が必要です。

簡単にやりたいならWordPressなどCMSを入れてプラグインなど駆使して作るのが楽ではないでしょうか。

まずは質問者さんがやりたいことをきちんと洗い出して具体的にし、
「どのように進めたいか」考えてから取り組んでください。