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.3k
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.4k
Vue with TypeScript
kazumanishihata
0
1.8k
ころばぬ先のテクニカルディレクション
kazumanishihata
1
600
動きのデザインとフロントエンドの連携
kazumanishihata
2
1.5k
まぼろしのJS勉強会 #2 「細かすぎて伝わらないUI実装選手権」『使えそうで使えないけど使いたい IntersectionObserver』
kazumanishihata
1
360
RxJSで始めるリアクティブプログラミング
kazumanishihata
1
1.5k
ぼくらのCONST戦争 SCRIPTY #5
kazumanishihata
2
3.3k
Other Decks in Programming
See All in Programming
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
370
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
190
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.3k
DROBEの生成AI活用事例 with AWS
ippey
0
130
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
110
Introduction to kotlinx.rpc
arawn
0
700
Software Architecture
hschwentner
6
2.1k
Pulsar2 を雰囲気で使ってみよう
anoken
0
240
ファインディLT_ポケモン対戦の定量的分析
fufufukakaka
0
700
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
10
3.6k
Writing documentation can be fun with plugin system
okuramasafumi
0
120
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
98
5.4k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
A Philosophy of Restraint
colly
203
16k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
A designer walks into a library…
pauljervisheath
205
24k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
GraphQLとの向き合い方2022年版
quramy
44
13k
Producing Creativity
orderedlist
PRO
344
39k
Become a Pro
speakerdeck
PRO
26
5.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⽏