ラベル pjax の投稿を表示しています。 すべての投稿を表示
ラベル pjax の投稿を表示しています。 すべての投稿を表示

2015年6月5日金曜日

[pushState] jquery.pjaxなクライアントとExpress4+ECTなサーバサイドのWebアプリサンプル

jquery.pjaxとは、ブラウザ履歴をプログラムから操作できるHTML5のAPI「pushState」を便利に実装したjqueryプラグインです。ajaxを使ったWebアプリでは、画面遷移が発生しないのでサクサク動くというメリットがある反面、画面が変化してもURLが変わらないためにSEOで不利というのがデメリットでした。しかしHTML5のpushStateのお陰でそのデメリットもやっと解消されることになりました。jquery.pjaxを使えば、pushStateを簡単に使うことができます。
今回ご紹介するのは、jquery.pjax.js (クライアントサイド) と express4 (サーバサイド) を使ったpjaxなWebアプリの超簡単なサンプルです。