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
WP REST APIとReactで作るSPA
Search
Kazuma Nishihata
September 18, 2016
Programming
2
9.5k
WP REST APIとReactで作るSPA
WordCamp Tokyo 2016のLT(5分)で発表した資料です。
Kazuma Nishihata
September 18, 2016
Tweet
Share
More Decks by Kazuma Nishihata
See All by Kazuma Nishihata
フロントエンドの技術選定
kazumanishihata
6
6.5k
Vue with TypeScript
kazumanishihata
0
1.8k
ころばぬ先のテクニカルディレクション
kazumanishihata
1
600
動きのデザインとフロントエンドの連携
kazumanishihata
2
1.5k
まぼろしのJS勉強会 #2 「細かすぎて伝わらないUI実装選手権」『使えそうで使えないけど使いたい IntersectionObserver』
kazumanishihata
1
370
RxJSで始めるリアクティブプログラミング
kazumanishihata
1
1.7k
ぼくらのCONST戦争 SCRIPTY #5
kazumanishihata
2
3.4k
Other Decks in Programming
See All in Programming
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
20
3.7k
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
420
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
200
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
A2A プロトコルを試してみる
azukiazusa1
2
1.2k
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
130
GraphRAGの仕組みまるわかり
tosuri13
8
500
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
330
NPOでのDevinの活用
codeforeveryone
0
450
Deep Dive into ~/.claude/projects
hiragram
10
1.8k
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
100
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
240
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Documentation Writing (for coders)
carmenintech
72
4.9k
Gamification - CAS2011
davidbonilla
81
5.3k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
A Tale of Four Properties
chriscoyier
160
23k
Agile that works and the tools we love
rasmusluckow
329
21k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Visualization
eitanlees
146
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Transcript
813&45"1*ͱ3FBDUͰ࡞Δ41" ാҰഅ to-R
גࣜձࣾτΡʔΞʔϧ දऔకϑϩϯτΤϯυΤϯδχΞ ാҰഅ
ϑϩϯτΤϯυʹಛԽͨ͠8FC੍࡞ձࣾ w )5.-$44 w K2VFSZ+BWB4DSJQU w 3FBDU7VF"OHVMBS+4 w 8PSE1SFTT.PWBCMF5ZQF to-R
XXXUPSOFUͰར༻͍ͯ͠Δٕज़ w 8PSE1SFTT813&45"1* w 3FBDU3FBDU3PVUFS w 3FEVYSFEVYTBHB to-R
813&45"1*
WordPressͷߘ༰ͳͲΛAPIͱͯ͠ग़ྗͯ͘͠ΕΔػೳ
IUUQTXXXUPSOFUXQKTPOQPTUT pMUFS<OBNF>'OFXTXPSEDBNQUPLZP'
୭ಘ
ϚϧνϓϥοτϑΥʔϜରԠ ίϯςϯπ 8FCαΠτ J04ΞϓϦ "OESPJE ΞϓϦ .BDΞϓϦ 8JOEPXT ΞϓϦ
ϚϧνϓϥοτϑΥʔϜରԠ ίϯςϯπ 8FCαΠτ J04ΞϓϦ "OESPJE ΞϓϦ .BDΞϓϦ 8JOEPXT ΞϓϦ 8FCαΠτΛύϒϦογϡ͢Δ͚ͩͩͬͨ8PSE1SFTT͕
"1*ͱ͍͏ڞ௨ϓϩτίϧΛಘͯ ༷ʑͳϓϥοτϑΥʔϜʹରԠͰ͖ΔΑ͏ʹͳͬͨ
"1*ܦ༝ͰαΠτΛ࡞ΔͷϝϦοτ 8PSE1SFTT͕͔Βͳͯ͘ αΠτ͕Ͱ͖Δ
41"Λ࡞ΕΔ ϑϩϯτΤϯυΤϯδχΞ͕͍Ε 8FCαΠτ͕Ͱ͖Δ
3FBDUͱ͔"OHVMBSͱ͔ ͕Ͱ͖Εʜ
K2VFSZ͡ΌͩΊͳΜʁ
K2VFSZঢ়ଶཧͷػೳ͕ͳ͍ͷͰ ෳࡶͳใঢ়ଶΛཧ͠ͳ͍͚ͯ͘ͳ͍ 41"ͳͲͰෆ͖ ͤΊͯ#BDLCPOFKTͳͲͷ .7 ϑϨʔϜϫʔΫΛಋೖ͠·͠ΐ͏
ͳΜͰ 3FBDU͕ྲྀߦͬͯΔͷʁ K2VFSZ͕%JTΒΕͯΔͷʁ
3FBDUͰ7JSUVBM%0.ͱ ΑΕΔঢ়ଶཧ༻ͷߏମ͕͋Γ )5.-ͷมߋΛ࠷খݶʹ͑Δ Έ͕͋Δ
7JSUVBM%0. ঢ়ଶ (State) Virtual DOM HTML
)5.-ʹมߋΛՃ͑Δ K2VFSZͱ૬ੑ͕ѱ͍
7JSUVBM%0. ঢ়ଶ (State) Virtual DOM HTML K2VFSZ
7JSUVBM%0. w 3FBDU w "OHVMBS w 7VFKT w 3JPUKT
813&45"1*͕ྲྀߦΔ
41"͕ 4&0తʹ·ͩඍົ
ઈॏ͍ ΩϟογϡϓϥάΠϯ͋Δ͕͋·Γվળ͞Εͳ͍
"1*ͷ͕গ͠ѻ͍ʹ͍͘ wΧςΰϦʔใ໊͕લTMVH͡Όͳͯ͘JE wϖʔδใ͕Ϩεϙϯεϔομʔʹ֨ೲ
ෳࡶͳΞϓϦΛ࡞Δͷʹඍົ
·ͩ·ͩ։ൃ్தͷػೳ ࠓޙͷ813&45"1*ʹظ
5IBOLZPV⽏