Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for microCMS microCMS
May 31, 2023
Technology
2.4k
1

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

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

Avatar for microCMS

microCMS

May 31, 2023

More Decks by microCMS

See All by microCMS
microCMSの開発組織 2026：AI活用で進化するチームのかたち
Avatar for microCMS microcms
0
730
AI時代のCMS設計論：microCMSが考えるこれからのコンテンツ基盤
Avatar for microCMS microcms
0
410
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
Avatar for microCMS microcms
0
920
microCMS 最新リリース情報（microCMS Meetup 2025）
Avatar for microCMS microcms
0
950
microCMSのリッチエディタ開発：設計・品質・使いやすさの実現手法
Avatar for microCMS microcms
0
280
エンジニア創業者が語るユーザー中心のプロダクト作り
Avatar for microCMS microcms
1
370
What’s new in microCMS (2024 microCMS Meetup)
Avatar for microCMS microcms
0
3.7k
microCMSの開発組織 - Deep dive into microCMS
Avatar for microCMS microcms
2
5.9k
意思決定のモヤが晴れるまで
Avatar for microCMS microcms
7
2.6k

Other Decks in Technology

See All in Technology
全員がプロダクトへ向き合う組織を持続成長させるために——組織づくりのフライホイールと4象限 / The Flywheel Model and Four Quadrants for Organizational Design
Avatar for hiro-torii hiro_torii
4
960
10分で知る最近のOmarchy
Avatar for komagata komagata
0
240
synctest時代のhttptest Go 1.27で変わるHTTPサーバテストの裏側 / go conference2026 synctest and httptest
Avatar for Yoichiro Shimizu budougumi0617
1
2.5k
KPIだけでは評価できないプロダクトが考えるべき Evalsという第二の評価系 / Beyond KPIs: Evals as a Second Evaluation Framework for Products #PdEConf
Avatar for Aki / @LoveIdahoBurger aki_iinuma
4
3.9k
アリアドネの糸と、20年ごとの建て替え ── 長尾真『電子図書館』を、伊勢で読み直す / Rereading Makoto Nagao’s "Electronic Library" in Ise
Avatar for Kiyota Yoji, Ph.D. ykiyota
0
150
「重なり」は迎える側がつくる ― 人もAIエージェントも歓迎するプロダクトエンジニアリング ―
Avatar for Go Akazawa go0517go
PRO
0
280
GoCon2026 - Open Source, Open World
Avatar for sanposhiho sanposhiho
3
3.1k
OpenTelemetryのメトリクスをCloudWatchに送ってPromQLで見てみた
Avatar for Itaru Ota ota1022
0
120
日経電子版を支えていく Kasane Design System/fec_fukuoka
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
620
Oracle Cloud Infrastructure IaaS 新機能アップデート 2026/6 - 2026/8
Avatar for oracle4engineer oracle4engineer
PRO
0
140
目の前の楽しいが人生を変える - コミュニティの螺旋の歩き方と楽しむコツ / change your life
Avatar for soudai sone soudai
PRO
4
370
振り返りこそエンジニアの本領
Avatar for Negima negima
0
370

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
2
420
Done Done
Avatar for chrislema chrislema
186
16k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
580
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
4.8M
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
370
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
290
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k

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