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
840
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
140
データ連携基盤としてのベクトルタイル
miya0001
1
200
不動産に関連しそうなデータもろもろ
miya0001
0
68
Geolonia Maps for SmartCity
miya0001
0
720
ベクトルタイルで見えてきたデジタル地図の未来
miya0001
0
270
不動産IDの仕組みと今後の課題
miya0001
0
300
オープンソースでつくるオープンソースっぽい地図の会社の挑戦
miya0001
0
260
ITエンジニアのための住所システムのお話
miya0001
0
160
TileCloudの裏側
miya0001
0
370
Other Decks in Programming
See All in Programming
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
180
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
880
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
53
18k
Datadog Workflow Automation で圧倒的価値提供
showwin
1
100
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
250
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
260
SwiftUI Viewの責務分離
elmetal
PRO
2
260
PHP ステートレス VS ステートフル 状態管理と並行性 / php-stateless-stateful
ytake
0
110
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
40
16k
CDK開発におけるコーディング規約の運用
yamanashi_ren01
2
210
Code smarter, not harder - How AI Coding Tools Boost Your Productivity | Angular Meetup Berlin
danielsogl
0
100
sappoRo.R #12 初心者セッション
kosugitti
0
270
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
Git: the NoSQL Database
bkeepers
PRO
427
65k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
A designer walks into a library…
pauljervisheath
205
24k
Designing Experiences People Love
moore
140
23k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Making Projects Easy
brettharned
116
6k
Site-Speed That Sticks
csswizardry
4
400
Documentation Writing (for coders)
carmenintech
67
4.6k
GitHub's CSS Performance
jonrohan
1030
460k
Unsuck your backbone
ammeep
669
57k
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