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

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

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

75486cbfd37125f121cf4a6c5614601c?s=128

Hidetaka Okamoto

March 05, 2016
Tweet

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