AJAX

  • リビジョンの URL スラッグ: AJAX
  • リビジョンのタイトル: AJAX
  • リビジョンの ID: 298433
  • 作成日:
  • 作成者: ethertank
  • 現行リビジョン いいえ
  • コメント

このリビジョンの内容

はじめに
AJAX の入門的チュートリアル

Asynchronous JavaScript + XML (AJAX) はそれ自身がある種の技術というわけではありませんが、Jesse James Garrett によって 2005 年に作られた言葉で、既存の技術同士を組み合わせた"新しい"アプローチを意味します。組み合わされる技術は、HTMLXHTMLCascading Style SheetsJavaScriptThe Document Object ModelXMLXSLT、そして、XMLHttpRequest object です。これらの技術が AJAX のモデルで組み合わされると、ウェブアプリケーションはより早く、表示されているページ全てを再読み込みすることなく、ユーザインターフェースを逐次更新できるようになります。そして、アプリケーションにより早い表示、よりよい応答性をもたらします。

特選記事

AJAX:はじめに
この記事は、AJAX 技術の基礎の概観を示し、はじめるために二つの簡単なサンプルを紹介します。
Alternate Ajax Techniques
Ajax でのほとんどの記事は XMLHttp を用いて通信を行うことに焦点を当てていますが、Ajax のテクニックは XMLHttp だけにとどまりません。他の手法がいくつかあります。
Ajax:ウェブアプリケーションへの新しいアプローチ
Jesse James Garrett (adaptive path)は、AJAX とそれに関係するコンセプトへの導入記事を2005年2月に書きました。
簡単なAJAXへの道
"結局のところ、ユーザの入力を受け取るためにウェブフォームのような古典的なツールを使い続けるよりも、XMLHttpRequest オブジェクトの優位性をデスクトップアプリケーションにより似た動作をするウェブアプリケーションを作るために利用するのは、非常に簡単なことです。
AJAX アプリケーションでの戻るボタンとブックマーク機能の有効化
Mike Stenhouse によるこの記事では、AJAX アプリケーションを開発する際に、戻るボタンとブックマーク機能を利用できるようにするいくつかの手法を解説しています。
Ajax での間違い
Alex Bosworth は AJAX アプリケーション開発者がおかすいくつかの失敗の概略について、この記事をまとめました。
チュートリアル (サンプルコード付き)
 
HTML in XMLHttpRequest
 
XMLHttpRequest 仕様書
W3C ワーキングドラフト
その他の資料
役に立つかもしれないその他の AJAX に関する資料。

すべてを見る...

コミュニティ

  • Mozilla のフォーラムをみる... (英語)
{{ DiscussionListForJa("dev-ajax", "mozilla.dev.ajax") }}

ツール

英語

全てを見る...

使用例

HTML, XHTML, CSS, DOM, JavaScript, XML, XMLHttpRequest, XSLT, DHTML, Canvas

このリビジョンのソースコード

<div class="callout-box">
  <strong><a href="/ja/docs/AJAX/Getting_Started" title="ja/docs/AJAX/Getting_Started">はじめに</a></strong><br />
  AJAX の入門的チュートリアル</div>

<p><strong>Asynchronous JavaScript + XML (AJAX)</strong> はそれ自身がある種の技術というわけではありませんが、Jesse James Garrett によって 2005 年に作られた言葉で、既存の技術同士を組み合わせた"新しい"アプローチを意味します。組み合わされる技術は、<a href="/ja/docs/HTML" title="ja/docs/HTML">HTML</a> や <a href="/ja/docs/XHTML" title="ja/docs/XHTML">XHTML</a>、<a href="/ja/docs/CSS" title="ja/docs/CSS">Cascading Style Sheets</a>、<a href="/ja/docs/JavaScript" title="ja/docs/JavaScript">JavaScript</a>、<a href="/ja/docs/DOM" title="ja/docs/DOM">The Document Object Model</a>、<a href="/ja/docs/XML" title="ja/docs/XML">XML</a>、<a href="/ja/docs/XSLT" title="ja/docs/XSLT">XSLT</a>、そして、<a href="/ja/docs/XMLHttpRequest" title="ja/docs/XMLHttpRequest">XMLHttpRequest object</a> です。これらの技術が AJAX のモデルで組み合わされると、ウェブアプリケーションはより早く、表示されているページ全てを再読み込みすることなく、ユーザインターフェースを逐次更新できるようになります。そして、アプリケーションにより早い表示、よりよい応答性をもたらします。</p>

<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 class="Documentation" id=".E7.89.B9.E9.81.B8.E8.A8.98.E4.BA.8B" name=".E7.89.B9.E9.81.B8.E8.A8.98.E4.BA.8B">特選記事</h2>
        <dl>
          <dt><a href="/ja/docs/AJAX/Getting_Started" title="ja/docs/AJAX/Getting_Started">AJAX:はじめに</a></dt>
          <dd>この記事は、AJAX 技術の基礎の概観を示し、はじめるために二つの簡単なサンプルを紹介します。</dd>

          <dt><a class="external" href="http://www.webreference.com/programming/ajax_tech/">Alternate Ajax Techniques</a></dt>
          <dd>Ajax でのほとんどの記事は XMLHttp を用いて通信を行うことに焦点を当てていますが、Ajax のテクニックは XMLHttp だけにとどまりません。他の手法がいくつかあります。</dd>

          <dt><a class="external" href="http://www.adaptivepath.com/publications/essays/archives/000385.php">Ajax:ウェブアプリケーションへの新しいアプローチ</a></dt>
          <dd>Jesse James Garrett (<a class="external" href="http://www.adaptivepath.com">adaptive path</a>)は、AJAX とそれに関係するコンセプトへの導入記事を2005年2月に書きました。</dd>

          <dt><a class="external" href="http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html">簡単なAJAXへの道</a></dt>
          <dd>"結局のところ、ユーザの入力を受け取るためにウェブフォームのような古典的なツールを使い続けるよりも、XMLHttpRequest オブジェクトの優位性をデスクトップアプリケーションにより似た動作をするウェブアプリケーションを作るために利用するのは、非常に簡単なことです。</dd>

          <dt><a class="external" href="http://www.contentwithstyle.co.uk/Articles/38/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps">AJAX アプリケーションでの戻るボタンとブックマーク機能の有効化</a></dt>
          <dd>Mike Stenhouse によるこの記事では、AJAX アプリケーションを開発する際に、戻るボタンとブックマーク機能を利用できるようにするいくつかの手法を解説しています。</dd>

          <dt><a class="external" href="http://alexbosworth.backpackit.com/pub/67688">Ajax での間違い</a></dt>
          <dd>Alex Bosworth は AJAX アプリケーション開発者がおかすいくつかの失敗の概略について、この記事をまとめました。</dd>

          <dt><a class="external" href="http://www.xul.fr/en-xml-ajax.html">チュートリアル</a> (サンプルコード付き)</dt>
		  <dd>&nbsp;</dd>

          <dt><a href="/en-US/docs/HTML_in_XMLHttpRequest" title="en-US/docs/HTML_in_XMLHttpRequest">HTML in XMLHttpRequest</a></dt>
		  <dd>&nbsp;</dd>

          <dt><a class="external" href="http://www.w3.org/TR/XMLHttpRequest/">XMLHttpRequest 仕様書</a></dt>
          <dd>W3C ワーキングドラフト</dd>

          <dt><a class="internal" href="/ja/docs/AJAX/Other_Resources" title="ja/docs/AJAX/Other Resources">その他の資料</a></dt>
          <dd>役に立つかもしれないその他の AJAX に関する資料。</dd>
        </dl>
        <p><span class="alllinks"><a href="/ja/docs/tag/AJAX" title="ja/docs/tag/AJAX">すべてを見る...</a></span></p>
      </td>
      <td>
        <h2 class="Community" id=".E3.82.B3.E3.83.9F.E3.83.A5.E3.83.8B.E3.83.86.E3.82.A3.E3.83.BC" name=".E3.82.B3.E3.83.9F.E3.83.A5.E3.83.8B.E3.83.86.E3.82.A3.E3.83.BC">コミュニティ</h2>
        <ul>
          <li>Mozilla のフォーラムをみる... (英語)</li>
        </ul>
        <div>{{ DiscussionListForJa("dev-ajax", "mozilla.dev.ajax") }}</div>
        <ul>
          <li><a class="internal" href="/ja/docs/AJAX/Community" title="ja/docs/AJAX/Community">AJAX コミュニティへのリンク</a></li>
        </ul>
        <h2 class="Tools" id=".E3.83.84.E3.83.BC.E3.83.AB" name=".E3.83.84.E3.83.BC.E3.83.AB">ツール</h2>
        <h3 id=".E8.8B.B1.E8.AA.9E" name=".E8.8B.B1.E8.AA.9E">英語</h3>
        <ul>
          <li><a class="external" href="http://chandlerproject.org/Projects/AjaxLibraries">ツールキット・フレームワーク</a></li>
          <li><a class="external" href="http://www.getfirebug.com/">Firebug - Ajax/Web 開発ツール</a></li>
          <li><a class="external" href="http://blog.monstuff.com/archives/000252.html">AJAX デバッグツール</a></li>
          <li><a class="external" href="http://www.osflash.org/doku.php?id=flashjs">Flash/AJAX 統合キット</a></li>
          <li><a class="external" href="http://xkr.us/code/javascript/XHConn/">シンプルな XMLHTTP インタフェース・ライブラリ</a></li>
        </ul>
        <p><span class="alllinks"><a href="/ja/docs/tag/AJAX:Tools" title="ja/docs/tag/AJAX:Tools">全てを見る...</a></span></p>
        <h2 id=".E4.BD.BF.E7.94.A8.E4.BE.8B" name=".E4.BD.BF.E7.94.A8.E4.BE.8B">使用例</h2>
        <ul>
          <li><a class="external" href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller">AJAX poller script</a></li>
          <li><a class="external" href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9">Ajax Chat Tutorial</a></li>
          <li><a class="external" href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS Ticker with AJAX</a></li>
          <li><a class="external" href="http://www.jamesdam.com/ajax_login/login.html#login">AJAX Login System using XMLHttpRequest</a></li>
          <li><a class="external" href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">Create your own Ajax effects</a></li>
          <li><a class="external" href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">AJAX: Creating Huge Bookmarklets</a></li>
          <li><a class="external" href="http://www.hotajax.org">Hot!Ajax: many cool examples</a></li>
        </ul>
        <h2 class="Related-Topics" id=".E9.96.A2.E9.80.A3.E4.BA.8B.E9.A0.85" name=".E9.96.A2.E9.80.A3.E4.BA.8B.E9.A0.85">関連事項</h2>
        <dl>
          <dd><a href="/ja/docs/HTML" title="HTML">HTML</a>, <a href="/ja/docs/XHTML" title="XHTML">XHTML</a>, <a href="/ja/docs/CSS" title="CSS">CSS</a>, <a href="/ja/docs/DOM" title="DOM">DOM</a>, <a href="/ja/docs/JavaScript" title="JavaScript">JavaScript</a>, <a href="/ja/docs/XML" title="XML">XML</a>, <a href="/ja/docs/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a>, <a href="/ja/docs/XSLT" title="XSLT">XSLT</a>, <a href="/ja/docs/DHTML" title="DHTML">DHTML</a>, <a href="/ja/docs/HTML/Canvas" title="Canvas">Canvas</a></dd>
        </dl>
      </td>
    </tr>
  </tbody>
</table>
Revert to this revision