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

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

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

 新リリース：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
470
microCMS 最新リリース情報（microCMS Meetup 2025）
Avatar for microCMS microcms
0
500
microCMSのリッチエディタ開発：設計・品質・使いやすさの実現手法
Avatar for microCMS microcms
0
150
エンジニア創業者が語るユーザー中心のプロダクト作り
Avatar for microCMS microcms
1
330
What’s new in microCMS (2024 microCMS Meetup)
Avatar for microCMS microcms
0
3.3k
microCMSの開発組織 - Deep dive into microCMS
Avatar for microCMS microcms
2
4.8k
意思決定のモヤが晴れるまで
Avatar for microCMS microcms
7
2.4k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
Avatar for microCMS microcms
7
3.4k
microCMS AI
Avatar for microCMS microcms
0
2.2k

Other Decks in Technology

See All in Technology
スタートアップにおけるこれからの「データ整備」
Avatar for ShoMaekawa/ウィル shomaekawa
2
480
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
Avatar for Yuji Kobayashi lehupa
0
170
能登半島地震において デジタルができたこと・できなかったこと
Avatar for Masakatsu Sugii ditccsugii
0
200
E2Eテスト設計_自動化のリアル___Playwrightでの実践とMCPの試み__AIによるテスト観点作成_.pdf
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
2
620
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.2k
ガバメントクラウドの概要と自治体事例（名古屋市）
Avatar for 高橋広和 techniczna
3
240
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
Avatar for Oikon oikon48
9
3.7k
Introduction to Sansan Meishi Maker Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
310
『バイトル』CTOが語る！ AIネイティブ世代と切り拓くモノづくり組織
Avatar for ディップ株式会社 dip_tech
PRO
1
130
今この時代に技術とどう向き合うべきか
Avatar for gree_tech gree_tech
PRO
1
1.7k
業務効率化をさらに加速させる、ノーコードツールとStep Functionsのハイブリッド化
Avatar for Makky12 smt7174
2
140
AWSでAgentic AIを開発するための前提知識の整理
Avatar for Kiminori Yokoi nasuvitz
2
160

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
115
20k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
4
690
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
35
6.1k

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