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
47
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
13
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.4k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
390
26新卒_総合職採用_会社説明資料
livesense
PRO
0
8.7k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
27k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
12k
中途セールス職_会社説明資料
livesense
PRO
0
250
EM候補者向け転職会議説明資料
livesense
PRO
0
120
Other Decks in Technology
See All in Technology
OpenHands🤲にContributeしてみた
kotauchisunsun
1
480
Snowflake Summit 2025全体振り返り / Snowflake Summit 2025 Overall Review
mtpooh
2
420
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
970
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
1
200
rubygem開発で鍛える設計力
joker1007
2
220
How Community Opened Global Doors
hiroramos4
PRO
1
120
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
610
【TiDB GAME DAY 2025】Shadowverse: Worlds Beyond にみる TiDB 活用術
cygames
0
1.1k
フィンテック養成勉強会#54
finengine
0
180
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
100
Witchcraft for Memory
pocke
1
500
SalesforceArchitectGroupOsaka#20_CNX'25_Report
atomica7sei
0
230
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Making Projects Easy
brettharned
116
6.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Code Reviewing Like a Champion
maltzj
524
40k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
A better future with KSS
kneath
239
17k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
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() と同じ。 // 履歴に残らないので「戻る」「進む」できない画面になる
ブラウザ対応状況