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
86
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
120
microCMSのリッチエディタ開発:設計・品質・使いやすさの実現手法
microcms
0
140
エンジニア創業者が語るユーザー中心のプロダクト作り
microcms
1
320
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
3.2k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
4.6k
意思決定のモヤが晴れるまで
microcms
7
2.4k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.3k
microCMS AI
microcms
0
2.1k
Other Decks in Technology
See All in Technology
人と組織に偏重したEMへのアンチテーゼ──なぜ、EMに設計力が必要なのか/An antithesis to the overemphasis of people and organizations in EM
dskst
6
630
GitHub Copilot coding agent を推したい / AIDD Nagoya #1
tnir
4
4.7k
JOAI発表資料 @ 関東kaggler会
joai_committee
1
390
Yahoo!広告ビジネス基盤におけるバックエンド開発
lycorptech_jp
PRO
1
280
LLMエージェント時代に適応した開発フロー
hiragram
1
420
JavaScript 研修
recruitengineers
PRO
4
400
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
soneo1127
0
120
つくって納得、つかって実感! 大規模言語モデルことはじめ
recruitengineers
PRO
25
6.7k
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.6k
どこで動かすか、誰が動かすか 〜 kintoneのインフラ基盤刷新と運用体制のシフト 〜
ueokande
0
190
夢の印税生活 / Life on Royalties
tmtms
0
290
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
390
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
How to Ace a Technical Interview
jacobian
279
23k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Automating Front-end Workflow
addyosmani
1370
200k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Building Applications with DynamoDB
mza
96
6.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Code Reviewing Like a Champion
maltzj
525
40k
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