Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
pjaxって #TechLunch
Search
Livesense Inc.
PRO
April 21, 2014
Technology
0
73
pjaxって #TechLunch
pjaxって
2013/09/18 (水) @ Livesense TechLunch
発表者:春日 太志
Livesense Inc.
PRO
April 21, 2014
Tweet
Share
More Decks by Livesense Inc.
See All by Livesense Inc.
27新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
2.4k
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
51
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.5k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
440
26新卒_総合職採用_会社説明資料
livesense
PRO
0
11k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
37k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
13k
中途セールス職_会社説明資料
livesense
PRO
0
260
EM候補者向け転職会議説明資料
livesense
PRO
0
130
Other Decks in Technology
See All in Technology
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
20
9.8k
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
applism118
21
10k
Agile PBL at New Grads Trainings
kawaguti
PRO
1
410
Android Audio: Beyond Winning On It
atsushieno
0
100
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
130
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
arthur1
1
800
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
390
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
240
「Linux」という言葉が指すもの
sat
PRO
4
120
KotlinConf 2025_イベントレポート
sony
1
120
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
450
20250913_JAWS_sysad_kobe
takuyay0ne
2
130
Featured
See All Featured
Docker and Python
trallard
45
3.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Thoughts on Productivity
jonyablonski
70
4.8k
Building Applications with DynamoDB
mza
96
6.6k
Become a Pro
speakerdeck
PRO
29
5.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Optimizing for Happiness
mojombo
379
70k
Transcript
pjaxってどうなの? 社内では悪い噂しか聞かないけど...
pjaxってなんなの? 使ったことないけど...
push state + ajax ブラウザ履歴操作 + 非同期通信
一時期 #! が議論されていた Ajax サイトをクロールするため
ajax 周りは library が よろしくやってくれるとして
None
←戻る window.history.back() window.history.go(-1) window.history.go(-2)
進む→ window.history.forward() window.history.go(1) window.history.go(2)
履歴数 window.history.length // 5だったら -4 〜 4 まで go() に指定できる
履歴に追加してURL更新 window.history.pushState({}, ‘title’, ‘/path’) // 第1引数は window.history.state や window.onpopstate の
イベントハンドラで取得できるオブジェクト。上限640KB。それ以 上は session storage や local storage を使用するのが推奨さ れる。なお、popstate イベントは「戻る」「進む」で発生。 // 第2引数はページタイトルを指定できる予定で今は無視される // 第3引数はURLパスで、別ドメイン指定や https 画面からの http 指定などは security error が発生。指定しない場合は現在 のURLパスになる。
None
履歴に残さずURL更新 window.history.replaceState({}, ‘title’, ‘/path’) // 引数は pushState() と同じ。 // 履歴に残らないので「戻る」「進む」できない画面になる
ブラウザ対応状況