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
56
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.
コロナで失われたノベルティ作成ノウハウを復活させた話
livesense
PRO
0
67
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
330
転職会議でGPT-3を活用した企業口コミ要約機能をリリースした話
livesense
PRO
0
1k
株式会社リブセンス マッハバイト_プレイブック
livesense
PRO
0
380
Tech Award 2021 選出方法
livesense
PRO
0
980
株式会社リブセンス エンジニアリング組織を支える風土と制度
livesense
PRO
0
510
株式会社リブセンス・マッハバイト 採用候補者様向け資料
livesense
PRO
0
210
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
2k
brain.optimizerのレコメンド取得API
livesense
PRO
0
2.1k
Other Decks in Technology
See All in Technology
Ask-LLM論文紹介: How to Train Data-Efficient LLMs
s_ota
0
110
業務で使えるかもしれない…!?GitHub Actions の Tips 集 / CI/CD Test Night #7
ponkio_o
PRO
23
6.9k
長文から長文を生成するLLMツールをオープンソースで作ってみた。
tomohisa
2
140
Elementaryを用いたデータ品質の可視化とデータ基盤の運用改善
10xinc
6
1.4k
OCI Data Integration技術情報 / ocidi_technical_jp
oracle4engineer
PRO
1
1.5k
エバンジェリスト活動を7年やってきて見えてきた、コミュニティとエバンジェリストの関係
soracom
PRO
1
200
.NETの非同期戦略とUnityとの相互運用
neuecc
2
2.4k
私のRSpecの書き方 / How I write RSpec
tmtms
4
820
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
150
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
820
既存プロセスからの脱却と変化に適応するために必要なこと
cybozuinsideout
PRO
2
170
なんで私に登壇依頼が?! ~頼られるエンジニアになるためには~ /
mixi_engineers
PRO
2
200
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
27
6.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
219
21k
It's Worth the Effort
3n
180
27k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
GitHub's CSS Performance
jonrohan
1023
450k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
BBQ
matthewcrist
78
8.7k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Building a Modern Day E-commerce SEO Strategy
aleyda
15
6.3k
Gamification - CAS2011
davidbonilla
76
4.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
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() と同じ。 // 履歴に残らないので「戻る」「進む」できない画面になる
ブラウザ対応状況