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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

自己紹介 2 #microcms_meetup 柴田和祈 / Kazuki Shibata @shibe97 株式会社microCMSの共同創業者 / CXO 元デザイナー兼フロントエンドエンジニア

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

ヘッドレスCMS 4 ● ヘッドレス = ビューを持たない ● APIベースなのでどんな技術とも連携可能 ● マルチプラットフォーム対応が可能 ● SaaSなのでサーバー管理不要 ● サイトの一部分のみのCMS化が可能データベース管理画面 Webサイトモバイルアプリ自社サービス更新 microCMS API 表示面運用者 #microcms_meetup

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

敵は工数にあり！ #microcms_meetup

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

😌

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

21 #microcms_meetup

Slide 22

Slide 22 text

DEMO 22 #microcms_meetup

Slide 23

Slide 23 text

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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