NoPHPでWordPressサイトを作ろうとしたら非常に辛かった話

2016年3月5日に大阪・梅田で開催された、frontend conference 2016でのLT資料です。

Transcript

1. PHP͕ݏʹͳͬͯReactͰ WordPressαΠτ࡞ͬͨΒ ͑Β͍໨ʹ͋ͬͨ࿩ FRONTEND CONFERENCE 2016 LT
2. FRONTEND CONFERENCE 2016 LT HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژ౎ϞσϨʔλ ▸ ଠޑͷਓ ▸ ཉ͍͠΋ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ
3. FRONTEND CONFERENCE 2016 LT HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژ౎ϞσϨʔλ ▸ଠޑͷਓ ▸ ཉ͍͠΋ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ
4. FRONTEND CONFERENCE 2016 LT HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژ౎ϞσϨʔλ ▸ଠޑͷਓˠ ▸ ཉ͍͠΋ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ
5. http://arikingokb.wix.com/okstra-orchestra#!tour/c9a0 http://hide-wadaiko-school.com/
6. NoPHPͰ WordPressαΠτʁ
7. FRONTEND CONFERENCE 2016 LT WORDPRESSͰREST API͕࢖͑ΔΑ͏ʹ ▸ WordPressͷσʔλΛGET / POST ଞͰ͖ΔREST API ▸ WordPressͷهࣄɾϝσΟΞɾϢʔβʔɾΧςΰϦetc ▸ WP_QueryฒΈͷݕࡧΫΤϦΛ౥ࡌ ʮ͋ΕɺWordPressαΠτΛPHPͳ͠Ͱ࡞ΕΔΜ͡ΌͶʁʯ
8. ࣮ࡍʹ ΍ͬͯΈͨ
10. http://wp-kyoto.net/
11. https://github.com/hideokamoto/react-wordpress-template
12. ࣮ࡍʹ ΍ͬͯΈͯ
13. ͭΒ͍
14. ͳʹ͕ʁ
15. ंྠͷ࠶։ൃ
16. ͖ͭ·ͱ͏ APIͰ΍Δҙຯ͋Δʁ ͱ͍͏ٙ೦
17. FRONTEND CONFERENCE 2016 LT ʮAPIͰ΍Δҙຯ͋Δ͔ʁʯͱࢥͬͨྖҬ ▸ ΢ΟδΣοτͱϝχϡʔ͕࢖͑ͳ͍ ▸ ΄ͱΜͲͷϓϥάΠϯ͕࢖͑ͳ͍ ▸ ϓϨϏϡʔػೳ΋࢖͑ͳ͍ ▸ headλά಺͕ҙਤͨ͠಺༰ʹͳΒͳ͍
18. https://github.com/hideokamoto/react-wp-theme ݁ہҰ෦PHP࢖ͬͨ
19. WordPressߏங͕ ϝΠϯͷਓʹ͸ ֶशίετ͕ ݁ߏߴ͍
20. ͭ·Γ
21. WordPressߏங͕ ϝΠϯ͡Όͳ͍ਓʹ͸ ֶशίετ͕ ߴ͘ͳ͍(ଟ෼)
22. WordPressߏங͕ ϝΠϯ͡Όͳ͍ਓʹ͸ ֶशίετ͕ ߴ͘ͳ͍(ଟ෼)
23. FRONTEND CONFERENCE 2016 LT WordPressͷ͜͏͍͏ͱ͜ΖΛ֮͑ͳͯ͘΋͍͍ ▸ ࢁ΄Ͳ͋ΔΦϦδφϧؔ਺ ▸ ࢁ΄Ͳ͋Δۄੴࠞ߹ͳςʔϚɾϓϥάΠϯ ▸ ίΞ͕ग़ྗ͢ΔಠࣗͷλάɾΫϥεɾID ▸ લ೚ऀ͕࢒ͨ͠ൿ఻ͷλϨ
24. Just JavaScript
25. ͦ͜ɺ ͦ͜·Ͱͯ͠WordPress ࢖͏ҙຯ͋Δͷʁ ͱ͔ݴΘͳ͍
26. http://www.slideshare.net/naokomc/wordpress-54586946
27. JavaScript͕࢖͑Ε͹ 25%ͷWebαΠτ͸ ͳΜͱ͔ͳΔ͸ͣ
28. JavaScript͕࢖͑Ε͹ 25%ͷWebαΠτ͸ ͳΜͱ͔ͳΔ͸ͣ
29. WP REST API͸ WordPressҊ݅ͷ ۜͷ஄ؙʹͳΔ͔ʁ
30. ۜͷ஄ؙʹ ͳΔ͔ʁ
31. ۜͷ஄ؙʹ ͳΔ͔ʁ →ͳΒͳ͍
32. ۜͷ஄ؙʹ ͳΔ͔ʁ →Ԗͷ஄ؙ( ? )
33. FRONTEND CONFERENCE 2016 LT WordPressߏங΋APIϕʔεʹͳΔɾɾɾʁ ▸ WP REST APIͰͷෛՙ෼ࢄ΍ඇಉظίϯςϯπ഑৴ ▸ ίϯςϯπͷϚϧνഔମ഑৴ ▸ ElasticsearchΛ࢖ͬͨݕࡧػೳͷڧԽ ▸ ΦʔϓϯσʔλͱͷίϥϘʹΑΔίϯςϯπڧԽ ▸ ݴ͏͚ͩͳΒλμ
34. WordPressαΠτΛ ϞόΠϧΞϓϦԽ ͢Δ
35. https://www.youtube.com/watch?v=CG30n0h0Rpg https://github.com/miya0001/ionic-starter-wordpress
36. ϦΞϧλΠϜʹ αΠτΛߋ৽ ͢Δ࢓૊Έ࡞Γ
38. http://www.nytimes.com/live/amtrak-train-derails-in-philadelphia/
39. SLACKͷ౤ߘΛ WORDPRESSهࣄʹ ൓ө͢Δ
40. http://www.slideshare.net/kvignos/wired-and-the-wp-rest-api
41. http://www.wired.com/2016/02/new-hampshire-primary-liveblog-all-eyes-on-trump-bernie/
42. FRONTEND CONFERENCE 2016 LT ·ͱΊ ▸ WP-APIͰNoPHPͰWordPressΛಈ͔ͤΔ ▸ طଘͷWordPressαΠτ͕؆୯ʹΞϓϦԽͰ͖Δ ▸ WordPress࢖͍ࠐΜͰΔਓʹ͸ֶशίετ͕ߴ͍ ▸ ϑϩϯτ੎͕WordPressք۾ʹԥΓࠐΉͳΒࠓ
43. WordPress΋ ϑϩϯτΤϯυͰ ΰϦΰϦ৮Ζ͏ ‷( ɾŷɾ)و ̑̑