JavaScriptとWebアプリ＆Ajaxの入門

前へ 次へ
このQ&Aのポイント
  • JavaScriptとWebアプリ＆Ajaxの入門についての質問です。
  • 入門用の良いサイトや本を探しています。
  • 特にJavaScriptの基礎とWebページの制御方法について学びたいです。
回答を見る
  • ベストアンサー

JavaScriptとWebアプリ＆Ajaxの入門

お尋ねします。 今まで、五月雨的にJavaScriptを使ってきました。 しかし、少し腰を落ち着けて、勉強したいと思っています。 一から学ぼうと思っておりますが、入門用の良いサイトや本をご存じないでしょうか？ 一応、Ｊａｖａや、ＰＨＰなどを使って”オブジェクト指向”モドキは、理解しているつもりです。 JavaScriptや、Documentで検索をかけてみましたが、良いサイトは今のところ見つけられておりません。 どこまでわかれば、良いかも見当が付きません。 そもそも、なんでこんなに自由にブラウザで出来るのかが？？？？ （ずっと前は、セキュリティー何たらかんたらで、使うなと言われたし） やりたい事だけググッて、使っていらっしゃる方も多いかと思いますが、その時に参考になったサイトなどありましたら、ご紹介ください。 ステップとしては、 １．JavaScript理解。 ２．Webで自由にタグなどを制御するために必要な知識 　（document等を理解すれば良いのでしょうか？） ３．Ajax基本（xmlのイベントを使うのは、理解しているつもりです。） ４．jQuery基本 特に、「１」と「２」は、ちゃんと理解したいです。 ご存知の方いらっしゃいましたら、よろしくお願い申し上げます。ｍ（＿・＿）ｍ

  • besei
  • お礼率74% (80/108)
  • AJAX
  • 回答数3
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

既に紹介されていますが、まず、『JavaScript 第5版』ですね。 これをじっくり読むことをおすすめします。 いわゆるレシピ本をたくさんよむよりこの１冊のほうが はるかにためになります。 jQuery とかは基礎が固まってから始めたほうが良いと思います。 # Level 2 イベントの概要とか、クロージャとかが # しっかり分かってないと jQuery を使いこなすのは # 難しいと思います。

その他の回答 (2)

  • think49
  • ベストアンサー率59% (285/482)
回答No.2

まず、仕様書を確認してください。 ECMAScript, DOM, HTML5 などそれぞれ公開されている仕様があります。公式サイトなので、まず間違いありません。 ECMAScript http://www.ecmascript.org/ Document Object Model Activity Statement http://www.w3.org/DOM/Activity.html XMLHttpRequest http://www.w3.org/TR/XMLHttpRequest/ XMLHttpRequest Level 2 http://www.w3.org/TR/XMLHttpRequest2/ HTML Standard http://www.whatwg.org/specs/web-apps/current-work/multipage/ jQuery API http://api.jquery.com/ 公式サイトを読むのが一番ですが、HTML文書で読みたかったり、和訳版が読みたい場合は他のサイトを利用します。 Under Translation of ECMA-262 3rd Edition (ES3和訳) http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ Annotated ES5 http://es5.github.com/ 仕様書リンクは個人的に http://vird2002.s8.xrea.com/javascript/ReferenceURL.html にまとめています。 チュートリアル的なページとしては下記がよくまとまっていると思います。 Diaspar Journal: モダンJavaScript チュートリアル集 http://diaspar-journal.blogspot.com/2009/01/javascript.html 以下の書籍がお勧めです。 ・『JavaScript 第5版』(ECMAScript, DOM の理解に。JavaScript全般を学べる。) ・『DOM Scripting 標準ガイドブック』(平易な説明で DOM を理解できる) ・『Webクリエイティブのための DOM Scripting』(余計な説明を省いて簡潔に DOM を解説) Ajax の解説書は残念ながら知りません…。

  • jjon-com
  • ベストアンサー率61% (1599/2592)
回答No.1

JavaScript本格入門 ～モダンスタイルによる基礎からAjax・jQueryまで（山田 祥寛） http://www.amazon.co.jp/dp/4774144665/

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. AJAX

関連するQ&A

  • JQueryはAJAXとは無関係？？

    質問◆JQueryおよびJQueryMobileは「AJAX」とは無関係なのでしょうか？ 「JQueryMobileを使っているとき、DOMによってHTMLを動的に差し替えている」という認識なのですが、 特にRequest関連の記載をJavaScriptで記載していない限り、AJAXの処理は行われないのでしょうか？ それとも、 JQuery Mobileを使っている場合は、ページ遷移などで、プログラマが意識していなくても（独自にプログラムを書いていなくても） AJAXの処理が行われているのでしょうか？ /************************************/ サーバへのリクエストはなくても、１つのマシン内の、HTMLファイルとHTMLファイルの間で、 HTTPで通信がされるということはないと思っています。 （※基本、HTTPはクライアントとサーバの間のときしか使われないのですよね？） JQueryの技術情報のサイトを見ていると、 よく「document.ready」と書かれていたりするソースを見かけますが、 これはAjaxとは関係なく（通信とは関係なく）、 また「xhr.send」も書かれていないHTMLは、AJAXは使われないという理解です。 （「Form、submit」とも関係がない） XMLHttpRequestも「HttpRequest」とあるわけですし、 「Form、submit」を書いているときに行われるわけではないけれども、かわりに、 「xhr.send」とJavaScriptで実行されたタイミングで走る処理であり、 その際、「サーバから返される情報がXMLのデータ形式で(XML以外もですが、、)」だという理解なのですが、合っていますでしょうか？

    • ベストアンサー
    • AJAX
  • どこからがAjaxと呼ばれるものかわかりません。

    質問タイトルが漠然としたものですが。。。 たとえば、「Google maps」はページをリロードすることなく、 地図内で位置を自由に移動させることができる、というので イメージがしやすいです。 ただ、prototypeやjQuery等のJavaScriptライブラリなども Ajaxと呼ばれていたり・・・。 どういう部分がAjaxなのかがわかりません。 ライブラリのプラグイン？の機能によってこれはAjaxでこれは違う、 なんてことはあるでしょうか？ 例えば「Lightbox」はAjaxで、「アコーディオンメニュー」なんかは、 違う、とか。 なんだかAjaxという技術がどういうものであるのか自分の中で曖昧でよくわかりません。 （必ずしもXMLが使われている、とも限らないのでしょうか？） わからないまま質問をしているため、支離滅裂ですみません・・・ どうぞ宜しくお願いいたします。

    • ベストアンサー
    • AJAX
  • javascript入門　超簡単

    javascriptをどこからもってきたりとかは できるのですが 基本が全くわからないので 理解したうえできちんとチャレンジしていきたいです。 例えばifとかfunctionとか言葉がわかりません。 どうしたら１回転するとか jqueryとかもやりたいのですが基礎が理解できないので 困っております。 html、cssは仕事でやっていったら 覚えることはできたのですが それとこれとは全く別物みたいに感じます。 ので、どなたか。すごくわかりやすい本をご存知の方 教えていただけないでしょうか。

  • Ajaxの動き

    googleと本で調べたのですが、今いちわからないため質問させてください。 (1)教科書から、Ajaxは、XMLをJavascriptでやり取りしている非同期通信という定義なのはわかりましたが、結局、AJAXを使うということは、HTMLに、<Script>のタグで、JQueryなどのパスを書くということなのでしょうか？ AJAXは概念的なものであって、プログラムやモジュールそのものではないと捉えています。 (2)Ajaxによる非同期通信は、何をきっかけとして通信が始まるのでしょうか？ 通常は、FORMがSUBMITされたときに、サーバにリクエストがいくという認識ですが そもそも、Ajaxは、何をイベントとしてハンドルしているのでしょうか？（何をきっかけに処理が始まっているのでしょうか？） HTMLに、<Script>のタグで、JQueryのパスを書くと、ハンドルする機能が使用されるのでしょうか？ Ajaxでも「リクエスト」は行われているけれども、処理結果として戻されるものがXML形式であるだけだという理解で良いのでしょうか？

    • ベストアンサー
    • AJAX
  • Ajaxの勉強

    Ajaxのマルチウィンドウというのを使ってみたくて先日 http://okwave.jp/qa2822223.html こちらで質問させていただいたのですがなかなか回答が得られず基礎から勉強したいのですが・・・ なかなかよいサイトにめぐり合えません（＞＜） 基礎から勉強できるサイトをご存じないでしょうか？ http://www.openspc2.org/JavaScript/Ajax/Ajax_study/index.html 先程こちらのサイトを見ていたのですが第2章4節で既に躓いてしまいました data.txtを読み込んでフレーム内に表示するものだと思うのですがうまく表示されません 第1章4節で必要な知識として HTML スタイルシート JavaScript XML サーバー側のプログラム (CGIやデータベース等) とあります。XML以外はまだ勉強中の身ではありますが多少は扱えます XMLの勉強からはじめた方がよいのでしょうか？

  • AJAXの質問

    これからAjaxに挑戦しようとするプログラマーです。 Ajaxの基本的なことについて教えてください。 私は某メーカーの情報システム課員です。 近年は情報の一元化を推進ということで、社内のインフラを整備するため様々な案件を進めてきました。 案件によりACCESSなどですませる場合もありますが、 基本的な開発環境は以下の環境です。 ○ASP(VBScript) ○Oracle 別にプログラムに自信があるわけではありませんが、 案件をこなすうちにVBScriptやJavascriptも納得いく程度書けるようになりました。 そこで次の案件では、JQueryとAjaxを用いた開発に挑戦したいと思っております。 一番やりたいことは、Ajaxの利点であるサーバーとの非同期通信です。 AjaxではXML文書を非同期にやりとりするようですが、やりたいことはOracleのデータを非同期にやりとりしたいです。 このようなことは可能なのでしょうか？

    • ベストアンサー
    • AJAX
  • Jqueryのajaxを用いてHTMLの読み込み

    こんにちは。 Jqueryのajaxで広告向けのJavaScriptが記述されたｈｔｍｌを取得し、関数【$("#ID").html(ｈｔｍｌソース);】を用いて、HTMLを読み込んだ際に、それに記述されているJavaScriptが動作してくれません。 読み込むHTMLに記述されているJavaScriptは以下です。 <script type="text/javascript" src="//xml.affiliate.rakuten.co.jp/widget/js/rakuten_widget.js"></script> ご存知の方がいらっしゃいましたら、教えて頂きたいです。

  • Ajaxについて教えてください。（定義と実装方法について）

    Ajaxについて教えてください。 （定義について） http://www.atmarkit.co.jp/fwcr/rensai/imasara03/imasara03_1.html （サンプル集） http://jsajax.com/default.aspx 【定義について】 ＞＞Ajaxは略語で、正式名称は「Asynchronous JavaScript ＋ XML」となります。Asynchronousは「非同期」という意味 とされいるようなのです。他にも調べてみると、 「Javascriptを使い，Webページとは非同期（Asynchronous）にXML形式（もしくはテキスト形式）のデータ通信を行う手法」といった風にかかれています。 この「Webページとは非同期」という部分がわからないのですが、どういったものを指しているのでしょうか？ 【実践方法について】 　Ajaxの実装はどういった手順で行うものなのでしょうか？ 　参考でみたホームページで、ライトボックスをみて感動したので、早速使ってみたいと思いました。いざAjaxサンプルページに載っている、ライトボックスのコードをコピー＆ペーストで、自分のＰＣ上で試してみたのですが、動かず悩んでいます。（汗） 　調べていくうちに、ライブラリが必要なようなのですが、どのように実装することで、ライトボックスは使用できるようになるのでしょうか？ 　 　AjaxサンプルのURLにjQueryを使い倒せ!ということから、jQueryという、Ajax用のライブラリがあるのでしょうか？

    • ベストアンサー
    • AJAX
  • AJAX(mac)開発環境のはどのようにつくればいいのでしょうか？

    自宅macで 「Ajax」 「javascript」 「jQuery」 の開発環境はどのように作ればいいのでしょうか？ 【使用目的】 webサイトの構築 アプリケイションの制作です。 ご存知の方いましたら教えてください。 よろしくお願い致します。

    • ベストアンサー
    • AJAX
  • AjaxとJava

    私はAjaxの勉強をしようと思っています。 そのため、簡単なサーバ側はJavaのアプリケーションを作って学ぼうと思ったのですが、どうやって通信すればよいかよくわかりません。 一応わからないなりにいろいろ方法を考えてみたのですが、どれも疑問点があります。 (1)、サーバをJavaで作成して、Ajaxと通信する方法 (2)、JSPを使って、Ajaxと通信する方法 どちらの方法も、 (1)どうやってAjaxからの（正確にはJavaScriptからの）リクエストを受け取って、値を取り出したらいいか (2)どうやってサーバからJavaScriptにデータを送るのか がわかりません（送るパケットは極めてシンプルなもの、たとえば数字とか文字列がいいです）。 入門サイトはほとんどのサーバ側はPHPで作っているので、あまり参考にならないと考えています。 なにか参考になるようなサイトなどはないでしょうか？ お返事お待ちしております。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する