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
Node.js + WP-API でつくるウェブアプリケーション
Search
Takayuki Miyauchi
August 27, 2016
Programming
2
820
Node.js + WP-API でつくるウェブアプリケーション
2016/08/27に大阪イノベーションハブで開催されたGRAND FRONTEND OSAKA 2016の資料です。
Takayuki Miyauchi
August 27, 2016
Tweet
Share
More Decks by Takayuki Miyauchi
See All by Takayuki Miyauchi
データ連携基盤としてのベクトルタイル
miya0001
1
140
不動産に関連しそうなデータもろもろ
miya0001
0
50
Geolonia Maps for SmartCity
miya0001
0
590
ベクトルタイルで見えてきたデジタル地図の未来
miya0001
0
240
不動産IDの仕組みと今後の課題
miya0001
0
270
オープンソースでつくるオープンソースっぽい地図の会社の挑戦
miya0001
0
250
ITエンジニアのための住所システムのお話
miya0001
0
87
TileCloudの裏側
miya0001
0
290
地方の子供たちを宇宙へ! きのくにICT教育
miya0001
1
220
Other Decks in Programming
See All in Programming
Rethinking UI building strategies @ SFI 2024
letelete
0
270
"config" ってなんだ? / What is "config"?
okashoi
0
240
Elm Form Validation
bkuhlmann
0
510
ゆるい個人開発のススメ
kuroppe1819
10
990
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
810
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
920
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
Scalable Customer Journey Orchestration (CJO)
lewuathe
0
330
Fragment Composition of GraphQL
quramy
7
1k
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
2
770
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
210
Featured
See All Featured
Practical Orchestrator
shlominoach
182
9.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
The Mythical Team-Month
searls
216
42k
The Language of Interfaces
destraynor
151
23k
Code Reviewing Like a Champion
maltzj
514
39k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Done Done
chrislema
178
15k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Gamification - CAS2011
davidbonilla
76
4.6k
How to train your dragon (web standard)
notwaldorf
73
5.2k
How STYLIGHT went responsive
nonsquared
92
4.8k
Transcript
/PEFKT 81"1*Ͱͭ͘Δ ΣϒΞϓϦέʔγϣϯ (3"/%'30/5&/%04"," !NJZB
ࣗݾհ
http://vccw.cc/
None
None
81"1*ͱʁ
w 8PSE1SFTT͔Β࣮͞Εͨ৽ػೳ w 8PSE1SFTTΛ+40/3&45"1*Ͱ͝ʹΐ͝ʹΐɻ $ curl http://wp-api.dev/wp-json/wp/v2/posts | jq .
[ { "id": 1, "date": "2016-05-17T07:28:32", "date_gmt": "2016-05-17T07:28:32", "guid": { "rendered": "http://wp-api.dev/?p=1" }, "modified": "2016-05-17T07:28:32", "modified_gmt": "2016-05-17T07:28:32", "slug": "hello-world", "type": "post",
w ݱ࣌ͰϑϧػೳΛ͏ʹ81"1*ϓϥάΠϯΛΠ ϯετʔϧ͢Δඞཁ͕͋Δɻ w 8PSE1SFTTͰίΞʹϚʔδ͞ΕΔ༧ఆɻ https://wordpress.org/plugins/rest-api/
8PSE1SFTTͷ৽ػೳࣄલʹϓϥάΠϯͱͯ͠ϦϦʔε͞Εɺ 4MBDL(JU)VCͰͷٞΛܦͯίΞʹϚʔδ͞Ε·͢ɻ https://make.wordpress.org/core/features-as-plugins/
https://github.com/WP-API
w ਖ਼౷3&45GVMͳ"1*ɻ w ϓϥάΠϯʹΑΓ֦ுՄೳɻͨͱ͑ϝλσʔ λΛ+40/ʹՃͨ͠Γͱ͔ɻ w औಘ͍ͨ͠هࣄͷύϥϝʔλΛΫΤϦʔจࣈྻ Ͱࢦఆ͢Δ͜ͱ͕Մೳɻ
/wp-json/wp/v2/posts ߘͷҰཡΛऔಘ *%͕ͷݻఆϖʔδΛऔಘ /wp-json/wp/v2/pages/234 /wp-json/wp/v2/:object/:id
?filter[s]=hello IFMMPؚ͕·ΕΔهࣄΛऔಘ ΧςΰϦʔ͕GSVJUTͷهࣄΛऔಘ ?filter[category]=fruits https://codex.wordpress.org/Class_Reference/WP_Query 8PSE1SFTTͷ81@2VFSZͷύϥϝʔλ͕༻Մ
81"1*ʹΑΔมԽ
8PSE1SFTTͷςʔϚγεςϜ͔Β ϑϩϯτΤϯυΛղ์ w εϚϗΞϓϦɺσεΫτοϓΞϓϦͳͲͷόοΫΤϯυ ͱͯ͠ͷ8PSE1SFTT
ϚΠΫϩαʔϏεͷҰ෦ͱͯ͠ͷ 8PSE1SFTT w ଞͷ$.4ϑϨʔϜϫʔΫͱͷ༰қͳ࿈ܞ͕Մೳɻ Lambda API Gateway
ຊ൪ͰεςʔδϯάͰ ϥΠϒσʔλ w ͩͬͯ"1*ͩΜɻ w ϚΠάϨʔγϣϯແ͠Ͱ։ൃΛ࢝ΊΔ͜ͱՄೳɻ
εέʔϦϯά ͳʹͦΕʁ w ͱʹ͔͘Ωϟογϡͪ͠Ό͑ʂ w "84ͷ$MPVE'SPOU"1*(BUFXBZศརɻ CloudFront CDN
ϫʔΫϑϩʔͷվળ w όοΫΤϯυͱϑϩϯτΤϯυͷશͳۀɻ w ϑϩϯτΤϯυσΟϕϩούʔόοΫΤϯυ͕ 8PSE1SFTTͰ͋Δ͜ͱΛΔඞཁ͑͞ͳ͍͔ɻ
ࣄྫ
None
w όοΫΤϯυ8PSE1SFTTʴ81"1* w ϑϩϯτΤϯυɺ/PEFKT 3FBDUɻ w ϑϩϯτΤϯυͷΠϯϑϥʹ%PDLFSΛ༻ɻ w 044Ͱެ։͞Ε͍ͯ·͢ɻ
None
w 81"1*͔Βऔಘͨ͠σʔλΛ/PEFKTαʔόʔܦ༝ Ͱग़ྗ͢Δ͜ͱͰɺඇಉظॲཧʹΑΔߴԽΛ࣮ݱɻ w /PEFKTαʔόʔଆͰϨεϙϯε͕Ωϟογϡ͞Εͯ ͓Γ8PSE1SFTT͕μϯͯ͠αΠτՔಇɻ w 8PSE1SFTTͷཧը໘Λ͏͜ͱͰɺίϯςϯπϥ ΠλʔͷֶशίετΛݮɻ
None
w ଞͷ$.4͔Β8PSE1SFTTʹҠߦɻ w ಠ࣮ࣗͷϓϥάΠϯΛ։ൃͯ͠"1*Խɻ w όοΫΤϯυͷ։ൃνʔϜϑϩϯτΤϯυʹ΄ͱ ΜͲؔ༩͓ͯ͠ΒͣɺҠߦίετΛݮ͢Δ͜ͱʹ େ͖͘ߩݙɻ
ͦͷଞͷࣄྫ w 5IF/FX:PSL5JNFT w 8JSFE w )BQQZUBCMFT w /PNBEPCBTF
ࠓͷϋϯζΦϯͷ αϯϓϧ
• https://github.com/wckansai2016/node-wp-api • https://github.com/miya0001/ionic-starter- wordpress