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
860
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
210
データ連携基盤としてのベクトルタイル
miya0001
1
220
不動産に関連しそうなデータもろもろ
miya0001
0
82
Geolonia Maps for SmartCity
miya0001
0
770
ベクトルタイルで見えてきたデジタル地図の未来
miya0001
0
280
不動産IDの仕組みと今後の課題
miya0001
0
320
オープンソースでつくるオープンソースっぽい地図の会社の挑戦
miya0001
0
280
ITエンジニアのための住所システムのお話
miya0001
0
200
TileCloudの裏側
miya0001
0
390
Other Decks in Programming
See All in Programming
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
640
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.3k
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
150
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
10k
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
2.1k
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
730
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
技術同人誌をMCP Serverにしてみた
74th
1
650
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
12
4.5k
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
760
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
150
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Site-Speed That Sticks
csswizardry
10
690
GitHub's CSS Performance
jonrohan
1031
460k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Why Our Code Smells
bkeepers
PRO
336
57k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
Typedesign – Prime Four
hannesfritz
42
2.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
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