Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
新リリース:microCMSテンプレート
Search
microCMS
May 31, 2023
Technology
1
2k
新リリース:microCMSテンプレート
microCMS Online Meetup 2023での発表資料です。
microCMS
May 31, 2023
Tweet
Share
More Decks by microCMS
See All by microCMS
エンジニア創業者が語るユーザー中心のプロダクト作り
microcms
1
250
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
2k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
3k
意思決定のモヤが晴れるまで
microcms
7
2.2k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.2k
microCMS AI
microcms
0
1.9k
microCMSのエンジニア組織と文化
microcms
0
1.9k
シン・リッチエディタ徹底解説
microcms
1
2.1k
Cloudflare Pages/Workersとは
microcms
2
1.2k
Other Decks in Technology
See All in Technology
技術を育てる組織・組織を育てる技術 / technology and organization
motemen
9
3.2k
最近のSRE支援ニーズ考察 | sogaoh's LT @ Road to SRE NEXT@札幌
sogaoh
PRO
1
180
Postman AI Agent Builderで AI Agentic workflow のプロトタイピング / Prototyping AI Agentic Workflow with Postman AI Agent Builder
yokawasa
0
210
スクラムというコンフォートゾーンから抜け出そう!プロジェクト全体に目を向けるインセプションデッキ / Inception Deck for seeing the whole project
takaking22
4
410
「頑張る」を「楽しむ」に変換する技術
tomoyakitaura
13
3.4k
開発者のための FinOps/FinOps for Engineers
oracle4engineer
PRO
2
310
自分のやることに価値を見出だせるようになり、挑戦する勇気をもらったベイトソンの考え / Scrum Fest Fukuoka 2025
bonbon0605
0
200
TDSE_20250311_AIxIoTビジネス共創ラボ第2回勉強会_発表資料.pdf
iotcomjpadmin
0
110
User Story Mapping + Inclusive Team
kawaguti
PRO
3
670
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
560
20250307_エンジニアじゃないけどAzureはじめてみた
ponponmikankan
2
290
人生を左右する「即答」のススメ: 一瞬の判断を間違えないためにするべきこと
takasyou
10
1.4k
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
44
14k
Thoughts on Productivity
jonyablonski
69
4.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Git: the NoSQL Database
bkeepers
PRO
429
65k
Code Review Best Practice
trishagee
67
18k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
GraphQLの誤解/rethinking-graphql
sonatard
69
10k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
115
51k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Visualization
eitanlees
146
15k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Transcript
#microcms_meetup 柴田 和祈 新リリース: microCMSテンプレート
自己紹介 2 #microcms_meetup 柴田 和祈 / Kazuki Shibata @shibe97 株式会社microCMSの共同創業者
/ CXO 元デザイナー兼フロントエンドエンジニア
microCMSとは 3 • Webサイトやアプリ内のコンテンツを 管理するシステム(CMS)の一種 • APIをベースに柔軟にコンテンツを操作 できるヘッドレスCMS #microcms_meetup
ヘッドレスCMS 4 • ヘッドレス = ビューを持たない • APIベースなのでどんな技術とも連携可能 • マルチプラットフォーム対応が可能
• SaaSなのでサーバー管理不要 • サイトの一部分のみのCMS化が可能 データベース 管理画面 Webサイト モバイルアプリ 自社サービス 更新 microCMS API 表示面 運用者 #microcms_meetup
5 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 (ハイコード)
全部載せ (ノーコード) #microcms_meetup
6 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 (ハイコード)
全部載せ (ノーコード) #microcms_meetup
7 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 (ハイコード)
全部載せ (ノーコード) #microcms_meetup
敵は工数にあり! #microcms_meetup
9 なぜ工数がかかるのか?Case-1 9 ヘッドレスCMSならAPIベースなので マルチデバイス対応可能!! 😆 #microcms_meetup
10 なぜ工数がかかるのか?Case-1 10 ただし、表示面は全部自分で作ってね #microcms_meetup 😧
11 なぜ工数がかかるのか?Case-2 11 モダンフロントエンドで実装できるの最高!! 😆 #microcms_meetup
12 なぜ工数がかかるのか?Case-2 12 え、App Router?何それ? ISR?Revalidate?わけわかめ! #microcms_meetup
13 なぜ工数がかかるのか?Case-3 13 ヨシ!ブログの一覧と詳細ができたぞ! もう完成は近い!! 😆 #microcms_meetup
14 なぜ工数がかかるのか?Case-3 14 ページネーション、コンテンツプレビュー、検索 Core Web Vitals、デプロイ先、レスポンシブ対応 レンダリング最適化、Analytics対応・・・ 😧 #microcms_meetup
工数がかかる=お金がかかる より品質の高いものは作れるが・・・ #microcms_meetup
今回はW◦rdPressで! クライアント とりあえず・・・ #microcms_meetup
😌
• 表示面(フロントエンド)の実装が必要 • 最新技術のキャッチアップが必要 • 実案件として公開するための細かい実装が多い 18 工数がかかる理由まとめ #microcms_meetup
#microcms_meetup 柴田 和祈 microCMSテンプレートで ゲームチェンジを起こしたい
最新技術を用いた質の高いサイトやアプリケーションを 誰でもすぐに立ち上げられる 面倒な実装はすでに終わっているため、必要なし ブランディングや、他システムとのより高度な連携に注力できる 20 どんなゲームチェンジを起こしたいのか? #microcms_meetup
21 #microcms_meetup
DEMO 22 #microcms_meetup
23
24 microCMSテンプレートが生成するもの フロントエンド バックエンド API (ソースコード一式) (コンテンツ) #microcms_meetup
25 WebアプリやモバイルアプリもOK #microcms_meetup
26 誰でも作成・公開できる #microcms_meetup • 申請して審査を通せば誰でも テンプレートは公開可能 • テンプレートの販売についても 今後対応していく予定
まとめ 27 • microCMSテンプレートは、microCMSと対をなすフロントエンド実装が セットになったテンプレート • テンプレートを利用することで、最新技術を用いた質の高いサイトや アプリケーションを誰でもすぐに立ち上げられるようになる #microcms_meetup
Coming soon... 28 #microcms_meetup
Thanks :) 29 #microcms_meetup https://discord.gg/K3DPqw4EJ2 @micro_cms