Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンジニアの戦闘力をエンパワメントするheadlessCMSという選択肢

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
Avatar for Takuya Takeda Takuya Takeda
November 18, 2023
54

 フロントエンジニアの戦闘力をエンパワメントするheadlessCMSという選択肢

Avatar for Takuya Takeda

Takuya Takeda

November 18, 2023

Transcript

  1. ϓϩϑΟʔϧ Name: Take • ԭೄݝࡏॅͷWebܥΤϯδχΞ • Ԭࢁݝग़਎ • ࠓϋϚ͍ͬͯΔ΋ͷ͸ •

    ޿ౡݝ ҆ܳߴాࢢ ࢢٞձ • Twitter • @taketaku123 ΊΜͦʔΕͰ͍͟͝·͢ɻ
  2. WebαΠτΛߏங͢Δͱ͖ͷ ͍ΖΜͳղܾ๏ • ϑϧεΫϥον։ൃ • ϊʔίʔυαʔϏε • Studio/Webflow/Notion • ϩʔίʔυαʔϏε

    • Google Spreads Sheet ʴ Google App Script(GAS) • Airtable • Headless CMS ← ࠓճ͸ͪ͜Β
  3. Headless CMSͷઆ໌ 3. ΫϥΠΞϯτΞϓϦ΁ͷ૊ΈࠐΈ • ։ൃऀϑΝʔετʹαʔϏε͕ઃܭ͞Ε͍ͯΔ • REST API͚ͩͰͳ͘ɺGraphQl΋ఏڙ͞Ε͍ͯΔ৔߹͕ଟ͍ •

    SDK΋ଟ͘ͷαʔϏεͰఏڙ͞Ε͍ͯΔ • ๛෋ͳΠϕϯτΛτϦΨʔʹWebhookΛઃ͚Δ͜ͱ͕Ͱ͖Δ • ։ൃ؀ڥɺݕূɺຊ൪༻ͳͲ։ൃͷ͠΍͕͢͞ߟྀ͞Ε͍ͯΔ • ແྉͷൣғͰग़དྷΔ͜ͱ͕ଟ͍ • SSG(Static Site Generation)ͱ૬ੑ͕Α͍
  4. Headless CMS͸ͲΜͳ࣌ʹ࢖͑Δʁ ΑΓෳࡶͳࣄྫ: 20Ҏ্ͷϩʔΧϧαΠτྔ࢈؅ཧγεςϜ ஍ํαΠτA ʴಠࣗUI ϑΝΫτϦʔ ڞ௨UIίϯϙʔωϯτ Headless CMSʹΑΔ

    ίϯςϯπ੍ޚ ஍ํαΠτB ʴಠࣗUI ஍ํαΠτC ʴಠࣗUI ஍ํαΠτD ʴಠࣗUI Genenrate ෳ਺ͷαΠτʹލΔ ίϯςϯπͷจݴมߋ UIͷදࣔඇදࣔ΍ॱ൪ͷ੍ޚ