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
460
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
22
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.4k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
400
26新卒_総合職採用_会社説明資料
livesense
PRO
0
9.2k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
28k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
12k
中途セールス職_会社説明資料
livesense
PRO
0
250
EM候補者向け転職会議説明資料
livesense
PRO
0
120
Other Decks in Technology
See All in Technology
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
55
22k
衛星運用をソフトウェアエンジニアに依頼したときにできあがるもの
sankichi92
1
230
AWS CDK 入門ガイド これだけは知っておきたいヒント集
anank
5
600
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
510
マルチプロダクト環境におけるSREの役割 / SRE NEXT 2025 lunch session
sugamasao
1
390
CDKコード品質UP!ナイスな自作コンストラクタを作るための便利インターフェース
harukasakihara
2
200
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
210
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
500
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
200
Rethinking Incident Response: Context-Aware AI in Practice
rrreeeyyy
1
390
モニタリング統一への道のり - 分散モニタリングツール統合のためのオブザーバビリティプロジェクト
niftycorp
PRO
1
360
スタックチャン家庭用アシスタントへの道
kanekoh
0
110
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Docker and Python
trallard
45
3.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Adopting Sorbet at Scale
ufuk
77
9.5k
Git: the NoSQL Database
bkeepers
PRO
430
65k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Practical Orchestrator
shlominoach
189
11k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
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() と同じ。 // 履歴に残らないので「戻る」「進む」できない画面になる
ブラウザ対応状況