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
470
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
500
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
スタートアップにおけるこれからの「データ整備」
shomaekawa
2
480
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
lehupa
0
170
能登半島地震において デジタルができたこと・できなかったこと
ditccsugii
0
200
E2Eテスト設計_自動化のリアル___Playwrightでの実践とMCPの試み__AIによるテスト観点作成_.pdf
findy_eventslides
2
620
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
ガバメントクラウドの概要と自治体事例(名古屋市)
techniczna
3
240
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
oikon48
9
3.7k
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
『バイトル』CTOが語る! AIネイティブ世代と切り拓くモノづくり組織
dip_tech
PRO
1
130
今この時代に技術とどう向き合うべきか
gree_tech
PRO
1
1.7k
業務効率化をさらに加速させる、ノーコードツールとStep Functionsのハイブリッド化
smt7174
2
140
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
2
160
Featured
See All Featured
The Language of Interfaces
destraynor
162
25k
A Tale of Four Properties
chriscoyier
161
23k
Thoughts on Productivity
jonyablonski
70
4.9k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Building Adaptive Systems
keathley
44
2.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
Balancing Empowerment & Direction
lara
4
690
GitHub's CSS Performance
jonrohan
1032
470k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
35
6.1k
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