mysql のデータをPHPで絞り込み検索機能をウェブ上に実装することができました。

次のステップとしては
http://s-ej.com/sample/ajax/ajax0003/
のような画面遷移なしの絞り込み検索を実装したいと考えています。
必要なスキルは
javascript jquery
ajax
になるかと思われますがまずはなにから学べばいいでしょうか。

やはりまずはきっちりとjavascriptをマスターすべきしょうか。
その場合おすすめの書籍・サイトを教えていただけると幸いです。

私はPHPしか知識がない状況です。

回答の条件
  • 1人20回まで
  • 13歳以上
  • 登録:2014/01/12 03:49:22
  • 終了:2014/01/19 03:50:05

回答(1件)

id:tukihatu No.1

牛乳先生(tukihatu)回答回数180ベストアンサー獲得回数322014/01/13 21:35:35

ポイント100pt

画面遷移なしの絞り込み検索ならばjQueryでやるのが一番楽なのですが、javascriptが多少わからないとどうしようもないです。PHPがわかるのであればすぐわかると思います。(文法は多少違うところがあるぐらい、jsはだいぶ適当)
jQueryを扱うのに必要なjavascriptの知識としては以下があればいいと思います。
本よりもネットのほうが詳しいです。
・変数、配列の書き方、扱い方法(varとかarrayとか。だいたいPHPと似てる)
・条件文の書き方(if、else。PHPと同じ。foreachだけやや違う)
・イベントの知識(onClick、onMouseoverなど)
・できればDOMの知識(javascriptだけでjqueryっぽいことができる)
http://hakuhin.jp/js.html
http://www.tohoho-web.com/js/basic.htm#object

jqueryのほうは、適当に書き方入門を見て書いてみて
http://jquery-master.net/basic/
なんとなく文法がわかったら何ができるのか確認するといいです。
http://js.studio-kingdom.com/jquery/

jqueryは、最初はプラグインを探したほうが簡単にできるかもしれません。(ただしjQueryのバージョンには注意)
検索すればファイル読み込みのプラグインからスクロールのプラグインまで大量にでてきます。
慣れてくれば自分で書くほうが自由度があり楽ですが。

ajaxはjqueryのファイルロード関数で簡単にできるので意識せずともよいです。


勉強法は、とりあえず触ることですね。エラーになったらブラウザがエラーを吐いてくれますし(場所の特定は難しい)エラーになってもひどいことにはならないのでどんどんテストコードを書いていくのがいいと思います。

id:akakak

大変詳しくありがとうございます!

2014/01/14 22:21:15

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません