Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
NoPHPでWordPressサイトを作ろうとしたら非常に辛かった話
Hidetaka Okamoto
PRO
March 05, 2016
Programming
2
1.2k
NoPHPでWordPressサイトを作ろうとしたら非常に辛かった話
2016年3月5日に大阪・梅田で開催された、frontend conference 2016でのLT資料です。
Hidetaka Okamoto
PRO
March 05, 2016
Tweet
Share
More Decks by Hidetaka Okamoto
See All by Hidetaka Okamoto
Shopify / Stripeで 静的サイトでも オンライン決済・物販をはじめよう / shifter-meetu-feb-2022
hideokamoto
PRO
0
210
Developerが Developer Advocateになった話 / dev-rel-meetup-tokyo-71
hideokamoto
PRO
0
49
Stripeでの オンライン決済理解した - エンジニア達の「〇〇完全に理解した」Talk #25
hideokamoto
PRO
0
270
Jamstack開発者のための App Runner入門
hideokamoto
PRO
1
100
WordPressでの webサイト制作2022 / ngk2022s
hideokamoto
PRO
0
110
JavaScript(TypeScript)で メディアサイトを インフラから構築する方法 / jsconf-jp-2021
hideokamoto
PRO
2
2.8k
AWS上でStripeを利用したアプリをより安全にデプロイする方法 /jaws-pankration-2021
hideokamoto
PRO
1
58
Shifter Headlessと Headless WordPressの紹介
hideokamoto
PRO
0
480
Stripe & Next.js + AWS Amplify で会員 + 定期課金機能 / JP_Stripes20210903
hideokamoto
PRO
5
1.8k
Other Decks in Programming
See All in Programming
Reactでアプリケーションを構築する多様化
sakito
4
3.5k
Why declarative UI frameworks?
tkuenneth
0
200
Update from the Elixir team - 2022
whatyouhide
0
200
CIでAndroidUIテストの様子を録画してみた
mkeeda
0
190
SRE bridge the gap: Feature development to Core API / 機能開発チームとコアAPIチームの架け橋としてのSRE
kenzan100
1
460
Viteはいいぞ/Vite is Good
dojineko
1
110
近況PHP / PHP in now a days
uzulla
4
1.9k
You CANt teach an old dog new tricks
michaelbukachi
0
120
実録mruby組み込み体験
coe401_
0
110
How useEvent would change our applications
koba04
1
1.8k
Unboxing Rails 7
claudiob
1
120
LegalForceの契約データを脅かすリスクの排除と 開発速度の向上をどうやって両立したか
aibou
0
480
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
14
35k
KATA
mclloyd
7
8.6k
Code Reviewing Like a Champion
maltzj
506
37k
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.6k
Building Applications with DynamoDB
mza
83
4.6k
Creatively Recalculating Your Daily Design Routine
revolveconf
207
10k
We Have a Design System, Now What?
morganepeng
35
2.9k
The Brand Is Dead. Long Live the Brand.
mthomps
45
2.7k
Thoughts on Productivity
jonyablonski
43
2.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
4
450
How to name files
jennybc
39
59k
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 ϑϩϯτΤϯυͰ ΰϦΰϦ৮Ζ͏ ‷( ɾŷɾ)و ̑̑