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
870
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
Geolonia のデータ連携基盤とスマートシティ構想
miya0001
1
220
データ連携基盤としてのベクトルタイル
miya0001
1
230
不動産に関連しそうなデータもろもろ
miya0001
0
89
Geolonia Maps for SmartCity
miya0001
0
790
ベクトルタイルで見えてきたデジタル地図の未来
miya0001
0
290
不動産IDの仕組みと今後の課題
miya0001
0
320
オープンソースでつくるオープンソースっぽい地図の会社の挑戦
miya0001
0
290
ITエンジニアのための住所システムのお話
miya0001
0
210
TileCloudの裏側
miya0001
0
400
Other Decks in Programming
See All in Programming
今から始めるClaude Code入門〜AIコーディングエージェントの歴史と導入〜
nokomoro3
0
210
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
310
AI時代のUIはどこへ行く?
yusukebe
18
9k
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
1
450
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
2.4k
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.4k
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
170
Ruby Parser progress report 2025
yui_knk
1
450
アセットのコンパイルについて
ojun9
0
130
OSS開発者という働き方
andpad
5
1.7k
Reading Rails 1.0 Source Code
okuramasafumi
0
250
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
We Have a Design System, Now What?
morganepeng
53
7.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
KATA
mclloyd
32
14k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
920
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
Optimizing for Happiness
mojombo
379
70k
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