横展開できる共通部品を整備する

あなたがこれまでのレッスンで作ってきたノーコードアプリには、「問い合わせフォーム」「承認ワークフロー」「ステータス表示」など、別の部署やチームでもそのまま使えそうな部品がたくさんあるはずです。

料理にたとえると、自分だけが使う「秘伝のタレ」をレシピカードに書き起こして、誰でも同じ味を再現できるようにする作業です。このレッスンでは、AIの力を借りて「共通部品カタログ」を作り、他のチームがコピーしてすぐ使える状態に整えます。

• 「AI付き社内ツールを組み上げる」のレッスンが完了していること
• 「試作結果を振り返って改善する」で改善したアプリが手元にあること
• 使い慣れたノーコードツール（Bubble、Glide、AppSheet など）にログインできること

まず、あなたのアプリの中から「他のチームでも使いそうな部品」を見つけます。AIに手伝ってもらいましょう。

AIに聞くプロンプト例：

私が作った社内ツールには以下の機能があります：
- 問い合わせフォーム（名前・部署・内容を入力）
- 承認フロー（上長に通知→承認/却下）
- ステータス一覧画面（対応中・完了・却下を表示）
- AIチャットボット（社内FAQに自動回答）

この中で、他の部署やチームでもそのまま流用できそうな「共通部品」を
優先度順にリストアップしてください。
流用しやすさの理由も添えてください。

AIの回答をもとに、3〜5個の部品をピックアップします。

良い例：

• 「承認ワークフロー」→ 経費申請・休暇申請・備品購入など、あらゆる申請に使える
• 「ステータス表示パネル」→ どんな業務でも進捗を見せる場面がある

悪い例：

• 「営業部専用の顧客スコア計算」→ 他部署では使い道がなく、共通部品にならない

洗い出した部品を、誰が見てもすぐコピーして使えるように「カタログ」にまとめます。1つの部品につき、以下の情報をドキュメント（Google ドキュメントや Notion など）に書きます。

AIに聞くプロンプト例：

以下のノーコード共通部品について、「共通部品カタログ」のテンプレートを
Markdown形式で作ってください。

部品名：承認ワークフロー
ツール：AppSheet
含まれる画面：申請フォーム、承認画面、ステータス一覧
使っているデータ：申請テーブル（申請者・内容・ステータス・承認者）

テンプレートには以下を含めてください：
- 部品の概要（何ができるか、1〜2行）
- 必要なデータ構造（テーブルとカラムの一覧）
- コピー手順（ステップバイステップ）
- カスタマイズのポイント（変更が必要な箇所）
- 注意事項（よくある失敗）

このカタログが、あなたの「共通部品ライブラリ」の中身になります。

作ったカタログが本当に「コピーしてすぐ使える」かどうかを確認します。自分で新しいプロジェクトを作り、カタログの手順どおりに部品をコピーしてみましょう。

1. ノーコードツールで新しい空のプロジェクトを作る
2. カタログの「コピー手順」に従って部品を再現する
3. 動作するかテストする
4. 手順が分かりにくい箇所があればカタログを修正する

チェックポイント：

• 手順どおりに進めて、迷う箇所はなかったか？
• カタログに書き忘れている設定はなかったか？
• 別の人（プログラミング未経験の同僚）に見せて理解できそうか？

作ったカタログをAIにレビューしてもらい、抜け漏れや改善点を見つけます。

AIに聞くプロンプト例：

以下は私が作った「承認ワークフロー」の共通部品カタログです。

（ここにカタログの内容を貼り付ける）

以下の観点でレビューしてください：
1. ノーコードツール初心者でも手順どおりにコピーできるか
2. 抜けている情報はないか
3. カスタマイズのポイントは十分か
4. よくあるトラブルの記載は十分か
改善案があれば具体的に教えてください。

AIの指摘をもとにカタログを修正したら、成果物の完成です。

以下がそろっていれば、このレッスンは完了です。

• 3〜5個の共通部品を洗い出したリスト
• 各部品の「共通部品カタログ」（概要・データ構造・コピー手順・カスタマイズポイント・注意事項）
• 少なくとも1つの部品を実際にコピーして動作確認した記録（スクリーンショット）
• AIレビューを反映した最終版カタログ

この成果物のスクリーンショットを撮って提出してください。