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
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
530
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
410
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
780
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
600
PicoRuby on Rails
makicamel
2
130
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
780
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
780
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
110
NPOでのDevinの活用
codeforeveryone
0
850
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
170
ニーリーにおけるプロダクトエンジニア
nealle
0
860
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
The Language of Interfaces
destraynor
158
25k
GitHub's CSS Performance
jonrohan
1031
460k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
BBQ
matthewcrist
89
9.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
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 ϑϩϯτΤϯυͰ ΰϦΰϦ৮Ζ͏ ‷( ɾŷɾ)و ̑̑