最速で検索サイトを作る方法は何でしょう？

Question

作りたいサイト:日本語学校を絞り込み検索ができるサイト。
例えば、プルダウンで「大阪」を選択し、検索ボタンを押すの大阪の日本語学校一覧が出てくると。

そういうものって、何の技術を学べばいいんでしょうか？
当方、HTML/CSSはみっちり入ってるんですが、JSやサーバーサイドはからっきし無知なんです…
検索！？サーバーサイド勉強しなきゃか？と思ったんですが大丈夫そうっぽいので。
ちなみにJSはちょっとPiogateで学んでたのであまり難しくなかったです。

Answer 1

何の技術を学べばいいんでしょうか？
検索！？サーバーサイド勉強しなきゃか？と思ったんですが大丈夫そうっぽい

結論から言うと、検索サイトを作るには、サーバサイドの技術を学ぶ必要があります。

---

非常に小規模な場合なら、クライアントサイドだけで検索を実現できなくもありません。
JavaScriptの中にデータを全部突っ込んでおくとかです。

しかし、データの規模が大きくなってくると、ページ読み込みの負荷も大きくなって、
だんだん現実的な選択肢ではなくなってきます。

サーバサイドを使うと何が違うかというと、
サーバからクライアントに必要な分だけデータを渡すことです。

---

まず、いっぺんに全部に読み込む必要がなくなるので、
最初に見るページの読み込みの負荷が軽くなります。

そして、ユーザによって、大阪だけ、東京だけとか、
必要なデータが異なるので、ムダな読み込みも減らせます。

また、データへのアクセスを制御できるので、
掲示板などの情報を共有するサイト、
会員制サイト、通販などの商用サイトには必須と考えていいです。

それらの機能をクライアントでやろうとすると、勝手にJavaScriptを書き換えて、
勝手に会員や価格などの情報を書き換えたりできるから、使い物になりません。
そして、サーバサイドを作るときにも、セキリュティの知識は必要です。

---

具体的な実装技術としては、クライアントサイド、つまりJavaScript、
PHP（Python、Ruby）などのサーバサイド言語、
ある程度規模が大きいなら、SQLなどのデータベース言語を学ぶ必要があります。

また、絶対必須でもないですが、LaravelやRailsのようなフレームワークも有用です。
それらが大枠で、あとは目的に応じて、ライブラリなどを追加で学んでいけばいいと思います。

それから、検索だけでいいなら、フリーの全文検索エンジンを利用するのが早いです。
また、WordPressの検索プラグインを使うと、早いだけなら早いです。

でも、それらをカスタマイズしたいなら、
結局やはりサーバサイドの知識が必要になってきます。

Comments

[html-man]

LLmanさま、とても丁寧で分かりやすいご回答ありがとうございます！

やはりそうなんですね…笑
ちょっとググってみたらJs'の方が早い！」とか以前あるエンジニアさんが「JSは意外とサーバーサイドっぽいこともできてすごいよ！」なんて言ってたので、頭の中がごちゃごちゃになっていました。。。

私が基本web広告側の人間で、ページの見た目いじるためにHTML/CSS学んだだけなので、そこらへんはまだ全然なので。

以下、私のような人のために引用させて頂いておきます。とても助かりました！本当にありがとうございます。ググったりもしますが、自分のレベルだとまた失敗しそうなので笑、今日は本屋に行っていろいろと見てみます。

>>クライアントサイド、つまりJavaScript、
PHP（Python、Ruby）などのサーバサイド言語、
ある程度規模が大きいなら、SQLなどのデータベース言語を学ぶ必要があります。

また、絶対必須でもないですが、LaravelやRailsのようなフレームワークも有用です。

>>それから、検索だけでいいなら、フリーの検索エンジンを利用するのが早いです。

[LLman]

＞エンジニアさんが「JSは意外とサーバーサイドっぽいこともできてすごいよ！」
それはたぶん「Node.js」のことです。同じJSでもクライアントとサーバサイドでは違います。
野球でピッチャーもバッターになって打席に立てるみたいなことです。

それで、Node.jsは高機能ですが、サーバ構築なども含めて、使いこなすのが難しいです。
PHPの方が、安いレンタルサーバに最初から入っているなど手軽なので、入門向きです。

改めてまとめると、さしあたりJavaScriptと、PHPなどのサーバサイド言語の学習が必要です。

[html-man]

そうなのですね。

確かにレンタルサーバーにはPHP対応！とか書いてありますね。ありがとうございます。

Answer 2

※この道に入って間もない輩の回答ですのであしからず

すべてクライアントサイド（javascript）で実現することもできなくはないと思いますが、クライアントサイドはユーザーから全て見えてしまうので普通にそのままパクられるとおもいます。
（そんなことなかったらすみません）

すぐ思いつくのは、

• ウェブアプリケーション(素のPHPやWordpressのようなCMS、rails, django, laravelなどのフレームワーク)
• 学校データを入れるデータベース（MySQL, PostgreSQLなど）
• UI/UXを作り出すHTML/CSS/JS

の辺じゃないでしょうか。
あとサーバーをどうするかですが、レンサバにしてもVPSやクラウドにしてもある程度のサーバーの知識も必要かと思います。
あとドメインも取ったり。

順番的には
0. サーバー立てる
0. とりあえずページをつくる
0. データをDBに突っ込む
0. フォームをつくる
0. ロジックを書く

という感じでしょうか。

サーバー側でページを組み立てるときにDBからデータを取得して、例えば<form>の<select>に突っ込みます。
そのフォームでGETリクエスト投げさせて（プルダウンで-とおっしゃっている部分です）
サーバーでリクエストを受けたら、DBへのクエリ発行はSQLインジェクションに注意してサーバーサイドで行います。
取得した結果でページを構築するという感じの手法です。

Wordpressが導入は簡単でいいんじゃないでしょうか。レンサバでもかんたんに動きますし。
PHPでできてるのでページの構築もある程度は直感でできると思います。（Wordpressの用意している関数が膨大なのでそれを覚える必要はあると思いますが）

Wordpressでやる場合、

• HTML/CSS/JS
• PHP
• MySQL

の知識がアレばできると思います。

※学校データはすでに何かしらの媒体で持っているものとしています。

追記

javascriptを主要言語としてやっていきたいのであれば、node.jsとかもいいと思います。
node.jsはサーバーサイドのjavascriptです。
これはこれで言語仕様として難しい部分もあるかと思いますが・・・
node.jsがインストールできる環境ならできます。
ただ、PHP以外の言語でアプリケーションを作るとなるとネットワークやwebサーバー(Apacheやnginx)の知識が不可欠です。
（この辺は私もまだまだ勉強中です・・・）

Comments

[html-man]

E3KUROSUKEさま
ご回答ありがとうございます！

>>クライアントサイドはユーザーから全て見えてしまうので普通にそのままパクられるとおもいます。

→言われてみたら確かにそうですね。どうなっているかが全て見えるのは気持ち悪いです…笑

>>順番的には

1.サーバー立てる
2.とりあえずページをつくる
3.データをDBに突っ込む
4.フォームをつくる
5.ロジックを書く
という感じでしょうか。

→こちらの流れ、とても分かりやすく助かります！今は2.まで終わっている状況です。ここからは勉強しながら進めていきたいです。

ありがとうございました。

Answer 3

理想の機能が作れたら、ここに「実際に何を学んで、どのような流れで開発できたか」を書こうと思います。

Comments

[html-man]

こちら結局、PHP / Laravelを学んで、Laravel使いの友人と開発しました。
回答いただいた方々、ほんとうにありがとうございました。

[html-man]

JS(jQuery)も使っていますがほんの一部です。

[ko.tu]

（...今はVue.jsとかNuxt.jsとか便利なJavaScript系のフレームワークがあって、JavaScriptだけでサーバーサイドをあまり気にしなくてよさそうですよ）

今更かもしれませんが

[html-man]

そうかもしれませんね。それはケースバイケースですが。