タグ

2018年6月11日のブックマーク (2件)

  • はじめてのAjax(jQuery) 2018年版 - Qiita

    2018/03/21 2018年版に再編集 #はじめに:Ajaxとは Ajaxとは「Asynchronous JavaScript + XML」の略です。簡単に言えばJavaScriptとXMLを使って非同期にサーバとの間の通信を行うことが出来ます。 Ajaxを使用することで画面遷移をせずにHTMLを更新することが可能なので、ユーザビリティの向上やサーバ負荷の軽減に繋がります。AngularJSなどで作成したシングルページアプリケーションはこの技術を中心に構成されています。 簡単にまとめると次のようになります。 ページ遷移をさせず(非同期処理で)コンテンツを書き換えられる 他の処理と同時並行で、サーバとやりとりができる また、jQueryでのAjax実装が手軽なので、今回はjQuery、ローカルサーバにMAMPを使用しています。 最初は、pythonやnodeなどのワンライナーでのローカル

    はじめてのAjax(jQuery) 2018年版 - Qiita
  • ajaxっぽいスムーズな画面遷移の方法(1/3) | コモノ株式会社

    WEB制作で通常であれば「パチッ」と遷移する画面を スタイリッシュなWEBサイトなどで スムーズに切り替えて連続した体験を提供したいと考えたときに、 まず思い浮かぶのがajaxを利用した遷移の方法です。 ただ、ajaxを利用した画面遷移は同時にしなくてはいけない処理も多く、 導入のハードルが高いのが難点。 ここでは、全3回(予定)でajaxを使わずに、 「ajaxっぽいスムーズな画面遷移」をする方法をご紹介したいと思います。 ajaxをつかった画面遷移は結構大変 うまく使いこなせば素敵なインタラクションのサイトを 作ることができるajaxですが、 通常の画面遷移をajaxで置き換える場合には、 新しく読み込んだコンテンツに対してloadイベントで行われる処理が当たらなかったり、 履歴やheadの中身を更新したりと対策しなければいけないことも多く、 その分工数も増えてしまいます。 ajaxっ

    ajaxっぽいスムーズな画面遷移の方法(1/3) | コモノ株式会社