Upgrade to Pro — share decks privately, control downloads, hide ads and more …

新リリース：microCMSテンプレート

Avatar for microCMS microCMS
May 31, 2023
Technology
1
2.1k

 新リリース：microCMSテンプレート

microCMS Online Meetup 2023での発表資料です。
Avatar for microCMS

microCMS

May 31, 2023
Tweet

More Decks by microCMS

See All by microCMS
エンジニア創業者が語るユーザー中心のプロダクト作り
Avatar for microCMS microcms
1
290
What’s new in microCMS (2024 microCMS Meetup)
Avatar for microCMS microcms
0
2.2k
microCMSの開発組織 - Deep dive into microCMS
Avatar for microCMS microcms
2
3.5k
意思決定のモヤが晴れるまで
Avatar for microCMS microcms
7
2.3k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
Avatar for microCMS microcms
7
3.3k
microCMS AI
Avatar for microCMS microcms
0
2k
microCMSのエンジニア組織と文化
Avatar for microCMS microcms
0
2k
シン・リッチエディタ徹底解説
Avatar for microCMS microcms
1
2.3k
Cloudflare Pages/Workersとは
Avatar for microCMS microcms
2
1.3k

Other Decks in Technology

See All in Technology
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4.2k
脅威をモデリングしてMCPのセキュリティ対策を考えよう
Avatar for GMO Flatt Security flatt_security
4
1.5k
TerraformをSaaSで使うとAzureの運用がこんなに楽ちん！HCP Terraformって何？
Avatar for Minoru Nakabayashi mnakabayashi
0
120
Devin(Deep) Wiki/Searchの活用で変わる開発の世界観/devin-wiki-search-impact
Avatar for tomoki10 tomoki10
0
300
ゆるSRE #11 LT
Avatar for Kaoru okaru
1
590
新規プロダクト開発、AIでどう変わった？ #デザインエンジニアMeetup
Avatar for 弁護士ドットコム bengo4com
0
440
Create a Rails8 responsive app with Gemini and RubyLLM
Avatar for Riccardo Carlesso palladius
0
110
AWS全冠したので振りかえってみる
Avatar for tajimon tajimon
0
130
ユーザーのプロフィールデータを活用した推薦精度向上の取り組み
Avatar for Yudai Hayashi yudai00
0
280
ObsidianをMCP連携させてみる
Avatar for ttnyt8701 ttnyt8701
2
100
上長や社内ステークホルダーに対する解像度を上げて、より良い補完関係を築く方法 / How-to-increase-resolution-and-build-better-complementary-relationships-with-your-bosses-and-internal-stakeholders
Avatar for MADOX madoxten
13
7.5k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
17k

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
16
910
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k

Transcript

  1. #microcms_meetup 柴田 和祈 新リリース： microCMSテンプレート

  2. 自己紹介 2 #microcms_meetup 柴田 和祈 / Kazuki Shibata @shibe97 株式会社microCMSの共同創業者

    / CXO 元デザイナー兼フロントエンドエンジニア

  3. microCMSとは 3 • Webサイトやアプリ内のコンテンツを 管理するシステム（CMS）の一種 • APIをベースに柔軟にコンテンツを操作 できるヘッドレスCMS #microcms_meetup

  4. ヘッドレスCMS 4 • ヘッドレス = ビューを持たない • APIベースなのでどんな技術とも連携可能 • マルチプラットフォーム対応が可能

    • SaaSなのでサーバー管理不要 • サイトの一部分のみのCMS化が可能 データベース 管理画面 Webサイト モバイルアプリ 自社サービス 更新 microCMS API 表示面 運用者 #microcms_meetup

  5. 5 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 （ハイコード）

    全部載せ （ノーコード） #microcms_meetup

  6. 6 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 （ハイコード）

    全部載せ （ノーコード） #microcms_meetup

  7. 7 全部載せ VS 領域特化 カスタマイズ性高い カスタマイズ性低い 工数かかる 工数少ない 領域特化 （ハイコード）

    全部載せ （ノーコード） #microcms_meetup

  8. 敵は工数にあり！ #microcms_meetup

  9. 9 なぜ工数がかかるのか？Case-1 9 ヘッドレスCMSならAPIベースなので マルチデバイス対応可能！！ 😆 #microcms_meetup

  10. 10 なぜ工数がかかるのか？Case-1 10 ただし、表示面は全部自分で作ってね #microcms_meetup 😧

  11. 11 なぜ工数がかかるのか？Case-2 11 モダンフロントエンドで実装できるの最高！！ 😆 #microcms_meetup

  12. 12 なぜ工数がかかるのか？Case-2 12 え、App Router？何それ？ ISR？Revalidate？わけわかめ！ 󰷺 #microcms_meetup

  13. 13 なぜ工数がかかるのか？Case-3 13 ヨシ！ブログの一覧と詳細ができたぞ！ もう完成は近い！！ 😆 #microcms_meetup

  14. 14 なぜ工数がかかるのか？Case-3 14 ページネーション、コンテンツプレビュー、検索 Core Web Vitals、デプロイ先、レスポンシブ対応 レンダリング最適化、Analytics対応・・・ 😧 #microcms_meetup

  15. 工数がかかる＝お金がかかる より品質の高いものは作れるが・・・ #microcms_meetup

  16. 今回はW◦rdPressで！ 󰱣 クライアント とりあえず・・・ #microcms_meetup

  17. 😌

  18. • 表示面（フロントエンド）の実装が必要 • 最新技術のキャッチアップが必要 • 実案件として公開するための細かい実装が多い 18 工数がかかる理由まとめ #microcms_meetup

  19. #microcms_meetup 柴田 和祈 microCMSテンプレートで ゲームチェンジを起こしたい

  20. 最新技術を用いた質の高いサイトやアプリケーションを 誰でもすぐに立ち上げられる 面倒な実装はすでに終わっているため、必要なし ブランディングや、他システムとのより高度な連携に注力できる 20 どんなゲームチェンジを起こしたいのか？ #microcms_meetup

  21. 21 #microcms_meetup

  22. DEMO 22 #microcms_meetup

  23. 23

  24. 24 microCMSテンプレートが生成するもの フロントエンド バックエンド API （ソースコード一式） （コンテンツ） #microcms_meetup

  25. 25 WebアプリやモバイルアプリもOK #microcms_meetup

  26. 26 誰でも作成・公開できる #microcms_meetup • 申請して審査を通せば誰でも テンプレートは公開可能 • テンプレートの販売についても 今後対応していく予定

  27. まとめ 27 • microCMSテンプレートは、microCMSと対をなすフロントエンド実装が セットになったテンプレート • テンプレートを利用することで、最新技術を用いた質の高いサイトや アプリケーションを誰でもすぐに立ち上げられるようになる #microcms_meetup

  28. Coming soon... 28 #microcms_meetup

  29. Thanks :) 29 #microcms_meetup https://discord.gg/K3DPqw4EJ2 @micro_cms