Plone を Headless CMS化 ―「デカップルド・アーキテクチャ」についての考察 ―

Seminar talk in Open Source Conference 2017 Tokyo / Spring on Sat. 11 Mar 2017 at Mesei University

Transcript

1. Built with Passion Modern, Powerful, and User-driven PloneΛ“Headless CMS”Խ
   ʕʮσΧοϓϧυɾΞʔΩςΫνϟʯʹ͍ͭͯͷߟ࡯
   ʕ
2. PLONE USERS GROUP JAPAN http://plone.jp ҆ాળҰ࿠
   ![FOJDI
   [FO![FOJDIDPN ࣉాɹֶ
   !UFSBQZPO
   UFSBEB!DNTDPNKQ
3. ҆ాળҰ࿠ Zenichiro Yasuda (@zenich) Ciel Serein LLC / Surface & Architecture (http://surface-arch.com) - 7 years in a main framer as a systems engineer - Found a small company in 1994 Website creation PM and direction - Since 2004 independent professional Website creation, UI / UX direction WHO AM I
4. TODAY'S TOPIC ʮϔουϨεCMSʯ͋Δ͍͸
 ʮσΧοϓϧυɾΞʔΩςΫνϟʯશൠΛ֓؍͠ɺ Plone Conference ͷ಺༰΋౿·͑ͯ
 ϔουϨεCMSͱͯ͠ͷPloneͷՄೳੑΛ঺հ
5. ͳͥ͜ͷτϐοΫʁ WHY THIS TOPIC?
6. Sep. 2016
7. PyCon JP 2016 TalkʮPyCon (US) 2016 Keynote ࠶ԋ "Plone5ͷOSSʹ͓͚ΔਐԽͱదԠ" ʯ from https://twitter.com/terapyon/status/778824784620556288/photo/1
8. Jun. 2016
9. “ʮϔουϨεCMSʯ͸໷໌͚ؒۙͷΑ͏ͩɻ
 ͜ͷΞΠσΞͷ࣌୅͕དྷ͍ͯΔɻ” from http://pyvideo.org/pycon-us-2016/cris-ewing-keynote-pycon-2016.html
10. Oct. 2016
11. Plone Conference 2016
12. Keynote: Plone Futures Ͱͷݴٴ from https://2016.ploneconf.org/talks/plone-futures
13. Talk: Plone Server from https://2016.ploneconf.org/talks/plone-server
14. Talk: Plone REST API from https://2016.ploneconf.org/talks/rest-api
15. Talk: A JavaScript Plone Client from https://2016.ploneconf.org/talks/javascript-plone-client
16. Wordpress 4.7 ͸REST APIඪ४૷උ
 (ผͷCMSͰ͕͢) from http://ja.wp-api.org/
17. ϔουϨεCMS (͋Δ͍͸
 σΧοϓϧυΞʔΩςΫνϟ)ͱ͸ʁ WHAT’S A 
 "HEADLESS CMS" (or the Decoupled architecture) ?
18. ARCHITECTURE ΞʔΩςΫνϟ
19. “monolithic”
 [presentation + content ]
20. “monolithic”
 [presentation + content ] “decoupled”
 [presentation] / [content ]
21. FRONT END REST API CMS BACKEND 
 + DATABASE
22. ࢀߟ : Plone Diazoͱͷҧ͍ from https://docs.plone.org/adapt-and-extend/theming/quick_test.html
23. BACKGROUND ग़ݱͷഎܠ
25. BENEFITS ར఺
26. Ϣʔβʔମݧͷ޲্
27. ͞·͟·ͳνϟωϧ΁ͷ഑৴
28. USECASE ࢖͍Ͳ͜Ζ
29. CMS 1. STATIC WEBSITE USER REQUEST
30. CMS USER REQUEST 2. SINGLE PAGE APP
31. CMS 3. ADMIN PANEL
32. RESOURCES ҎԼͷαΠτɺυΩϡϝϯτΛࢀߟʹ͠·ͨ͠ Decoupled CMS: Why “Going Headless” Is Becoming So Popular https://pantheon.io/decoupled-cms A WordPress REST API White Paper by Human Made https://hmn.md/wordpress-rest-api-white-paper/
33. PloneͱϔουϨεCMS PLONE AND HEADLESS CMS
34. PLONE ROADMAP from https://plone.org/roadmap/2017-plone-roadmap/#autotoc-item-autotoc-8
35. PLONE ROADMAP from https://plone.org/roadmap/2017-plone-roadmap/#autotoc-item-autotoc-8 • ϞμϯͳαΠτ։ൃʹ͸CMS͸࠾༻͞Εͣɺϑϩϯτ Τϯυ͔ΒREST API ܦ༝ͰಠࣗͷόοΫΤϯυͱͭͳ ͙ܗΛऔΔ͜ͱ͕ଟ͘ͳ͍ͬͯΔ • CMSͷػೳʹର͢Δχʔζ͸มΘΒͣଘࡏ͍ͯ͠Δɻ • CMSͷ͢΂ͯͷػೳ͕REST APIܦ༝Ͱఏڙ͞ΕΕ͹ɺ όοΫΤϯυͱͯ͠࠾༻͞ΕΔՄೳੑ͕͋Δɻ
 ͜Ε͕UIͷͳ͍CMS : ϔουϨεCMSͰ͋Δɻ
36. PLONE SERVER from https://2016.ploneconf.org/talks/plone-server
37. PLONE SERVER from https://2016.ploneconf.org/talks/plone-server
38. PLONE SERVER from https://2016.ploneconf.org/talks/plone-server • plone.server is a high performance, asynchronous I/O backend for multinode deployments. • provides much more scalability, asynchronous features (like long polling, websockets), and a very modern technical stack.
39. PLONE REST API from https://2016.ploneconf.org/talks/rest-api
40. PLONE REST API from https://2016.ploneconf.org/talks/rest-api
41. PLONE REST API from https://2016.ploneconf.org/talks/rest-api
42. A JAVASCRIPT PLONE CLIENT from https://2016.ploneconf.org/talks/javascript-plone-client
43. from https://2016.ploneconf.org/talks/plone-server A JAVASCRIPT PLONE CLIENT
44. PloneΛ“Headless CMS”Խ
45. Plone͸“Headless CMS”Խ
46. DEMO
47. WORLD PLONE DAY 2017 • ੈքதͷPlone ίϛϡχςΟ͕
 ຖ೥4݄ͷऴΘΓʹಉ࣌ʹ
 ϩʔΧϧΠϕϯτΛ࣮ࢪ • ೔࣌ : 2017೥4݄26೔ (ਫ) 19࣌ʙ • ྉۚ : ࠙਌ձࢀՃऀ 1500ԁ / ɹෆࢀՃͷํ͸ແྉ • ৔ॴ : גࣜձࣾΫϦʔΫɾΞϯυɾϦόʔࣾɹ̎F • ਃࠐ : https://plonejp.connpass.com/ Ͱ͓஌Βͤ͠·͢
48. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠