mozilla

Revision 356833 of AJAX

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

このリビジョンの内容

はじめに
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 に関する資料

すべてを見る...

コミュニティ

ツール

全てを見る...

使用例

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

<div class="callout-box">
  <strong><a href="/ja/docs/AJAX/Getting_Started" title="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="HTML">HTML</a> や <a href="/ja/docs/XHTML" title="XHTML">XHTML</a>、<a href="/ja/docs/CSS" title="CSS">Cascading Style Sheets</a>、<a href="/ja/docs/JavaScript" title="JavaScript">JavaScript</a>、<a href="/ja/docs/DOM" title="DOM">The Document Object Model</a>、<a href="/ja/docs/XML" title="XML">XML</a>、<a href="/ja/docs/XSLT" title="XSLT">XSLT</a>、そして、<a href="/ja/docs/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest object</a> です。これらの技術が AJAX のモデルで組み合わされると、ウェブアプリケーションはより早く、表示されているページ全てを再読み込みすることなく、ユーザインタフェースを逐次更新できるようになります。そして、アプリケーションにより早い表示、より良い応答性をもたらします。</p>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 class="Documentation" id="Documentation" name="Documentation">ドキュメント</h2>
        <dl>
          <dt>
            <a href="/ja/docs/AJAX/Getting_Started" title="AJAX/Getting_Started">AJAX:はじめに</a></dt>
          <dd>
            この記事は、AJAX 技術の基礎の概観を示し、はじめるために二つの簡単なサンプルを紹介します。</dd>
          <dt>
            <a href="http://www.webreference.com/programming/ajax_tech/">Alternate Ajax Techniques</a></dt>
          <dd>
            Ajax でのほとんどの記事は XMLHttp を用いて通信を行うことに焦点を当てていますが、Ajax のテクニックは XMLHttp だけにとどまりません。他の手法がいくつかあります。</dd>
          <dt>
            <a href="http://www.adaptivepath.com/publications/essays/archives/000385.php">Ajax:ウェブアプリケーションへの新しいアプローチ</a></dt>
          <dd>
            Jesse James Garrett (<a href="http://www.adaptivepath.com">adaptive path</a>)は、AJAX とそれに関係するコンセプトへの導入記事を2005年2月に書きました。</dd>
          <dt>
            <a href="http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html">簡単なAJAXへの道</a></dt>
          <dd>
            "結局のところ、ユーザの入力を受け取るためにウェブフォームのような古典的なツールを使い続けるよりも、XMLHttpRequest オブジェクトの優位性をデスクトップアプリケーションにより似た動作をするウェブアプリケーションを作るために利用するのは、非常に簡単なことです。</dd>
          <dt>
            <a 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 href="http://alexbosworth.backpackit.com/pub/67688">Ajax での間違い</a></dt>
          <dd>
            Alex Bosworth は AJAX アプリケーション開発者がおかすいくつかの失敗の概略について、この記事をまとめました。</dd>
          <dt>
            <a href="http://www.xul.fr/en-xml-ajax.html">チュートリアル</a> (サンプルコード付き)</dt>
          <dd>
            &nbsp;</dd>
          <dt>
            <a href="/ja/docs/HTML_in_XMLHttpRequest" title="HTML_in_XMLHttpRequest">HTML in XMLHttpRequest</a></dt>
          <dd>
            &nbsp;</dd>
          <dt>
            <a href="http://www.w3.org/TR/XMLHttpRequest/">XMLHttpRequest 仕様書</a></dt>
          <dd>
            W3C ワーキングドラフト</dd>
          <dt>
            <a href="/ja/docs/AJAX/Other_Resources" title="AJAX/Other Resources">その他の資料</a></dt>
          <dd>
            役に立つかもしれないその他の AJAX に関する資料</dd>
        </dl>
        <p><span class="alllinks"><a href="/ja/docs/tag/AJAX" title="tag/AJAX">すべてを見る...</a></span></p>
      </td>
      <td>
        <h2 class="Community" id="Community" name="Community">コミュニティ</h2>
        <ul>
          <li>Mozilla のフォーラムをみる... (英語) {{DiscussionListForJa("dev-ajax", "mozilla.dev.ajax")}}</li>
          <li><a href="/ja/docs/AJAX/Community" title="AJAX/Community">AJAX コミュニティへのリンク</a></li>
        </ul>
        <h2 class="Tools" id="Tools" name="Tools">ツール</h2>
        <ul>
          <li><a href="http://chandlerproject.org/Projects/AjaxLibraries">ツールキット・フレームワーク</a></li>
          <li><a href="http://www.getfirebug.com/">Firebug - Ajax/Web 開発ツール</a></li>
          <li><a href="http://blog.monstuff.com/archives/000252.html">AJAX デバッグツール</a></li>
          <li><a href="http://www.osflash.org/doku.php?id=flashjs">Flash/AJAX 統合キット</a></li>
          <li><a href="http://xkr.us/code/javascript/XHConn/">シンプルな XMLHTTP インタフェース・ライブラリ</a></li>
        </ul>
        <p><span class="alllinks"><a href="/ja/docs/tag/AJAX:Tools" title="tag/AJAX:Tools">全てを見る...</a></span></p>
        <h2 id="Examples" name="Examples">使用例</h2>
        <ul>
          <li><a href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller">AJAX poller script</a></li>
          <li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9">Ajax Chat Tutorial</a></li>
          <li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS Ticker with AJAX</a></li>
          <li><a href="http://www.jamesdam.com/ajax_login/login.html#login">AJAX Login System using XMLHttpRequest</a></li>
          <li><a href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">Create your own Ajax effects</a></li>
          <li><a href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">AJAX: Creating Huge Bookmarklets</a></li>
          <li><a href="http://www.hotajax.org">Hot!Ajax: many cool examples</a></li>
        </ul>
        <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">関連事項</h2>
        <ul>
          <li><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/JavaScript/Same_origin_policy_for_JavaScript" title="JavaScript/Same_origin_policy_for_JavaScript">同一生成元ポリシー</a></li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>
このリビジョンへ戻す