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
NoPHPでWordPressサイトを作ろうとしたら非常に辛かった話
Search
Hidetaka Okamoto
March 05, 2016
Programming
2
1.3k
NoPHPでWordPressサイトを作ろうとしたら非常に辛かった話
2016年3月5日に大阪・梅田で開催された、frontend conference 2016でのLT資料です。
Hidetaka Okamoto
March 05, 2016
Tweet
Share
More Decks by Hidetaka Okamoto
See All by Hidetaka Okamoto
OpenAI APIで API Changelogを要約してみた話 / chatgpt-osaka-1
hideokamoto
0
580
コミュニティ運営から 中の人に変わって感じたこと
hideokamoto
0
81
Developerが Developer Advocateになった話 / dev-rel-meetup-tokyo-71
hideokamoto
0
330
Jamstack開発者のための App Runner入門
hideokamoto
1
480
WordPressでの webサイト制作2022 / ngk2022s
hideokamoto
0
430
JavaScript(TypeScript)で メディアサイトを インフラから構築する方法 / jsconf-jp-2021
hideokamoto
2
4.2k
AWS上でStripeを利用したアプリをより安全にデプロイする方法 /jaws-pankration-2021
hideokamoto
1
190
Shifter Headlessと Headless WordPressの紹介
hideokamoto
0
1.8k
Stripe & Next.js + AWS Amplify で会員 + 定期課金機能 / JP_Stripes20210903
hideokamoto
7
3.2k
Other Decks in Programming
See All in Programming
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
160
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
5つのアンチパターンから学ぶLT設計
narihara
1
160
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
760
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
490
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
3
460
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
240
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
270
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
360
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Raft: Consensus for Rubyists
vanstee
140
7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
4 Signs Your Business is Dying
shpigford
184
22k
Balancing Empowerment & Direction
lara
1
430
A better future with KSS
kneath
238
17k
Stop Working from a Prison Cell
hatefulcrawdad
270
21k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Documentation Writing (for coders)
carmenintech
72
4.9k
Gamification - CAS2011
davidbonilla
81
5.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Transcript
PHP͕ݏʹͳͬͯReactͰ WordPressαΠτ࡞ͬͨΒ ͑Β͍ʹ͋ͬͨ FRONTEND CONFERENCE 2016 LT
FRONTEND CONFERENCE 2016 LT HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژϞσϨʔλ
▸ ଠޑͷਓ ▸ ཉ͍͠ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ
FRONTEND CONFERENCE 2016 LT HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژϞσϨʔλ
▸ଠޑͷਓ ▸ ཉ͍͠ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ
FRONTEND CONFERENCE 2016 LT HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژϞσϨʔλ
▸ଠޑͷਓˠ ▸ ཉ͍͠ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ
http://arikingokb.wix.com/okstra-orchestra#!tour/c9a0 http://hide-wadaiko-school.com/
NoPHPͰ WordPressαΠτʁ
FRONTEND CONFERENCE 2016 LT WORDPRESSͰREST API͕͑ΔΑ͏ʹ ▸ WordPressͷσʔλΛGET / POST
ଞͰ͖ΔREST API ▸ WordPressͷهࣄɾϝσΟΞɾϢʔβʔɾΧςΰϦetc ▸ WP_QueryฒΈͷݕࡧΫΤϦΛࡌ ʮ͋ΕɺWordPressαΠτΛPHPͳ͠Ͱ࡞ΕΔΜ͡ΌͶʁʯ
࣮ࡍʹ ͬͯΈͨ
None
http://wp-kyoto.net/
https://github.com/hideokamoto/react-wordpress-template
࣮ࡍʹ ͬͯΈͯ
ͭΒ͍
ͳʹ͕ʁ
ंྠͷ࠶։ൃ
͖ͭ·ͱ͏ APIͰΔҙຯ͋Δʁ ͱ͍͏ٙ೦
FRONTEND CONFERENCE 2016 LT ʮAPIͰΔҙຯ͋Δ͔ʁʯͱࢥͬͨྖҬ ▸ ΟδΣοτͱϝχϡʔ͕͑ͳ͍ ▸ ΄ͱΜͲͷϓϥάΠϯ͕͑ͳ͍ ▸
ϓϨϏϡʔػೳ͑ͳ͍ ▸ headλά͕ҙਤͨ͠༰ʹͳΒͳ͍
https://github.com/hideokamoto/react-wp-theme ݁ہҰ෦PHPͬͨ
WordPressߏங͕ ϝΠϯͷਓʹ ֶशίετ͕ ݁ߏߴ͍
ͭ·Γ
WordPressߏங͕ ϝΠϯ͡Όͳ͍ਓʹ ֶशίετ͕ ߴ͘ͳ͍(ଟ)
WordPressߏங͕ ϝΠϯ͡Όͳ͍ਓʹ ֶशίετ͕ ߴ͘ͳ͍(ଟ)
FRONTEND CONFERENCE 2016 LT WordPressͷ͜͏͍͏ͱ͜ΖΛ֮͑ͳ͍͍ͯ͘ ▸ ࢁ΄Ͳ͋ΔΦϦδφϧؔ ▸ ࢁ΄Ͳ͋Δۄੴࠞ߹ͳςʔϚɾϓϥάΠϯ ▸
ίΞ͕ग़ྗ͢ΔಠࣗͷλάɾΫϥεɾID ▸ લऀ͕ͨ͠ൿͷλϨ
Just JavaScript
ͦ͜ɺ ͦ͜·Ͱͯ͠WordPress ͏ҙຯ͋Δͷʁ ͱ͔ݴΘͳ͍
http://www.slideshare.net/naokomc/wordpress-54586946
JavaScript͕͑Ε 25%ͷWebαΠτ ͳΜͱ͔ͳΔͣ
JavaScript͕͑Ε 25%ͷWebαΠτ ͳΜͱ͔ͳΔͣ
WP REST API WordPressҊ݅ͷ ۜͷؙʹͳΔ͔ʁ
ۜͷؙʹ ͳΔ͔ʁ
ۜͷؙʹ ͳΔ͔ʁ →ͳΒͳ͍
ۜͷؙʹ ͳΔ͔ʁ →Ԗͷؙ( ? )
FRONTEND CONFERENCE 2016 LT WordPressߏஙAPIϕʔεʹͳΔɾɾɾʁ ▸ WP REST APIͰͷෛՙࢄඇಉظίϯςϯπ৴ ▸
ίϯςϯπͷϚϧνഔମ৴ ▸ ElasticsearchΛͬͨݕࡧػೳͷڧԽ ▸ ΦʔϓϯσʔλͱͷίϥϘʹΑΔίϯςϯπڧԽ ▸ ݴ͏͚ͩͳΒλμ
WordPressαΠτΛ ϞόΠϧΞϓϦԽ ͢Δ
https://www.youtube.com/watch?v=CG30n0h0Rpg https://github.com/miya0001/ionic-starter-wordpress
ϦΞϧλΠϜʹ αΠτΛߋ৽ ͢ΔΈ࡞Γ
None
http://www.nytimes.com/live/amtrak-train-derails-in-philadelphia/
SLACKͷߘΛ WORDPRESSهࣄʹ ө͢Δ
http://www.slideshare.net/kvignos/wired-and-the-wp-rest-api
http://www.wired.com/2016/02/new-hampshire-primary-liveblog-all-eyes-on-trump-bernie/
FRONTEND CONFERENCE 2016 LT ·ͱΊ ▸ WP-APIͰNoPHPͰWordPressΛಈ͔ͤΔ ▸ طଘͷWordPressαΠτ͕؆୯ʹΞϓϦԽͰ͖Δ ▸
WordPress͍ࠐΜͰΔਓʹֶशίετ͕ߴ͍ ▸ ϑϩϯτ͕WordPressք۾ʹԥΓࠐΉͳΒࠓ
WordPress ϑϩϯτΤϯυͰ ΰϦΰϦ৮Ζ͏ ‷( ɾŷɾ)و ̑̑