WordBench東京 3月ハンズオン

Transcript

1. How do you like “WP REST API” ? WordBench౦ژ(2016/03/21)
2. ࠓ೔ ࿩͢͜ͱ
3. ࠓ೔࿩͢͜ͱ ▸ WP REST API͕ Ͳ͏࢖ΘΕ͍ͯΔ͔ ▸ WP REST APIͷ ؆୯ͳ࢖͍ํ ▸ WP REST APIΛ ࢖ͬͯΈͯײͨ͜͡ͱ WordBenchεϥΠυ
4. ࠓ೔ ࿩͞ͳ͍͜ͱ
5. ࠓ೔࿩͞ͳ͍͜ͱ ▸REST APIʹ͍ͭͯ ▸React΍JavaScriptͷ࢖͍ํ ▸ WP REST APIͰͷςʔϚͷ࡞Γํ WordBenchεϥΠυ
6. PROFILE
7. HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژ౎ϞσϨʔλ ▸ ଠޑͷਓ ▸ ཉ͍͠΋ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ WordBenchεϥΠυ
8. HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژ౎ϞσϨʔλ ▸ଠޑͷਓ ▸ ཉ͍͠΋ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ WordBenchεϥΠυ
9. HIDE(Ԭຊलߴʣ ▸ σδλϧΩϡʔϒ ΤϯδχΞ ▸ WordBenchژ౎ϞσϨʔλ ▸ଠޑͷਓˠ ▸ ཉ͍͠΋ͷϦετˣ ▸ http://www.amazon.co.jp/registry/ wishlist/1UYH9PSDMB3FZ WordBenchεϥΠυ
10. http://arikingokb.wix.com/okstra-orchestra#!tour/c9a0 http://hide-wadaiko-school.com/
12. REACT + WP REST APIͰ ςʔϚ࡞ͬͨ
13. https://github.com/hideokamoto/react-wordpress-template/tree/dev
14. https://speakerdeck.com/hideokamoto/nophpdewordpresssaitowozuo-routositarafei-chang-nixin-katutahua
15. WordBenchεϥΠυ LTͨ͠Β มଶѻ͍ ͞Εͨ݅ https://www.facebook.com/webdirectors.manual/posts/ 997661930309250?fref=nf
16. ͸͍
17. ͦ΋ͦ΋ WP REST APIͬͯʁ
18. WordPressίΞͱ RESTfulʹ௨৴Ͱ͖Δ API →WP REST API
19. ͦ͏͍͏΋ͷͩͱ ࢥ͍ͬͯͩ͘͞
20. WP REST APIͬͯ Ͳ͏࢖ΘΕͯΔͷʁ
21. WordBench Tokyo WP REST APIͷ࢖͍ํ͋Ε͜Ε ▸ ϦΞϧλΠϜϑΟʔυʢNYTIMESʣ ▸ ΠϯλϥΫςΟϒͳݕࡧϑΥʔϜʢwp-kyotoʣ ▸ ֎෦͔Βͷهࣄ࡞੒ʢWIREDʣ ▸ ֎෦͔ΒͷαΠτ؅ཧʢWP-CLI / WordPress.comʣ ▸ ΞϓϦ΁ͷల։ʢNomadbaseʣ
22. WordBench Tokyo WP REST APIͷ࢖͍ํ͋Ε͜Ε ▸ϦΞϧλΠϜϑΟʔυʢNYTIMESʣ ▸ ΠϯλϥΫςΟϒͳݕࡧϑΥʔϜʢwp-kyotoʣ ▸ ֎෦͔Βͷهࣄ࡞੒ʢWIREDʣ ▸ ֎෦͔ΒͷαΠτ؅ཧʢWP-CLI / WordPress.comʣ ▸ ΞϓϦ΁ͷల։ʢNomadbaseʣ
24. http://www.nytimes.com/live/amtrak-train-derails-in-philadelphia/
25. http://www.slideshare.net/ScottTaylor1/a-day-of-rest
27. React
28. WordBench Tokyo WP REST APIͷ࢖͍ํ͋Ε͜Ε ▸ ϦΞϧλΠϜϑΟʔυʢNYTIMESʣ ▸ ΠϯλϥΫςΟϒͳݕࡧϑΥʔϜ(wp-kyoto) ▸ ֎෦͔Βͷهࣄ࡞੒ʢWIREDʣ ▸ ֎෦͔ΒͷαΠτ؅ཧʢWP-CLI / WordPress.comʣ ▸ ΞϓϦ΁ͷల։ʢNomadbaseʣ
31. WordBench Tokyo WP REST APIͷ࢖͍ํ͋Ε͜Ε ▸ ϦΞϧλΠϜϑΟʔυʢNYTIMESʣ ▸ ΠϯλϥΫςΟϒͳݕࡧϑΥʔϜʢwp-kyotoʣ ▸ ֎෦͔Βͷهࣄ࡞੒ʢWIREDʣ ▸ ֎෦͔ΒͷαΠτ؅ཧʢWP-CLI / WordPress.comʣ ▸ ΞϓϦ΁ͷల։ʢNomadbaseʣ
32. http://www.wired.com/2016/02/new-hampshire-primary-liveblog-all-eyes-on-trump-bernie/
33. http://www.slideshare.net/kvignos/wired-and-the-wp-rest-api
34. https://wordpress.org/plugins/invitations-for-slack/
35. WordBench Tokyo WP REST APIͷ࢖͍ํ͋Ε͜Ε ▸ ϦΞϧλΠϜϑΟʔυʢNYTIMESʣ ▸ ΠϯλϥΫςΟϒͳݕࡧϑΥʔϜʢwp-kyotoʣ ▸ ֎෦͔Βͷهࣄ࡞੒ʢWIREDʣ ▸ ֎෦͔ΒͷαΠτ؅ཧ(WP-CLI / WordPress.com) ▸ ΞϓϦ΁ͷల։ʢNomadbaseʣ
36. http://wp-cli.org/blog/restful-wp-cli-update-2.html
37. http://wp-cli.org/blog/restful-wp-cli-update-2.html
38. http://blog.handbuilt.co/2016/01/28/feelingrestful-a-more-restful-wp-cli/
39. http://blog.handbuilt.co/2016/01/28/feelingrestful-a-more-restful-wp-cli/
40. https://developer.wordpress.com/calypso/
41. https://wordpress.org/plugins/woomage/
42. https://hmn.md/uploads/2016/01/Talking-to-25-of-the-Web-1.pdf
43. https://github.com/serverless/serverless https://www.meteor.com/ http://electron.atom.io/
44. WordBench Tokyo WP REST APIͷ࢖͍ํ͋Ε͜Ε ▸ ϦΞϧλΠϜϑΟʔυʢNYTIMESʣ ▸ ΠϯλϥΫςΟϒͳݕࡧϑΥʔϜʢwp-kyotoʣ ▸ ֎෦͔Βͷهࣄ࡞੒ʢWIREDʣ ▸ ֎෦͔ΒͷαΠτ؅ཧʢWP-CLI / WordPress.comʣ ▸ ΞϓϦ΁ͷల։ʢNomadbaseʣ
46. https://hmn.md/uploads/2016/01/Talking-to-25-of-the-Web-1.pdf
47. https://facebook.github.io/react-native/
48. ͸͍
49. ૣ͘WP REST API ৮ͬͯΈ͍ͨʂ ͬͯͳΓ·ͨ͠ʁ
50. WP REST APIΛ ࣮ࡍʹ৮ͬͯΈΑ͏
51. ΨΠυ http://bit.ly/1PkuaUt
52. http://example.com/ wp-json/ oembed/1.0/embed? http://example.com/ embed-blog-posts
53. ϋϯζΦϯͷ͓໿ଋ ▸ JavaScript͸͙͢ʹյΕΔ΋ͷͱߟ͑Δ ▸ ಈ͔ͳ͘ͳͬͯ΋߄ͯͳ͍ ▸ ·ͣ͸શ֯εϖʔεɾߦ຤ͷʮ;ʯͦͯ͠ด͡๨ΕΛٙ͏ ▸ ճઢ͕ࠞࡶ͍ͯ͠Δ৔߹΋͋ΔͷͰযΒͳ͍ ▸ APIΫΤϦ͸WP REST API Console΍curl + jqͰࣄલʹνΣοΫ ▸ ׬੒඼͕͋ΔʢʹՈͰ΋෮शՄೳʣͷͰࣄނͬͯ΋ٽ͔ͳ͍ WordBench Tokyo
54. ϓϥάΠϯΛ Πϯετʔϧ͢Δ
55. Πϯετʔϧ͢Δ΋ͷΛؒҧ͑ͳ͍ API໊ ϓϥάΠϯ໊ URL උߟ WP REST API v1 WP REST API (WP API) https://wordpress.org/ plugins/json-rest-api/ v2͕ࢮ͵ WP REST API v2 WordPress REST API (Version 2) https://wordpress.org/ plugins/rest-api/ Ұ෦ίΞ࣮૷ (WP4.4~) WP API WP API https://wordpress.org/ plugins/wp-api/ ̐೥Ҏ্ ϝϯςͳ͠ WordBench Tokyo
56. Πϯετʔϧ͢Δ΋ͷΛؒҧ͑ͳ͍ API໊ ϓϥάΠϯ໊ URL උߟ WP REST API v1 WP REST API (WP API) https://wordpress.org/ plugins/json-rest-api/ v2͕ࢮ͵ WP REST API v2 WordPress REST API (Version 2) https://wordpress.org/ plugins/rest-api/ Ұ෦ίΞ࣮૷ (WP4.4~) WP API WP API https://wordpress.org/ plugins/wp-api/ ̐೥Ҏ্ ϝϯςͳ͠ WordBench Tokyo
57. Πϯετʔϧͯ͠ ༗ޮԽ͢Δ͚ͩ
58. O K ?
59. ·ͣ͸ APIΛୟ͍ͯΈ·͠ΐ͏
60. ศརͳ ϓϥάΠϯ
61. https://wordpress.org/plugins/rest-api-console/
62. APIϦΫΤετͷ݁Ռ͕දࣔ͞ΕΔ
63. ศར
64. ͨͩ͠
65. ͪΐͬͱ όάͬͯΔ
66. https://wordpress.org/support/topic/requests-fail-due-to-extra-slash?replies=3
67. ͷͰ
68. ZIPͰDLͯ͠ Ξοϓϩʔυ
69. http://bit.ly/1RmBxvW ↑ZIP΁ͷϦϯΫ
72. Ξοϓϩʔυ
73. ༗ޮԽ
74. REST API COSOLE Λ࢖ͬͯΈΔ
77. ʮGET /wp/v2/postsʯΛબ୒
78. APIϦΫΤετͷ݁Ռ͕දࣔ͞ΕΔ
79. ΫϦοΫ͢Δͱৄࡉ͕ݟΕ·͢
80. ΫΤϦΛ ͚ͭͯݕࡧ͢Δ
81. ʮper_page=XXʯͰ݅਺੍ޚ
82. ʮsearch=XXʯͰݕࡧ
83. ʮfilter[XXXX]=XXʯͰWP_QueryͷΫΤϦ
84. http://v2.wp-api.org/reference/posts/
85. ଞͷσʔλΛ औಘ͢Δ
86. GET /wp/v2/media
87. GET /wp/v2/categories
88. GET /wp/v2/users
89. ֦ுϓϥάΠϯͷAPI΋࢖͑Δ
90. ͍Ζ͍Ζ σʔλΛऔಘ ͯ͠ΈΑ͏
91. O K ?
92. jQueryΛ࢖ͬͯ ͍Ζ͍Ζ΍ͬͯΈΔ
93. WordBench Tokyo ࠓճͷϋϯζΦϯͰ΍Δ͜ͱ ▸ ϒϩάΧʔυʢoEmbedʣΛ(WPͷ֎Ͱ)දࣔ͢Δ ▸ ΪϟϥϦʔΛ(WPͷ֎Ͱ)දࣔ͢Δ ▸ ίϝϯτϑΥʔϜΛ࡞੒ͯ͠ίϝϯτΛ౤ߘ͢Δ ▸ ʢ෺଍Γͳ͍ਓ޲͚ͷ௥Ճͷ͓୊΋͋Γ·͢ʣ
94. ϩʔΧϧ؀ڥ ࢖͏৔߹ͷHTML਽ܗ http://bit.ly/1pUIkai
95. ެ։؀ڥ ࢖͏৔߹ͷHTML਽ܗ http://bit.ly/1Rt1D6S
96. ϒϩάΧʔυΛ දࣔ͢Δ
98. API: http://example.com/wp-json/oembed/1.0/embed? Query: http://example.com/embed-blog-posts
99. ΨΠυ http://bit.ly/1PkuaUt
100. ࣍ߦ͖·͢
101. ΪϟϥϦʔΛ දࣔ͢Δ
103. API: http://example.com/wp-json/wp/v2/media? Query: http://bit.ly/1UtTMX0 ࢀর
104. ͕࣍ϥετ
105. ίϝϯτΛ ౤ߘ͢Δ
107. API: http://example.com/wp-json/wp/v2/comments? Query: http://bit.ly/1LyREdV ࢀর
108. ͓ർΕ༷ Ͱͨ͠
109. WP REST API৮ͬͯ ײͨ͜͡ͱ
110. WP REST APIຊମͰࠔͬͨ͜ͱ ▸ ΢ΟδΣοτͱϝχϡʔ͕࢖͑ͳ͍ ▸ ࣄނΔϓϥάΠϯ͕গͳ͔Βͣ͋Δ ▸ ϓϨϏϡʔػೳ΋࢖͑ͳ͍ ▸ headλάͷॲཧͰ͑Β͍໨ʹ͋͏ WordBench Tokyo
111. http://v2.wp-api.org/guide/plugins/
112. http://v2.wp-api.org/guide/plugins/
113. http://v2.wp-api.org/guide/plugins/
114. ·ͱΊ
115. WordBench Tokyo ·ͱΊ ▸ WP REST API͸·ͩ·ͩൃల్্ ▸ ͱ͸͍͑ؾ͕͚ͭ͹ελϯμʔυԽͦ͠͏ ▸ ࢮͳͳ͍ൣғͰ๯ݥ͓͍ͯͯ͠ଛ͸͠ͳ͍ʢ͸ͣʣ ▸ ΋ͬͱREST APIͷهࣄ΍ίʔυΛʂ