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
1.7k
新リリース:microCMSテンプレート
microCMS Online Meetup 2023での発表資料です。
microCMS
May 31, 2023
Tweet
Share
More Decks by microCMS
See All by microCMS
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
970
microCMSの開発組織 - Deep dive into microCMS
microcms
2
1.2k
意思決定のモヤが晴れるまで
microcms
7
2k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
2.9k
microCMS AI
microcms
0
1.6k
microCMSのエンジニア組織と文化
microcms
0
1.6k
シン・リッチエディタ徹底解説
microcms
1
1.7k
Cloudflare Pages/Workersとは
microcms
2
780
Next.jsでの開発を加速させるVercelとNext.js/App Routerの便利な機能たち
microcms
1
890
Other Decks in Technology
See All in Technology
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
コミュニティサービスに「あなたへ」フィードを リリースするまでの試行錯誤
takapy
1
150
地理情報とAPIのトレンド
nagix
0
160
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
200
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
630
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
710
たくさん本を読んだけど 1年後には綺麗サッパリ!を乗り越えて 学習の鬼になるぞ👹
yum3
0
160
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Six Lessons from altMBA
skipperchong
24
3.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
Docker and Python
trallard
37
2.9k
Mobile First: as difficult as doing things right
swwweet
219
8.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
How to Think Like a Performance Engineer
csswizardry
4
590
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Automating Front-end Workflow
addyosmani
1362
200k
Writing Fast Ruby
sferik
623
60k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
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