microCMSの簡単なご紹介とより高度な使い方

■イベント
【React/Vercelハンズオン】LINEミニアプリ×microCMSでサロン向けアプリを作ろう

Transcript

1. #LINEDC
   柴田 和祈
   microCMSの簡単なご紹介と
   より高度な使い方
   

   View Slide

2. 自己紹介
   2
   #LINEDC
   柴田 和祈 / Kazuki Shibata
   @shibe97
   株式会社microCMSの共同創業者 / CXO
   元デザイナー兼フロントエンドエンジニア
   最近はGenerative AIに夢中
   

   View Slide

3. 目次
   3
   ● microCMSについて
   ● 事例紹介
   ● 便利な機能を紹介
   #LINEDC
   

   View Slide

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

   View Slide

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

   View Slide

6. これまでの成長
   6
   #LINEDC
   登録企業数は 5,000社 を突破
   ユーザー数は 23,000人 を突破
   契約後の継続利用率は 99％ 以上
   5000
   

   View Slide

7. 導入実績
   7
   #LINEDC
   

   View Slide

8. 目次
   8
   ● microCMSについて
   ● 事例紹介
   ● 便利な機能を紹介
   #LINEDC
   

   View Slide

9. 株式会社トリドールホールディングス 様
   9
   #LINEDC
   丸亀製麺の商品・事業展開
   スピードに寄り添ったサイト
   更新が可能に！
   種類 サービスサイト
   サイトURL https://jp.marugame.com/
   事例URL https://blog.microcms.io/usecase-toridoll/
   

   View Slide

10. 株式会社SmartHR 様
    10
    #LINEDC
    文言修正にかかる工数が1/10
    に！非エンジニアだけで修正
    できる仕組み作りに成功
    種類 Webアプリケーション
    サイトURL https://smarthr.jp/function/nc/
    事例URL https://blog.microcms.io/usecase-smarthr/
    

    View Slide

11. 目次
    11
    ● microCMSについて
    ● 事例紹介
    ● 便利な機能を紹介
    #LINEDC
    

    View Slide

12. 便利な機能を紹介
    12
    #LINEDC
    ● APIプレビュー（パラメータ指定なども）
    ● 公開かつ下書き中
    ● 予約公開
    ● 権限管理
    ● レビュー機能
    ● カスタムフィールド・繰り返しフィールド
    

    View Slide

13. DEMO
    13
    #LINEDC
    

    View Slide

14. まとめ
    14
    #LINEDC
    ● microCMSは、APIをベースに柔軟にコンテンツを操作できるヘッドレスCMS
    ● APIを介してアプリケーション内に用いるコンテンツ置き場として利用できる
    ● 柔軟なコンテンツ構成、ワークフローに対応可能
    

    View Slide

15. Thanks :)
    15
    #LINEDC
    https://discord.gg/K3DPqw4EJ2
    @micro_cms
    

    View Slide