なにこれ

pjaxっぽいjsライブライです。

通常のページ遷移とは違い、jsやcssを読み込みなおさないので高速?なページ移動が可能です。

現在(2017/11/08)このサイトでも使用しています。

totoraj.net v3で使用していました。

動作の流れとしては

  1. 指定されたページをXMLHttpRequestで取得
  2. 取得したhtmlをDOMParseでdocumentにする
  3. 指定された要素を置き換える

といった感じです。

  • 処理までの待機時間の設定
  • scriptの読み込み
  • スクロール位置の制御

などの機能があり、ブラウザの戻るボタンなどにも対応しています。

tjaxは「totoraj + Ajax + pushState」です。

・・・あれ?pushStateどこ行った?

デモ

https://totoraj930.github.io/tjax

ソースコード

MITライセンスです。

totoraj930/tjax: tjax

スクショとか

ツイートしたアカウントが凍結したので残っていません

制作期間

約2日