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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for microCMS microCMS
May 31, 2023
Technology
1
2.3k

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

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

Avatar for microCMS

microCMS

May 31, 2023
Tweet

More Decks by microCMS

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

Other Decks in Technology

See All in Technology
猫でもわかるKiro CLI(セキュリティ編)
Avatar for Hiroo Katoh kentapapa
1
250
LLMOpsのこれまでとこれからを学ぶ
Avatar for Satsuki Nagae nsakki55
2
640
30分でわかる「ネットワーク図の描き方入門」/infraengbooks56
Avatar for m.hagiwara corestate55
1
350
AIで「ふとした疑問」を即座に検証する 〜定量で圧倒するN1理解〜
Avatar for KAKEHASHI kakehashi
PRO
3
580
1,000 にも届く AWS Organizations 組織のポリシー運用をちゃんとしたい、という話
Avatar for kazzpapa3 kazzpapa3
1
270
AWS Transformを使ってCOBOLプログラムのモダナイズに挑戦
Avatar for k-kun duelist2020jp
1
100
GitHub Copilot CLI を使いやすくしよう
Avatar for Yuta Matsumura tsubakimoto_s
0
190
Scrum Fest Morioka 2026
Avatar for Yasunobu Kawaguchi kawaguti
PRO
2
420
AITuberKit+Bedrock AgentCoreで作る 3Dキャラクターエージェント
Avatar for yoko / Naoki Yokomachi yokomachi
2
1.4k
AWSが推進する AI駆動開発ライフサイクル入門 〜 AI駆動開発時代に必要な人材とは 〜 / introduction_to_aidlc_and_skills
Avatar for Atsushi Fukui fatsushi
7
3.6k
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
94k
AI駆動開発とRAGプロダクトへの挑戦の軌跡 - 弁護士ドットコムでの学びから -
Avatar for 弁護士ドットコム bengo4com
2
500

Featured

See All Featured
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
94
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.8k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
110
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.9k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
60
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.1k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
140

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