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
610
コミュニティ運営から 中の人に変わって感じたこと
hideokamoto
0
89
Developerが Developer Advocateになった話 / dev-rel-meetup-tokyo-71
hideokamoto
0
340
Jamstack開発者のための App Runner入門
hideokamoto
1
490
WordPressでの webサイト制作2022 / ngk2022s
hideokamoto
0
440
JavaScript(TypeScript)で メディアサイトを インフラから構築する方法 / jsconf-jp-2021
hideokamoto
2
4.2k
AWS上でStripeを利用したアプリをより安全にデプロイする方法 /jaws-pankration-2021
hideokamoto
1
200
Shifter Headlessと Headless WordPressの紹介
hideokamoto
0
1.9k
Stripe & Next.js + AWS Amplify で会員 + 定期課金機能 / JP_Stripes20210903
hideokamoto
7
3.2k
Other Decks in Programming
See All in Programming
CSC509 Lecture 05
javiergs
PRO
0
300
CSC509 Lecture 06
javiergs
PRO
0
260
One Enishi After Another
snoozer05
PRO
0
110
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
260
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
6.7k
Introduce Hono CLI
yusukebe
6
2.8k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
470
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
500
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
200
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
290
Swift Concurrency - 状態監視の罠
objectiveaudio
2
540
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
200
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Docker and Python
trallard
46
3.6k
The Language of Interfaces
destraynor
162
25k
Bash Introduction
62gerente
615
210k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
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 ϑϩϯτΤϯυͰ ΰϦΰϦ৮Ζ͏ ‷( ɾŷɾ)و ̑̑