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

新リリース：microCMSテンプレート

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for microCMS microCMS
May 31, 2023
Technology
2.3k
1

 新リリース：microCMSテンプレート

microCMS Online Meetup 2023での発表資料です。

Avatar for microCMS

microCMS

May 31, 2023

More Decks by microCMS

See All by microCMS
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
Avatar for microCMS microcms
0
690
microCMS 最新リリース情報（microCMS Meetup 2025）
Avatar for microCMS microcms
0
730
microCMSのリッチエディタ開発：設計・品質・使いやすさの実現手法
Avatar for microCMS microcms
0
240
エンジニア創業者が語るユーザー中心のプロダクト作り
Avatar for microCMS microcms
1
360
What’s new in microCMS (2024 microCMS Meetup)
Avatar for microCMS microcms
0
3.6k
microCMSの開発組織 - Deep dive into microCMS
Avatar for microCMS microcms
2
5.6k
意思決定のモヤが晴れるまで
Avatar for microCMS microcms
7
2.5k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
Avatar for microCMS microcms
7
3.5k
microCMS AI
Avatar for microCMS microcms
0
2.3k

Other Decks in Technology

See All in Technology
Javaコミュニティをもっと楽しむための9箇条
Avatar for Sugiyama Takaaki takasyou
0
450
Java正規表現エンジン（NFA）の仕組みと パフォーマンスを維持するための最適化手法
Avatar for 竹内 雅和 takeuchi_132917
0
140
テストコードのないプロジェクトにテストを根付かせる
Avatar for Toru Takahashi tttol
0
220
Oracle AI Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.5k
【ハノーバーメッセ振り返りイベントat名古屋】データは集約からAI起点の収集に ～組織内・組織間でのデータ連携～
Avatar for 田中 聖也 tanakaseiya
0
140
Fabric-cicd によるAzure DevOps デプロイ
Avatar for Ryoma Nagata ryomaru0825
0
120
AI Adaptable なテストを整える工夫 / Ways to Make Your Tests AI-Adaptable
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
2
140
脅威をエンジニアリングの糧にして：恐怖を乗り越えた先にあったもの / Turn threats into fuel for engineering: what lay beyond overcoming fear
Avatar for nrs nrslib
1
340
AI-DLCを活用した高品質・安全なAI駆動開発実践 / AI Driven Development
Avatar for 吉田真吾 yoshidashingo
1
230
Gradle×GitHub_ActionsでCI時間を約50%短縮 ジョブ分割の設計と落とし穴 / Cutting CI Time by ~50% with Gradle and GitHub Actions: Job-Splitting Design and Pitfalls
Avatar for 冨澤宝斗 takatty
0
520
「使われるデータ基盤」を目指してデータアナリストとワークショップをやった話
Avatar for jackojacko_ jackojacko_
2
920
Oracle AI Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.8k

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
HDC tutorial
Avatar for Michiel Stock michielstock
2
680
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
7
660
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
410
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
370
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
190
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
800
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k

Transcript

  1. #microcms_meetup 柴田 和祈 新リリース： microCMSテンプレート

  2. 自己紹介 2 #microcms_meetup 柴田 和祈 / Kazuki Shibata @shibe97 株式会社microCMSの共同創業者

    / CXO 元デザイナー兼フロントエンドエンジニア

  3. microCMSとは 3 • Webサイトやアプリ内のコンテンツを 管理するシステム（CMS）の一種 • APIをベースに柔軟にコンテンツを操作 できるヘッドレスCMS #microcms_meetup

  4. ヘッドレスCMS 4 • ヘッドレス = ビューを持たない • APIベースなのでどんな技術とも連携可能 • マルチプラットフォーム対応が可能

    • SaaSなのでサーバー管理不要 • サイトの一部分のみのCMS化が可能 データベース 管理画面 Webサイト モバイルアプリ 自社サービス 更新 microCMS API 表示面 運用者 #microcms_meetup

  5. 5 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 （ハイコード）

    全部載せ （ノーコード） #microcms_meetup

  6. 6 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 （ハイコード）

    全部載せ （ノーコード） #microcms_meetup

  7. 7 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 （ハイコード）

    全部載せ （ノーコード） #microcms_meetup

  8. 敵は工数にあり！ #microcms_meetup

  9. 9 なぜ工数がかかるのか？Case-1 9 ヘッドレスCMSならAPIベースなので マルチデバイス対応可能！！ 😆 #microcms_meetup

  10. 10 なぜ工数がかかるのか？Case-1 10 ただし、表示面は全部自分で作ってね #microcms_meetup 😧

  11. 11 なぜ工数がかかるのか？Case-2 11 モダンフロントエンドで実装できるの最高！！ 😆 #microcms_meetup

  12. 12 なぜ工数がかかるのか？Case-2 12 え、App Router？何それ？ ISR？Revalidate？わけわかめ！ 󰷺 #microcms_meetup

  13. 13 なぜ工数がかかるのか？Case-3 13 ヨシ！ブログの一覧と詳細ができたぞ！ もう完成は近い！！ 😆 #microcms_meetup

  14. 14 なぜ工数がかかるのか？Case-3 14 ページネーション、コンテンツプレビュー、検索 Core Web Vitals、デプロイ先、レスポンシブ対応 レンダリング最適化、Analytics対応・・・ 😧 #microcms_meetup

  15. 工数がかかる＝お金がかかる より品質の高いものは作れるが・・・ #microcms_meetup

  16. 今回はW◦rdPressで！ 󰱣 クライアント とりあえず・・・ #microcms_meetup

  17. 😌

  18. • 表示面（フロントエンド）の実装が必要 • 最新技術のキャッチアップが必要 • 実案件として公開するための細かい実装が多い 18 工数がかかる理由まとめ #microcms_meetup

  19. #microcms_meetup 柴田 和祈 microCMSテンプレートで ゲームチェンジを起こしたい

  20. 最新技術を用いた質の高いサイトやアプリケーションを 誰でもすぐに立ち上げられる 面倒な実装はすでに終わっているため、必要なし ブランディングや、他システムとのより高度な連携に注力できる 20 どんなゲームチェンジを起こしたいのか？ #microcms_meetup

  21. 21 #microcms_meetup

  22. DEMO 22 #microcms_meetup

  23. 23

  24. 24 microCMSテンプレートが生成するもの フロントエンド バックエンド API （ソースコード一式） （コンテンツ） #microcms_meetup

  25. 25 WebアプリやモバイルアプリもOK #microcms_meetup

  26. 26 誰でも作成・公開できる #microcms_meetup • 申請して審査を通せば誰でも テンプレートは公開可能 • テンプレートの販売についても 今後対応していく予定

  27. まとめ 27 • microCMSテンプレートは、microCMSと対をなすフロントエンド実装が セットになったテンプレート • テンプレートを利用することで、最新技術を用いた質の高いサイトや アプリケーションを誰でもすぐに立ち上げられるようになる #microcms_meetup

  28. Coming soon... 28 #microcms_meetup

  29. Thanks :) 29 #microcms_meetup https://discord.gg/K3DPqw4EJ2 @micro_cms