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
8.4k
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.3k
Vue with TypeScript
kazumanishihata
0
1.6k
ころばぬ先のテクニカルディレクション
kazumanishihata
1
590
動きのデザインとフロントエンドの連携
kazumanishihata
2
1.4k
まぼろしのJS勉強会 #2 「細かすぎて伝わらないUI実装選手権」『使えそうで使えないけど使いたい IntersectionObserver』
kazumanishihata
1
320
RxJSで始めるリアクティブプログラミング
kazumanishihata
1
1.3k
ぼくらのCONST戦争 SCRIPTY #5
kazumanishihata
2
3.1k
Other Decks in Programming
See All in Programming
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.1k
"config" ってなんだ? / What is "config"?
okashoi
0
240
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
340
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.3k
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
180
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
260
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
Goのmultiple errorsについて (2024年4月版)
syumai
3
620
Rethinking UI building strategies @ SFI 2024
letelete
0
270
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
370
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Code Reviewing Like a Champion
maltzj
514
39k
Into the Great Unknown - MozCon
thekraken
10
990
Designing for Performance
lara
601
67k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
Making Projects Easy
brettharned
108
5.5k
The Invisible Side of Design
smashingmag
294
49k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Clear Off the Table
cherdarchuk
84
310k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
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⽏