Skip to main content

Ajaxアプリケーションを使用するタイミング

【COD BO4 解説】Ajaxに有効な対抗手段を検証します【ゆっくり実況】 part13 (六月 2026)

【COD BO4 解説】Ajaxに有効な対抗手段を検証します【ゆっくり実況】 part13 (六月 2026)
Anonim

私はそれを認めます、私はJavaScriptの巨大なファンであったことはありません。私はJavaScriptを読み書きすることができますが、最近まではほとんど関心がありませんでした。どんな理由であれ、私の心はJSスクリプトを書くことになると完全な精神的な休憩を取った。私は複雑なC ++やJavaアプリケーションを書くことができます。私はPerl CGIスクリプトを自分の睡眠中に書くことができますが、JavaScriptは常に苦労していました。

AjaxはJavaScriptをより楽しくしました

私は、ロールオーバーが退屈なので、私がJavaScriptが気に入らなかった理由の一部を考えています。確かに、あなたはJSを使ってそれ以上のことをすることができますが、それを使っているサイトの90%はロールオーバーやフォームの検証をしていました。 1つのフォームを検証したら、それらをすべて検証しました。

それからAjaxが来て、それをすべて新しいものにしました。突然、画像をスワップする以外にJavaScriptをサポートするブラウザがあったため、スクリプトにデータを接続するXMLとDOMがありました。そして、これはAjaxが私にとって興味深いことを意味しているので、私はAjaxアプリケーションを構築したいと考えています。

これまでに構築したばかばかしいAjaxアプリケーションは何ですか?

私は私の電子メールがほとんどないアカウントのメールチェッカーでなければならないと思う。あなたはWebページに行き、「あなたはメールメッセージがありません」と言うでしょう。メッセージが入ってきたら0が変わりますが、そのアカウントにはメールがないので変わらないでしょう。私はアカウントにメールを送信してテストしたところ、うまくいきました。しかし、それは全く無意味でした。 5年前より優れたメールチェッカーがありました。FirefoxやIEを使用する必要はありませんでした。私の同僚の一人がそれを見たとき、彼女は「それは何ですか?」と言いました。私が説明したとき、彼女は「なぜ?」と尋ねました。

Ajaxアプリケーションを構築する前に常に質問する

なぜAjaxですか?Ajaxでアプリケーションを構築する唯一の理由は、「Ajaxがクール」または「私の上司がAjaxを使用するように言われた」ためです。 Webアプリケーションを構築するときは、まず顧客を考えなければなりません。このアプリケーションには何が必要なのですか?何が使いやすくなるのでしょうか?

なぜ何かが違うのですか?できるだけ簡単にAjaxを使用することは非常に魅力的です。私のチームが取り組んでいた1つのサイトには、ページのタブ付きセクションがありました。すべてのコンテンツはデータベースにXML形式で保存され、タブをクリックするとAjaxがXMLからの新しいタブデータでページを再構築するために使用されました。

これは、あなたがAjaxの問題のいくつかを考え始めるまで、Ajaxをうまく使うように思えました。

  • タブはブックマークできません。顧客は必要な情報を保存できません。
  • 検索エンジンは、Ajaxにアクセスできないため、最初のタブにないデータは表示されません。
  • Ajaxにはアクセスできないため、他のタブのコンテンツはスクリーンリーダーを使用している人や、JavaScriptがうまくサポートされていない古いブラウザにも表示されません。
  • タブの1つに多くの情報があると、低速接続でロードするのに時間がかかることがあります。そして、Ajaxは何かが起こっていることを示していないので、ページが壊れているように見えます。

面白かったのは、このWebサイトにAjaxを使用していなかった過去の類似のページがあったことです。彼らは隠されたdivまたは別のHTMLページのいずれかでコンテンツを配信しました。 Ajaxを使用する理由はありませんでしたが、Ajaxはクールでした。私たちの上司は、使用する場所を探すことを提案していました。

Ajaxはアクションではないコンテンツです

Ajaxアプリケーション、またはAjaxのようなWebサイトを構築する場合は、まずアクセスしているデータが変更されているかどうかを判断します。非同期要求のポイントは、サーバーが情報がより速く変更されるように要求することです。これは、リーダーが何か他のことをしている間に起こっているためです。その後、リンクやボタンをクリックすると(または設定された時間が経過した後は、どのような区別があっても)、データがすぐに表示されます。

コンテンツやデータが決して変更されない場合は、Ajaxを使用してアクセスしないでください。

あなたのコンテンツやデータがほとんど変更されない場合は、おそらくAjaxを使ってアクセスするべきではありません。

Ajaxに適したもの

  • フォーム検証
    • フォームの検証は、ほとんど納得のいくものです。フォームを間違って入力した場合や、入力しなかった場合にフォームがあなたに指示すると、それはずっと上手です。サーバーに行き、エラーメッセージを返さなければならないのは古いだけでなく、遅いです。サーバーの検証は、アクセシビリティにとって重要なフォームのままにしておきます。しかし、Ajaxをサポートできる人はすぐに教えてください。
  • コメント
    • ブログや単なる記事へのコメントはAjaxを大いに活用しています。コメントはいつでも変更できます。特に、コメント投稿者がコメントボタンを押すと、そのコメントがページにすぐに表示されるのがうれしいです。
  • データのフィルタリング
    • たくさんのデータが入った大きなテーブルを持っているなら、Ajax用の素敵なアプリケーションはフィルターとソーターをテーブルに追加することです。あなたのWebテーブルをExcelのように動作させることは、人々にとって本当に便利です。
  • アンケートと投票
    • 投票をクリックすると、投票結果が表示されます。あなたがコメントする前に、Aboutは私たちの世論調査でAjaxをまだサポートしていませんが、確かにいいと思います。たぶん私たちはAbout.com開発者に私たち自身の「Ajax呼び出し」を与えることができます。 :)

あなたが「Ajax Call」を受けるときに何をすべきか

上司またはマーケティング部門に相談し、WebサイトでAjaxを使用する理由を調べてください。彼らがなぜそれを望んでいるのかの理由を理解すれば、それに適したアプリケーションを見つけることができます。

あなたの顧客が最初に来たという上司と、そのアクセシビリティはただの言葉ではないことを思い出してください。ユーザーがサイトにアクセスできるかどうか気にしない場合は、検索エンジンがAjaxを気にしないので、ページビュー数を増やすことはありません。

小さく始める。新しいWebアプリケーション全体を最初から構築することを心配する前に、簡単に何かを構築してください。あなたのウェブサイトに何かAjaxianを手に入れることができれば、それはあなたの上司やマーケティング部門が目標を達成するために必要なものかもしれません。実際に役に立つAjaxアプリケーションを作ることは間違いありませんが、最初にそれを行う方法について考える場合に限ります。