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.6k
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.6k
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
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
590
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
300
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
110
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
320
Design Foundational Data Engineering Observability
sucitw
3
190
AI Coding Agentのセキュリティリスク:PRの自己承認とメルカリの対策
s3h
0
200
プロポーザル駆動学習 / Proposal-Driven Learning
mackey0225
2
1.3k
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.4k
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
310
MCPでVibe Working。そして、結局はContext Eng(略)/ Working with Vibe on MCP And Context Eng
rkaga
5
2.3k
為你自己學 Python - 冷知識篇
eddie
1
350
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
160
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Balancing Empowerment & Direction
lara
3
620
Making Projects Easy
brettharned
117
6.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
Docker and Python
trallard
45
3.6k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Designing Experiences People Love
moore
142
24k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Rails Girls Zürich Keynote
gr2m
95
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
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⽏