超シンプルな、pushState + Ajax = PJAXのサンプル Flask編 - When it’s ready.
HTML5熱いですね。いろんな意味で BigPipeやら、HTMLでテンプレートエンジンとかいろいろ出ていますがユーザービリティ下げちゃいけないよねって事は、どの技術でも大切な共通項ですね。pjax = pushState + ajax使えば、リッチな人にはサクサクなUIを、そうじゃない人にもそれなりに提供できる。その上、戻るボタンもサーチエンジンにも優しいとくれば、これは試さないわけには行かないですね。 動作サンプル： http://pjax.atu.si/ Pjaxするとどうなるのか？ 非同期動作時 http://pjax.atu.si にアクセスをして、リンクをクリックすると要素が非同期に変更される。 非同期に更新されているがURLは、シンプルなものに変更される。 同期動作時 http://pjax.atu.si/parts/x や http://pjax.atu.si/parts/
Pjax に挑戦したら思っていた以上に苦労した話 - present
GitHub が採用している、非同期でぬるぬる動く画面遷移、これ pushState と Ajax を組み合わせたテクニックで実現されているんですね。その名も Pjax。 HTML5 の history.pushState を使うからブラウザの履歴にも対応でき、しかも URL がキレイ。Pjax についての詳細な説明は下記のエントリが参考になりました。 pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ Pjax 始まったな。 |i ＼ |.| ﾄ＼ /| ﾄ | ﾄヽ / | | ﾄ | | ﾄヽ＼/| | | ﾄ ／ | | | ト＼≧三ミゞ=イ/ ム彡''´￣￣ ￣ ヽ{__.. / Ｖ´ ﾉ ＿＿ ', ,. =＝ y￣, __､＼＿
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
