アヤックス

Ajaxで、最近の金利を考えると、それは新しい技術を考えていた許されると思います。実際には、XMLHttpRequestオブジェクトを年間約されている。専門用語では、サーバーと非同期JavaScriptの相互作用は何も新しいものだ。すべてのAjaxモデルの他の要素も、周りはかなりの時間をされています：CSSは、（X）HTMLの、そして、DOMスクリプティング。しかし、この方法に興味を、2005年に急騰した。実際には、単にこのアプローチはAjaxのようなきびきびとした名前を与えることでした突然の利益のために責任を負うでしたか？実際には建物のウェブサイトへの新たなアプローチでは、金利の上昇も、前にJesse James Garrettが同項中"Ajaxの造語でいた。"この増加は金利にGoogleからの新しいWebアプリケーションの出現によってもたらされた。

GoogleがGmailでは、Webベースのメールサービスは、初期フォーカスをベースにローンチした大規模なストレージ容量にあった（http://mail.google.com/）。かつての人々がサービスとやり取りするようになり、他の機能を前面に来た。 Gmailでは、自動アドレスの補完、および他のプロセスが透過的にバックグラウンドで行われているスペルチェックを採用。 Webアプリケーションのフロントエンドを非同期的にデータを転送してからデータを受信すると、サーバーです。

XMLHttpRequestオブジェクトへの関心をさらにときにベータテストGoogleサジェスト、http://www.google.com/webhp?complete=1に始まった憤慨した。ユーザーが検索フィールドに語句を入力し始めると、完了のフレーズの提案を以下のリストに表示されます。ユーザーの種類の文字は、呼び出しは、サーバーへの提案の、新しいリストのために作られるたびに、特集のこのような効果があるクライアント/サーバーの相互作用を非同期的に起こっているので、場合]ページで、Googleサジェストをはるかに使用されるユーザーが文字を入力するたびに再読み込みされた。

Googleでは、作業例を提供Jesse James Garrettがてきぱきとマーケティング用語に提供される。 Ajaxをプライミングされての準備がオフ。

Ajaxの課題

Ajaxをここに滞在し、私は確信しているのです。全体的に、私は、Ajaxの手法の利点の多くをもたらすと思う。これはユーザのアクションにページ全体をリフレッシュすることなく非常に高速な応答を提供することでウェブサイトのユーザビリティを向上させることができます。それと同時に、この新しいアプローチも多くの課題を提示。

1つはAjaxアプリケーションの機能の個々のページの負荷低減の番号です。この状態にマイナスの効果を省エネ技術は、そのような[戻る]ボタンまたは個々のページをブックマークすることがされて使用して規則の閲覧を妨げている。能力は、ユーザーの期待を変更このページのほんの一部を更新します。理想的には、すべてのアクションは、ユーザーが撮影したはっきりと明白な結果を得る必要があります。 Webデザイナーは有意義なフィードバックを提供することに挑戦するときには、ユーザーがサーバーに要求を開始するときに、サーバーの応答を提供上昇する必要があります。

疑う余地がないものはAjaxの強力なツールであるのが、他の強力なツールと同様に、悪用される可能性があります。場合は、厄介なさとアクセスのための評判を蓄積するが危険性は、今のところ、まさにその瞬間には、JavaScript可技術になっているが、Ajaxの権利を振り出しに戻った私たちを返すことができます。これは我々のウェブデザイナーの必要性を回避することです。正常にAjaxアプリケーションを構築するキーは任意の他のJavaScript拡張機能を追加するように治療することです。で優雅な劣化を提供するために漸進的に強化を適用します。

Ajaxでプログレッシブの強化

ため、Ajaxアプリケーションを高速で提供できますが、ユーザのアクションに透過的な応答を、彼らはしばしば、従来のWebサイトよりデスクトップアプリケーションにもっと例えている。この比較に真実を一定の金額ですが、あまりにもはるかに撮影することができます。の危険性は、Ajaxを使用する白紙委任状をユーザビリティやアクセシビリティに配慮伝統的なWebサイトに関連付けられて無視すると見なされる可能性がある。

すでに、サイトを使用するAjaxとコンテンツにアクセスするための要件としてJavaScriptを指定浮上している。引数は、このアプローチの根拠として提供しては、提供されている機能のように自然の中では、彼ら可能性が正常に低下しない可能性が豊かなことです。私はそれを購入しないでください。実際に、私は、Ajaxアプリケーションは、その性質上、常に非Ajaxの代替品を提供できると思います。これは、すべての方法では、Ajaxの機能が適用されるに依存する場合アヤックスは最初から機能の一部として含まれている、それは非常に難しいだろう後の段階では、非Ajax版を提供することを分離する。の場合は、他の一方で、アプリケーションを最初に、古い使用して構築されてページをリフレッシュ昔ながらに、Ajaxは、既存のフレームワーク上で傍受要求をサーバーのルートにするXMLHttpRequestを使って適用することができます。 Ajax機能をして、通常のサイト以上の層のように座っている。れないこのおなじみの音？これは漸進的に強化の手法では、この本全体に用い見たことが異なっています。

スタートからアプリケーションのコアに構築、Ajax機能には、javascriptを使用して：に相当する疑似プロトコルの場合は、アクションをトリガするためにリンクをするたびに。それははるかに良いだけで、通常のリンクとインターセプトの既定のアクションを使用します。 Ajaxを使ったウェブサイトを構築する最良の方法は、単に通常のウェブサイトを構築することです。次にHijaxそれ。

Hijax

場合は、Ajaxの成功は、それは、何かのための短い、きびきびとした名前を持つアイデアを売ることができます1つの事を示している。同じようにと言ってもXMLHttpRequestのAjaxの代わりに"のDOMスクリプティング、CSS、および（X）HTMLのと、"それは私漸進的に強化Hijaxではなく"Ajaxを使ってと言ってシンプルなのが簡単だ。"

Ajaxの消費電力のサーバに依存します。サーバーサイドのプログラミング言語は、実際の作業のほとんどを実行します。ブラウザとサーバーの間のゲートウェイとしてXMLHttpRequestオブジェクトの行為を、リクエストとレスポンスを転送する。場合は、そのゲートウェイが削除されますが、それでも要求を送信すると受信の応答を可能にしてください。それだけで時間がかかります。

戻るログインフォームの例を考えてみよう。このサービスを構築する最も簡単な方法は、フォームにして新しいページのフィードバックを含む送信サーバーにページ全体を提出することのアプローチは、昔からのを使用しています。すべての処理は、サーバー、ここでは、フォームに入力されている値の値は、データベースにしようとの一致を検索するには、格納されて比較して行われます。

ためには、ログインプロセスには、Ajaxの方法論を適用するには、フォームの提出（）をハイジャックし、XMLHttpRequestオブジェクトの代わりに渡された傍受される必要があります。フォームの提出送信イベントをトリガします。このイベントは、onsubmitイベントハンドラを使用してキャプチャされ、デフォルトのアクションは、ページ全体の送信、キャンセルすることができますし、新たな行動に置き換えられます：XMLHttpRequestを介してサーバーにデータを送信する。ログインフォームには、ログインプロセスHijaxedされている一詳細は、ユーザにとって便利になります。応答時間は、減少している長いページが更新削除されます。そして何より、ただし、JavaScriptは、ユーザーが使用できない場合、アプリケーションは引き続き動作します。それは長く、経験としてシームレスにすることはできませんが、かかるため、ログイン処理のサーバー上で実行されると、あの辺りには、ユーザにする理由はない。

Ajaxアプリケーションのように大きく、サーバー上に依存して実際に側ではなく、クライアント側の処理は、彼らが正常に低下させることができます。確かに、いくつかのアプリケーションだと思われる痛いときに、ページを更新するには、Ajaxではなく、依存して、ゆっくりするたびに、ユーザーが開始アクション。しかし、遅い劣化の経験はまだ経験がない、すべてのよりはましだ。

Ajaxの将来

私は、Ajaxを使用して増えることになる確信している。個人的に、私はアヤックスと同じようにDOMのスクリプトの他のどのような使われるべきで使用される参照してください希望：としての向上には、ユーザーの利便性の要件ではなく、。私のフィードバックフォームやショッピングカートなどのページ要素に適用されるHijaxingのアイデアを参照してくださいしたいと思います。私には、Hijax技術のAjaxを適用する最も簡単な方法のように思える。残念ながら、知名度の高い、Ajaxアプリケーションの大半は建設されていないその方法。 GmailやGoogle MapsもAjaxをしっかりと最初から統合されていた。これにより、多くの困難に非Ajax版を提供することができます。

場合はGoogle Mapsの任意の他のマッピングウェブサイトのように構築されていたが、Ajaxの機能強化の上に適用されていることができます。それは、それが"別々の平等"非Ajax版を提供するため、作業の多くが含まれます。

Googleサジェストは、他の一方で、アクションの進行性の強化のいい例です。コア機能は、機能的には、Web検索をすることです。 JavaScriptでは、そのプロセスを可能な検索条件Ajaxを示唆することによって強化されて有効に。 JavaScriptが無効になって、コアの機能のままです。

疑う余地がないものはAjaxの素晴らしい技術ですが、私としては、最小のエントリの要件を満たしていないブラウザを締め出すために、そのような方法で悪用されることを願う。代わりに、私はCSSのように使用することを願ってコンテンツへのアクセスを損なうことなく、ユーザーの利便性を高める方法として、。

Web上のアプリケーション

Gmailは、Webアプリケーションの例です。は、従来のデスクトップソフトウェアが実行されているより多くのタスクは、Webに移行している：読書や電子メール、プロジェクト管理、書き込み、および写真を保存して、ほんの数名。 Webデザインソフトウェア開発に似て始めている。

として、より多くのアプリケーションは、Webは、オペレーティングシステムの役割へ移動はますます無意味になることがあります。これは、近い将来には、すべてのあなたの毎日のタスクを実行する必要があるかもしれない、インターネット接続と標準準拠のWebブラウザです。

ご自宅のコンピュータダム端末、スマートサーバーのネットワークに接続することができる。ウェブ上でのビルドアプリケーションの問題をはらんでいるようだ。ソフトウェア開発者は、フォームや他のインターフェイス要素の上に、コントロールの欠如を嘆く。これは、デスクトップのユーザーインターフェイスの豊かさと比較して、ブラウザの原始的な見えるのも事実だ。しかし、重要なことは、ブラウザだけで十分されているインターフェイスとして使用を保証する。そこは、Webサーバー上で一元的なアプリケーションをするメリットはあるアプリケーションをデスクトップ上に座って、多くのコピーではなく、。変更や改善点を瞬時に効果はすぐに実施することができます。場合ではなく、豊かなグラフィカルユーザーインターフェイスよりも、ブラウザを使用して支払う価格は、それを価値があるようです。代わりに、ブラウザは1つだけ多くの可能なツールのWebアプリケーションとの相互作用のためになることがあります。アップル社の虎のオペレーティングシステム、アプリケーションのダッシュボード。Dashboardと呼ばれるが含まれ、そのうちの多くのWebアプリケーションとの対話のウィジェットのコレクションが含まれます。

これらのウィジェットはいくつかのデスクトップの機能拡張ダッシュボードインチスローされると、すべてのお馴染みのWeb技術：CSSのは、XHTML、およびDOMスクリプティングを使用する効果的なブラウザを使用する代わりに提供しています。他の選択肢を今後提供されることがあります。 MozillaのXULやMicrosoftのXAMLの技術の両方の豊富なユーザーを作成するための手段の約束は、Webアプリケーションと対話できるインターフェイスを、誰もかなりいるかどうかは、この私たちはWeb上のデスクトップアプリケーションの多くを参照するか、デスクトップ上のWebアプリケーションの多くの意味を確認だ。

個人的に、私はアプリケーションプラットフォームとしてのWebの考え方が大好きです。しかし、デスクトップアプリケーションにWebアプリケーションを比較するのは危険です。一方のWeb任意およびすべてのユーザエージェントを開いて、デスクトップアプリケーションが特定のオペレーティングシステムに関連付けられている。時のDOMスクリプティングとAjaxのような技術を持つWebアプリケーションを作成する、非常に似てロックを要求する魅力的なの-インチ

簡単な解決策は、しばしば特定のブラウザへのアプリケーションの制限に準拠したブラウザ、またはさらに悪いことに、DOMなどの最低限の技術要件を要求しているようだ。これは、Webアプリケーションを構築する最も簡単な方法のように見えるかもしれませんが、私は信じて、このアプローチは、すべてのコストで抵抗する必要があります。

記事マグダDouradoプッチ提出

免責事項：弊社のウェブサイトは、この資料の内容については責任を負いません。 Webarticles無料の情報リソースです。
重要： この記事は、"Ajax"の自動ソフトウェアによって翻訳された。大変申し訳ございませんが発生した可能性があります任意のスペルミスを感じている。お客様のご理解いただき、ありがとうございます。