Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

pjaxって #TechLunch

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Livesense Inc. Livesense Inc. PRO
April 21, 2014
Technology
96
0

pjaxって #TechLunch

pjaxって
2013/09/18 (水) @ Livesense TechLunch
発表者：春日 太志

Avatar for Livesense Inc.

Livesense Inc. PRO

April 21, 2014

More Decks by Livesense Inc.

See All by Livesense Inc.
味覇で作るパスタが美味い - 20261001_yabaubuki.dev
Avatar for Livesense Inc. livesense
PRO
0
110
Rubyはただの⾔語に⾮ず
Avatar for Livesense Inc. livesense
PRO
0
570
28新卒_Webエンジニア職採用_会社説明資料
Avatar for Livesense Inc. livesense
PRO
0
130
27新卒_総合職採用_会社説明資料
Avatar for Livesense Inc. livesense
PRO
0
7.4k
27新卒_Webエンジニア職採用_会社説明資料
Avatar for Livesense Inc. livesense
PRO
0
12k
株式会社リブセンス・転職会議　採用候補者様向け資料
Avatar for Livesense Inc. livesense
PRO
0
590
株式会社リブセンス　会社説明資料（報道関係者様向け）
Avatar for Livesense Inc. livesense
PRO
1
1.8k
データ基盤の負債解消のためのリプレイス
Avatar for Livesense Inc. livesense
PRO
0
720
26新卒_総合職採用_会社説明資料
Avatar for Livesense Inc. livesense
PRO
0
13k

Other Decks in Technology

See All in Technology
スキルを作る、その前に！複数人で使われるスキルを 作るためのプロセス
Avatar for Junki Furukawa junkifurukawa
2
350
脆弱性診断って、何をしているの？ 〜弱点を見つけて、会社の改善につなげるまで〜
Avatar for KeeG keeg
0
660
AI時代だからこそ推したい！Gitコマンド再入門
Avatar for ムナカタ munakata
0
160
ファミコンでPHPを動かす / PHP on the Famicom side b
Avatar for HASEGAWA Tomoki tomzoh
0
140
全PRの83%が AIレビューだけでマージできるようになった開発組織は その後どうなったか @2026/10
Avatar for a-thug athug
0
120
AI Made Us Faster at Solving the Wrong Problems
Avatar for Marcelo Ancelmo marceloancelmo
0
190
「事実」を「計測」して、「解釈」する 〜AWS Lambdaのメモリ最適解の見つけ方〜
Avatar for maimyyym maimyyym
0
120
自分で立ててみるLLMサービス
Avatar for 世良泰明 y_sera15
0
150
freeeらしさをAIとともに作る / Creating the freee Experience with AI
Avatar for ymrl ymrl
0
210
ビジネスを止めない技術的負債の返済のための戦略とその手法 - 技術的負債と向き合う / Complexity and Simplicity
Avatar for soudai sone soudai
PRO
3
660
事業活動を AI Ready にする攻めと守りのデータエンジニアリング / data-engineering-for-ai-ready-business
Avatar for pei0804 pei0804
5
2k
おそらく日本で唯一のDevRelインターン生として
Avatar for husensan husengs7
0
170

Featured

See All Featured
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.3k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
510
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.2k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
42k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
New Earth Scene 8
Avatar for Sydney Stone popppiees
4
2.7k

Transcript

  1. pjaxってどうなの？ 社内では悪い噂しか聞かないけど...

  2. pjaxってなんなの？ 使ったことないけど...

  3. push state + ajax ブラウザ履歴操作 + 非同期通信

  4. 一時期 #! が議論されていた Ajax サイトをクロールするため

  5. ajax 周りは library が よろしくやってくれるとして

  6. None

  7. ←戻る window.history.back() window.history.go(-1) window.history.go(-2)

  8. 進む→ window.history.forward() window.history.go(1) window.history.go(2)

  9. 履歴数 window.history.length // 5だったら -4 〜 4 まで go() に指定できる

  10. 履歴に追加して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パスになる。
  11. None

  12. 履歴に残さずURL更新 window.history.replaceState({}, ‘title’, ‘/path’) // 引数は pushState() と同じ。 // 履歴に残らないので「戻る」「進む」できない画面になる

  13. ブラウザ対応状況