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

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. ࣮ࡍʹ ΍ͬͯΈͨ

9. None

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. ϦΞϧλΠϜʹ αΠτΛߋ৽ ͢Δ࢓૊Έ࡞Γ

37. None

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΋ ϑϩϯτΤϯυͰ ΰϦΰϦ৮Ζ͏ ‷( ɾŷɾ)و ̑̑