jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)

2015/01/14 358 users Neganin pushState Ajax ネガニン URL

「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushSta... 続きを読む

pjaxできれいなURL＋非同期画面遷移！ by Utage Blog

2013/10/17 393 users Utage Blog

こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SE... 続きを読む

第19回html5とか勉強会

2011/07/13 138 users HTML5 勉強会 Loading htm or above

Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. 第19回html5とか勉強会 - Presentation Transcript pjax～HTM... 続きを読む

pjax こそが pushState + Ajax の本命 - punitanのメモ

2011/04/04 423 users punitan pushState Ajax hash 本命

pjaxの前にpushStateとはAjaxとjQueryの説明は不要として、pushStateとはなんぞや。pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。有名なところではGitHubで使われてるアレ。hash... 続きを読む