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
2.2k
新リリース:microCMSテンプレート
microCMS Online Meetup 2023での発表資料です。
microCMS
May 31, 2023
Tweet
Share
More Decks by microCMS
See All by microCMS
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
microcms
0
490
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
510
microCMSのリッチエディタ開発:設計・品質・使いやすさの実現手法
microcms
0
150
エンジニア創業者が語るユーザー中心のプロダクト作り
microcms
1
330
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
3.3k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
4.8k
意思決定のモヤが晴れるまで
microcms
7
2.4k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.4k
microCMS AI
microcms
0
2.2k
Other Decks in Technology
See All in Technology
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
570
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
satos
0
220
Zephyr(RTOS)にEdge AIを組み込んでみた話
iotengineer22
1
280
生成AIを安心して活用するために──「情報セキュリティガイドライン」策定とポイント
gree_tech
PRO
1
260
それでも私が品質保証プロセスを作り続ける理由 #テストラジオ / Why I still continue to create QA process
pineapplecandy
0
170
データ戦略部門 紹介資料
sansan33
PRO
1
3.8k
HonoとJSXを使って管理画面をサクッと型安全に作ろう
diggymo
0
170
旅で応援する✈️ NEWTが目指すコミュニティ支援とあたらしい旅行 / New Travel: Supporting by NEWT on Your Journey
mii3king
0
140
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
81k
Digitization部 紹介資料
sansan33
PRO
1
5.7k
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
事業開発におけるDify活用事例
kentarofujii
5
1.3k
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Making Projects Easy
brettharned
120
6.4k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Designing Experiences People Love
moore
142
24k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
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