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
380
RxJSで始めるリアクティブプログラミング
kazumanishihata
1
1.7k
ぼくらのCONST戦争 SCRIPTY #5
kazumanishihata
2
3.4k
Other Decks in Programming
See All in Programming
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
4
520
React 使いじゃなくても知っておきたい教養としての React
oukayuka
17
4.6k
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
230
型で語るカタ
irof
1
880
Comparing decimals in Swift Testing
417_72ki
0
130
MySQL9でベクトルカラム登場!PHP×AWSでのAI/類似検索はこう変わる
suguruooki
1
260
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
Understanding Kotlin Multiplatform
l2hyunwoo
0
240
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
120
LLMは麻雀を知らなすぎるから俺が教育してやる
po3rin
2
1.4k
AI Ramen Fight
yusukebe
0
120
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
4
720
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
GitHub's CSS Performance
jonrohan
1031
460k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
400
Music & Morning Musume
bryan
46
6.7k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Visualization
eitanlees
146
16k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
RailsConf 2023
tenderlove
30
1.2k
A better future with KSS
kneath
238
17k
How to train your dragon (web standard)
notwaldorf
96
6.1k
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⽏