Contentfulで作るヘッドレスCMS

#shupaconf3 にて発表させていただいたスライドです。
ヘッドレスCMSについて説明させていただきました。

Transcript

1. ContentfulͰ࡞Δ ϔουϨε$.4
   How to make “Headless CMS” with Contentful. Shupaconf #3 2017.05.05 @ Shibamata Katsushika, Tokyo Tsubasa SEKIGUCHI EXC-3645969186565158903
2. 5JOZ,JUUFO
   @tinykitten8
3. ؔޱ
   ཌྷ
   Tsubasa SEKIGUCHI
4. Section 01 $.4ͬͯԿʁ
   What is CMS? 01. What is CMS?
5. ΢ΣϒίϯςϯπΛߏ੒͢ΔςΩετ΍
   ը૾ͳͲͷσδλϧίϯςϯπΛ
   ౷߹ɾମܥతʹ؅ཧ͠ɺ
   ഑৴ͳͲඞཁͳॲཧΛߦ͏γεςϜͷ૯শɻ ίϯςϯπ؅ཧγεςϜ(CMS) 01. What is CMS?
6. 01. What is CMS?
7. ҎલͷCMSͰ͸ 01. What is CMS?
8. Editor Viewer Backend/Frontend 01. What is CMS?
9. CMSࣗମ ϑϩϯτ΋୲౰͍ͯ͠Δ 01. What is CMS?
10. ՝୊ɿ ϑϩϯτͱόοΫΤϯυ͕ ີ݁߹ 01. What is CMS?
11. Section 02 lϔουϨεz$.4ͬͯԿʁ
    What is “Headless” CMS? 02. What is “Headless” CMS?
12. άϥϑΟΧϧΠϯλʔϑΣʔεͳ͠Ͱ
    σόΠε্Ͱಈ࡞͢Δ͜ͱ͕Ͱ͖Διϑτ΢ΣΞ ϔουϨειϑτ΢ΣΞ(Headless Software) 02. What is “Headless” CMS?
13. ϔουϨεCMSͰ͸ 02. What is “Headless” CMS?
14. PC/SP PC/SP Frontend 02. What is “Headless” CMS?
15. PC/SP PC/SP Frontend Digital Signage Frontend Digital Signage 02. What is “Headless” CMS?
16. PC/SP PC/SP Frontend Digital Signage Frontend Digital Signage Content API REST(GraphQL) API Editor UI Editor 02. What is “Headless” CMS?
17. ϑϩϯτɾόοΫͷ ։ൃ෼཭͕Մೳ 02. What is “Headless” CMS?
18. APIϑΝʔετͷͨΊɺ ϑϩϯτͷࣗ༝౓͕ߴ·Δ ͭ·ΓɺσδλϧαΠωʔδ΍΢ΣΞϥϒϧσόΠε΁ͷ഑৴ͳͲ΋Մೳ 02. What is “Headless” CMS?
19. Section 03 σϝϦοτ
    Disadvantage 03. Disadvantage
20. API඼࣭΁ͷཁٻ͕ߴ͍ σϝϦοτ01 03. Disadvantage
21. ։ൃίετ͕͔͔Δ σϝϦοτ02 03. Disadvantage
22. Section 04 ࣮૷ɾαʔϏε
    Implementation & Service 04. Implementation & Service
23. 04. Implementation & Service
24. WP REST API 04. Implementation & Service
25. WordPressͷ؅ཧUIΛ༻͍ͯ Headless CMSΛߏஙͰ͖Δ 04. Implementation & Service
26. ͳʹ͛ʹυΩϡϝϯτ೔ຊޠ 04. Implementation & Service
27. 04. Implementation & Service
28. 04. Implementation & Service
29. DPOUFOUGVM͸"1*ϑΝʔετͳ$.4ͰɺυΠπͷελʔτΞοϓʹΑͬͯ։ ൃ͞Ε͓ͯΓɺ8PSE1SFTT΍%SVQBMͳͲͷैདྷͷ$.4ͱ͸ҟͳΓɺσΟ εΫτοϓ΍ϞόΠϧ͚ͩͰͳ͘ɺσδλϧαΠωʔδ΍ɺεϚʔτ΢Υο νͳͲͷϓϥοτϑΥʔϜ΁ͷίϯςϯπ഑৴͕Մೳͳ"1*͕༻ҙ͞Ε͍ͯΔ ͜ͱ͕ಛ௃Ͱ͢ɻ https://qiita.com/daikiojm/items/3fbde3c88a7d0a053675 04. Implementation & Service
30. ͢΂ͯӳޠ 04. Implementation & Service
31. Section 05 /VYUKTͰ࣮૷
    Implement CMS with Nuxt.js and Contentful 05. Implement CMS with Nuxt.js and Contentful
32. 05. Implement CMS with Nuxt.js and Contentful
33. 05. Implement CMS with Nuxt.js and Contentful
34. ࢼͯ͠Έ͍ͨํ͸ͪ͜Β 05. Implement CMS with Nuxt.js and Contentful
35. ͝੩ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ TinyKitten @tinykitten8