研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について

【仕事が捗りまくる】非ITの人にも難しくない生成AIを活用した業務効率化の知恵が集まる会 vol.1 - connpass https://hakadoru-ai.connpass.com/event/380692/

Transcript

1. #生成AIで捗りたい会 vol.1 | 2026.02.27 
 
 熊本市役所✕AI 
 『泥臭いAI研修』の 
 ワークショップ設計について 
 @Garyuten
 合同会社CGFM 代表 金内 透（UIデザインアドバイザー）
 
 研修担当者が一番伸びた
2. 企業向けワークショップ (新規事業/チームビルディング他) 金内 透 前へ進もうとしてる人にデザインと問いでバフをかける 40回 以上実施 デザイン系ワークショップ (教育/スクール系） 100回 以上実施 延べ参加人数 約 1000人 ワークショップ開催実績 ※2026年02月27日時点 崇城大学 デザイン学科 非常勤講師 10年目 合同会社CGFM UIデザインアドバイザー Webデザイン制作歴 15年 UIデザイン歴 11年 @Garyuten ファシリテーターおじさん 問いとデザインの力で ビジネスを成長促進
3. 合同会社CGFM 
 福岡市のUX/UIデザイン会社
 システム会社の新規事業、スタートアップのデザインアドバイザーの案件多数 
 事業立ち上げや仕様策定段階から参加する壁打ちスタイルが得意 
 Before After Create a Good Future Meeting
4. ※個人的な話：仕事でも個人でも めちゃくちゃAI使ってます 既存資料から 業務フロー解析 StoryBook 作成 UIデザイン MTG音声から議事録 仕様書作成 動画作成 Remotion Pencil.dev プロトタイプ/モック作成 Claude Code NotebookLM Cursor figma 着手中 執筆活動 例) BtoBなSaaSのUI/UXデザインのお仕事 要求定義作成 Agent Teams 😁
5. こんな研修を やってきました 前置き
 熊本市役所様向け 
 2025年11月実施 
 参加者 延べ60人前後 

6. ホームページ改善 AI活用編 電子申請UI改善 初級編 (紙でのアナログ) 電子申請UI改善 中級編 (AI活用)
7. 生成AIでこんなにも簡単に改善案が出せることに驚きまし た。うまく活用していきたいなと思いました。 
 HP改善案を課内でも共有したいです。
 今日一番心に残った言葉、「AI=新人さん」 
 そう思って、会話しながら仕事を任せてみます。 
 プロンプトの作成が難しそう でしたが、
 どう作成したらいいかを
 AIに聞くというのは目からうろこ でした。
 ホームページ作成×AIの視点は今までありませんでした。 文章の添削をしてもらうくらいのイメージでしたが、 プロンプ トを工夫するとすごく良い相棒 になりそうです。

8. 今度はAI使って
 2025年 
 打診 あり 研修 実施 紙(アナログ)な研修 電子申請UI改善 ペルソナなりきり 4月
 2024年 
 7月
 11月
 大好評でした！
 またお願いします!
 電子申請に加えて ホームページ もね
 copilot で
 チャット形式で 
 backlog?
 使えません
 copliotで ChatGPT5 が直前で利用可能に 熊本市様のDX担当者 広報課担当と オンラインMTG回数 10回 前後 単なる講義ではなく
 ハンズオンのAI利用で実 際の業務を改善させて
 3時間✕4回 2日間に分けて実施
9. 研修の設計について 思想や苦労したこと 話します 本題
 泥臭い
 このマークのスライドは 撮影禁止/SNS禁止
10. • 「自分たちの仕事に使える」 「AIは怖くない」という確信を短時間で体験してもらう • 方向性 ◦ 「誰がやっても成功する」状態を事前につくる ◦ 職場に普及できる「道具（型）」を手渡す 市職員向けAI研修のゴール ツール習得ではなく「成功体験」をデザインする 研修のゴールをどこにおくか？
11. 懇親会ネタ 自治体向けのメールフォームサービスがクセ強、webサイトが長過ぎる ワークショップ研修は準備が8割 どんな準備した？ • 長期伴走： 半年前からオンライン打ち合わせ開始 • 泥臭い前準備 ◦ webサイトの運用ガイドラインの解析 ◦ 電子申請フォームの独自UIパーツの洗い出し → AIが理解できる構造(Markdown)への変換 ◦ 研修教材のページ選定と改善結果の確認
12. 懇親会ネタ canvaでのプロンプトの共有、coplilotの実行結果のスクショをmiroで共有、が泥臭かった… 使えるツールがMiroとCanvaのみ 自治体ならではの苦労は？ • 現場の制約：メールとMS Teams(オンライン会議) のみ ◦ Googleドライブ、Backlog、Slack等すべて禁止 • 解決策 ◦ MiroとCanvaを共有場所に ◦ 講師(私)が触れない利用環境を 担当者と二人三脚で解析 (スクショのやり取り) Copilot for Microsoft 365
13. そんなに プロンプト設計って大変？ いい感じにしてくれるん じゃないの？
14. 懇親会ネタ とにかくCopilotはもうね… 効率を求めての「一発出力」はNG AIに「いい感じにして」じゃダメなの？ ⚠ 長文ページ → 情報を削る 一回の命令で完成形を求めると 重要な注意書きや例外条件を勝手に省略 ⚠ HTML形式 → 中身がスカスカに コードの長さに引っ張られ、 行政情報として不可欠な内容が抜け落ちる 情報を削らずに 出力できる プロンプト設計が 必要と判明 → 地獄の始まり👹
15. 懇親会ネタ ホテルで丸1日缶詰で直前までプロンプトとスライドを精査して作り込み リハ「ユーザーテスト」超重要 ハンズオンはぶっつけ本番？ • 2週間前の最終検証 　本番と同じ流れでオンラインにて関係者とリハを実施 • 発見の連続 ◦ 「Copilotだとここで回答が止まる」「この指示は省略される」 • 実際のツール環境での「ユーザーテスト」の失敗が 研修内容/プロンプト/スライドの見直しに
16. 懇親会ネタ スライドは本当にデザイナーが作り込んでくれました。プロンプトは3段階実行で精度向上！長文も分割出力対応! AIでの成功体験を「確実」にする品質保証 研修すれば終わり？ • プロンプトで平均以上の成果を約束 ◦ 誰が使っても80点以上の結果が出せる→実務で利用 • スライドは職場に広められる 「ガイドブック」として
17. こんなプロンプトでした ちなみに
 Githubで公開中です 

19. こんなスライドでした ちなみに
 スライドは公開中です 

20. AIに添削を任せたら 伝わるページ作成が楽になるかも？! 伝わるように書くには？ 講 義 AIで添削 職員が確認 ＆手直し 承認後 公開 プロンプト 原稿準備 AI ※ 研修スライドの一部
21. 「構成・見出し・強調」で読みやすさを変える 見た目で伝わる構造デザイン 伝わるように書くには？ 講 義 住民票の写しの交付申請は、市民課で行っています。申請の際には本人確認書 類が必要です。手数料は1通につき300円です。郵送でも申請できますが、返 信用封筒と切手を同封してください。詳細は窓口でお問い合わせください。 書式ルール 演習問題 ※文章は演習用の仮の文章です。 書き方のヒント - 長文を箇条書き・見出し付きに整える ※ 研修スライドの一部
22. 伝わるように書くには？｜見た目で伝わる構造デザイン 講 義 住民票の写しの交付申請 は、市民課で行っていま す。申請の際には本人確認 書類が必要です。手数料は 1通につき300円です。郵 送でも申請できますが、返 信用封筒と切手を同封して ください。詳細は窓口でお 問い合わせください。 演習問題 解答例 住民票の写しを申請するときは 市民課の窓口または郵送で申請できます。 必要なもの - 本人確認書類 - 手数料：1通300円 郵送の場合 - 返信用封筒と切手を同封してください。 - 詳しくは市民課（◦◦-◦◦◦◦）へお問 い合わせください。 ※ 研修スライドの一部
23. 入力しやすいフォームとは？ | 適切なUIパーツを使う 講 義 2〜5個 6〜15個 16個以上 利用者が探しやすいように 選択肢の数に適したUIパーツを選ぶ ラジオボタン プルダウン 検索付きプルダウン 女性 購入理由 知人の紹介 店頭で ホームページ 男性 設定しない 比較しやすい時 選択肢が多い時 さらに選択肢が多い時 例外ケース：都道府県(47個)は選 択肢が多いが、利用者は
 経験上 問題なく操作できる
 ※ 研修スライドの一部
24. AI＝“新人さん”に丁寧に仕事を渡すつもり AI利用実践｜全体の流れ 振り返り ワーク UIパーツ理解 1 フォーム構造の 改善案を作成 改善案のHTML 作成 3 対象フォームの 構造を分析 2 AI まず仕様や 提出形式を共有しますね 現状の構成は こういうことですか？ これがお願いしたい資料ね 背景や目的を理解してね はい、理解しました そうそう それじゃ、文章で 改善の構成案を考えて こういう構成で どうですか？ お、いい感じの文章だね。 では書式を整えてくれる？ はい。書式に合わせました。 確認してください。 上司 ※ 研修スライドの一部
25. プロンプト改善のコツ 3/3 講義 「このフォームを市民向けに改善したいのですが、 　使えるプロンプト案を3つMarkdownで作ってください。」 「条件に抜けがあれば教えてください。」 実際に使える相 談文 AIに壁打ちしてもらう 慣れないうちは AIにプロンプト作りを手伝ってもらうのが近道 AIに、別のAIへの 作業指示を考えてもらう
 AI壁打ちでできること •目的の整理 •条件の抜け漏れチェック •Markdownでの構造化 •プロンプト案の生成 •プロンプトの改良（改善点の提案） プロンプトは“AIと一緒につくる” と成功率が高く、AIの迷いが少なくなる OK
 僕が考えたプロンプトを 実行して
 ※ 研修スライドの一部
26. 時間あと何分？ まとめます 

27. 最大の成果：担当職員の「覚醒」 一番の成果は？ • 執念のブラッシュアップを半年繰り返した結果、AI訓練に 私がChatGPTでプロンプト叩き台 → 担当職員がCopilotで検証 • 変化） 半年間の伴走を経て担当職員が一番のAIエキスパートへ • 熊本市DX担当職員 「今回のやり取りで、自分が一番成長できました」
28. 1. 完璧なプロンプトを追求するより 現場に寄り添い 「成功体験」を デザインすることが組織と人を動かす 2. 事前のユーザーテスト（リハ）超大事 3. AIを使い方はAIに聞く （問いを作るスキルが問われる） 続きは懇親会で？ まとめ