microCMSを使ったビジネスサイドとのコミュニケーション

📮 microCMSを使ったビジネスサイドとのコミュニケーション meijin / 株式会社NoSchool CTO

自己紹介 - meijin / 株式会社NoSchool CTO - Twitter: @Meijin_garden -
最近はReact / React Nativeをよく書いてる - Webフロントエンドとソフトウェア設計が好き - 趣味は将棋☗ 2

📌 本スライドの要点 3 - microCMSの良いところを語るスライドです - microCMSはビジネスサイドと一緒に管理画面を見ながらデータ構造を設計できる - 何ができる/できないのイメージ共有がしやすい
- カテゴリー分けとカスタムフィールドを紹介

microCMSを使ったビジネスサイドとのコミュニケーション対象のJamstackサービスと運営体制 4

マナリンクTeachers - https://for-teachers.manalink.jp/ - Next.js(ISR) + microCMS - オンライン家庭教師向けの情報メディアインタビュー記事や指導のコツなどを掲載
5

運営体制 - 󰡈 ビジネスサイド1名 - 企画、先生へのインタビューなど - 󰞵 開発サイド1名（私） -
日頃アプリや決済機能なども開発しているので、工数を抑えて開発するためにバックエンドはmicroCMS！ - サーバー費用も安い（Vercel） 7

microCMSを使ったビジネスサイドとのコミュニケーション要件定義の例① 記事のカテゴリー分け 8

記事のカテゴリー分けとは - https://for-teachers.manalink.jp/useful/job-side - ポイント - 大カテゴリと小カテゴリがある - 各カテゴリごとに一覧があり、URLとTitleとDescription等がある
- 各記事につき必ず大小1つずつ紐づく 9

STEP1 各カテゴリごとの仕様を表で整理 10

STEP2 カテゴリごとに”動的に”変わる点を洗い出し - URL(に使われる英単語) - カテゴリの名前 - Title / Description
- どの大カテゴリに属するか※小カテゴリのみ 11

STEP3 microCMSでAPIを作成動的に変わる部分をスキーマとして設計 12

ポイントは、ここまでの流れをすべてビジネスサイドの方でも自分でできること👍 13

󰳕󰳖最初は一緒にAPIを作成 ↓ 󰳕「では同じ調子で作成してください」「わかりました」󰳖 「他のAPIのカテゴリ作成もできました！」󰳖 󰳕「内容OKです！　　ダミーデータ入稿お願いします！」 14

この開発フローの良いところ 15 - 早い段階からダミーデータの入稿に入れるため、要件をビジネスサイドにイメージしてもらいやすい - リレーションとかスキーマみたいな概念を肌で感じてもらいやすい（microCMSさんのワーディングが上手）

microCMSを使ったビジネスサイドとのコミュニケーション要件定義② 記事本文中に吹き出しを埋めたい 16

こんな感じで記事に吹き出しを入れたい要望 17 会話を載せたいコンテンツ - 先生へのインタビュー - 先生方との勉強会

普通にmicroCMSを使った場合本文に指定するリッチエディタフィールドは単純に大きいHTMLなので、吹き出しを埋めるのは困難 18

STEP1 カスタムフィールド 19

STEP2 カスタムフィールドの繰り返しを設定 20

STEP3 React実装 21

企画の流れ 󰳕「microCMSこんなことできるみたいです〜」　（Slackに記事をシェア）「記事に吹き出しを埋めたいです」󰳖 󰳕「たぶんできそうなのでやってみます(勘)」　「実装できたので入稿お願いします！」「入稿しました！」󰳖 22

コミュニケーションのポイント 📌 社内でmicroCMSのノウハウ記事をシェアする 📌 管理画面から入力可能なデータ形式なら実装可能、という話をする。できる/できないのイメージ共有がしやすい 23

microCMSを使ったビジネスサイドとのコミュニケーションまとめ 25

microCMSを使ったコミュニケーション 📌 管理画面を一緒に見ながら要件定義を進める 📌 何ができる/何ができないのイメージ共有をする 📌 慣れてきたら自分でAPI作成・改修ができる（UIによるITリテラシの底上げがノーコードやローコードの本質なのかも？） 26

microCMSを使ったビジネスサイドとのコミュニケーション告知 27

オンライン家庭教師マナリンクはエンジニア採用中！以下のサービスを開発しています 28 先生を集客するメディア先生を探せるWebサイトオンライン指導専用アプリ

マナリンクTeachers (https://for-teachers.manalink.jp/) めっちゃ面白いインタビュー記事を多く掲載しているのでぜひ読んでいただきたいです（右のは私の個人的なおすすめ） 30

ご清聴ありがとうございました発表内容等についてもっと知りたい /カジュアル面談のお申込みはコチラ　　　@Meijin_garden 31

microCMSを使ったビジネスサイドとのコミュニケーション

microCMSを使ったビジネスサイドとのコミュニケーション

meijin

More Decks by meijin

Other Decks in Programming

Featured

Transcript