TRAINING

AI協働開発ハンズオン講座
機電系トラック

株式会社テクノプロ 御中 / 株式会社ギブリー
Givery
← トラック選択へ戻る

講座のねらい

全3日・各8時間。手を動かす時間が中心です。

この講座では、生成AIに「やらせて終わり」ではなく、出てきたものを自分で確かめて使うところまでを扱います。 3日間を通して、日本語で伝えて動くものを作り、その内容を自分の目で検証できる状態を目指します。

Python も Node.js も使いません。追加のインストールも不要です。 VSCode でコードを書き、ブラウザで動かします。管理者権限のない貸与PCでそのまま進められる構成です。

3日間の流れ

各日のゴールと時間の使い方です。1日は[480min]で、これに昼休憩が加わります。日程のあいだは約1週間あきます。

DAY 1
環境・生成AIの基礎・リテラシー・GitHub Copilot操作

この日のゴール

  • 自分のPCでCopilotが動き、日本語で話しかけて返事が返る
  • 生成AIが確率で言葉を選んでいることを、自分の言葉で説明できる
  • 客先の固有情報をどこまで丸めるかを、自分で判断できる

時間の使い方

[110min]環境セットアップ+GitHubアカウント作成+Copilot招待・動作確認(当日セットアップ枠)
[10min]休憩
[60min]生成AIの基本(とは/仕組み/得意・苦手/使う・使わない場面/国内事例)
[70min]リスク・リテラシー・ガバナンス+機密情報の取扱い(客先環境・情報流出・伏せ方4ルール)
[10min]休憩
[40min]VSCodeの使い方(画面構成・ファイル・基本操作)
[100min]GitHub Copilot基本操作 プチハンズオン5演習(機能ごと・モデル切替は紹介程度)
[40min]振り返り+翌週バイブコーディングのテーマ案内

この日の終わりに手元に残るもの

05_入力フォーム.html(演習5の成果物)振り返りメモ
DAY 2
バイブコーディング入門・プロンプト・データ下処理・業務テーマ言語化

この日のゴール

  • 日本語で頼んで、ブラウザで動くものを1つ作れる
  • 役割・文脈・制約・出力形式の4要素で依頼文を組み立てられる
  • 汚れたExcelをAIに整えさせ、出てきた数字を自分で検算できる

時間の使い方

[40min]Day1復習+環境再確認(約1週間空くため)
[130min]バイブコーディング入門演習(考えてきたテーマ/ゲーム可・発想と操作に慣れる)
[10min]休憩
[60min]プロンプト基礎
[40min]プロンプト演習
[10min]休憩
[80min]データの下処理(AIにCSVを読ませて整形:空白/結合セル/複数シート)
[70min]生成AIを活用した表形式データの取り扱い(ブラウザ/JSで処理)
[30min]業務テーマの言語化(機密を伏せて自分用に整理・提出/発表なし)
[10min]Day2クロージング

この日の終わりに手元に残るもの

index.html(自分の題材で作ったもの)prompt.txt(依頼文)clean.csv(整形後データ)chart.html(グラフ)
DAY 3
止める1台の報告書と、来月も使えるハーネス一式

この日のゴール

  • 第2工場の24台から止める1台を選び、根拠3つを出典つきで説明できる
  • 止める1台の報告書をA4で2枚以内にまとめ、根拠のない断定を自分で見つけられる
  • うまくいった指示を、来月そのまま呼び出せるファイルとして残せる

時間の使い方

[22min]今日の到達点
[60min]AGENTS.md と止める1台の絞り込み
[10min]休憩
[45min]指示文のコマンド化
[87min]スキルへの移し替え
[54min]現場の記録の一本化
[10min]休憩
[60min]通った手順の資産化
[18min]サブエージェントとモデルの割り当て
[10min]休憩
[104min]止める1台の報告書

この日の終わりに手元に残るもの

cleaned_q3_operations.csv(整形した設備データ)止める1台の報告書AGENTS.md・プロンプトファイル・スキルなど6本README.md(来月の手順)

使う道具

3つだけです。役割がはっきり分かれています。

道具役割
VSCodeコードや文章を書く場所です。1.116以降(Copilot Chat標準搭載)なら Copilot Chat が最初から入っています。
GitHub CopilotVSCode の中で相談できる相手です。日本語で頼めます。
ブラウザ(Edge等)作ったものを動かして確かめる場所です。データを読ませるときは、ファイルを画面にドラッグして落とします。

事前の準備

当日までにお願いするのは、GitHubアカウントの準備だけです。

  1. 配布物のZIPを受け取り、デスクトップに展開しておきます。Windows用とMac用があるので、お使いの端末に合う方を使ってください。
  2. VSCode が起動することを確かめます。管理者権限は要りません。
  3. GitHub から招待メールが届きます。アカウントを作成し、招待の承諾まで済ませてください。手順は下の「GitHubアカウントの準備」にあります。間に合わなかった場合は当日の午前に一緒に行いますので、そのままお越しください。

教材

回ごとに、投影スライドと配布物をまとめています。

第1回

環境・生成AIの基礎・リテラシー・GitHub Copilot操作

VSCodeとGitHub Copilotを動く状態にして、生成AIの得意・苦手と情報の扱いを押さえます。5つの小さな演習でCopilotに触れます。

第2回

バイブコーディング入門・プロンプト・データ下処理・業務テーマ言語化

日本語で伝えて動くものを作る進め方を体験します。午後はExcelの汚れたデータをAIに整えさせます。

第3回

止める1台の報告書と、来月も使えるハーネス一式

第2工場の設備データと現場の記録から止める1台を決め、報告書にします。そこで打った指示は、来月も使える形でフォルダに残します。

研修中に手が止まったときは、お手元のハンズオンガイドに同じ手順が書いてあります。 スライドは流れていくので、戻りたいときはガイドをご覧ください。

配布物

回ごとに1本です。展開すると tpro-work というフォルダになります。デスクトップに置いてください。

回Windows用Mac用
第1回 機電系_Day1_配布_Windows用.zip Mac用
第2回 機電系_Day2_配布_Windows用.zip Mac用
第3回 機電系_Day3_配布_Windows用.zip Mac用
第3回の見本 機電系_Day3_見本ハーネス_Windows用.zip Mac用
ハーネスチートシート ハーネスチートシート(PDF、A4横1枚)
ファイル名が文字化けする場合は、もう一方のZIPをお試しください。 解凍ソフトによって日本語名の読み方が違うため、2種類をご用意しています。

守っていただくこと

受講者のみなさんは派遣先の情報を扱う立場にあります。演習では次を前提にしてください。

演習で使うデータはこちらでご用意しています。実際の業務ファイルや業務画面は使わないでください。

よくある質問

Python は入れなくてよいのですか

要りません。この講座は VSCode とブラウザだけで完結します。データの集計もグラフも、配布物に同梱したライブラリでブラウザ上で動きます。

プログラミングの経験がなくても大丈夫ですか

機電系トラックは、VSCodeを初めて触る方を想定して組んでいます。画面の見方から一緒に進めます。

作ったものは持ち帰れますか

持ち帰れます。作ったファイルはご自身の端末に残ります。ただし提出物には制限があります。次の項目をご覧ください。

提出するものはありますか

第2回は提出も発表もありません。 提出方法は当日ご案内します。

途中で分からなくなったらどうすればよいですか

手を挙げてください。演習には「うまくいかないとき」の項目を用意しています。 時間内に終わらなくても構いません。全部終わらせることが目的ではありません。

研修で使った環境は、そのあとも業務で使えますか

利用の可否と範囲は、所属先と常駐先の取り決めによります。研修中に断定はできませんので、 社内の手順に沿ってご確認ください。費用の仕組みだけ書いておきます。 GitHub Copilot には無料プランがありますが利用量に上限があり、業務で日常的に使うには足りません。 有償プランは個人向けが月10ドルから、組織向けの Business が1席あたり月19ドルです。 2026年6月に課金方式が変わり、使ったモデルとトークン量に応じて減る GitHub AI Credits になりました。 コードの補完は非課金なので、補完中心の使い方であればほとんど減りません。 (出典 GitHub Docs、2026年9月9日確認)

機密情報を含むファイルは、どのタイミングでAIに読まれますか

第1回のアンケートでいただいた質問です。エクスプローラーにファイル名が並んでいるだけなら送られません。 送られ始めるのは、そのファイルをエディタで開いたときと、中の文字を選択したときです。 VSCode は開いているファイルと選択範囲を、こちらが指定しなくても会話に添えます。

気をつけていただきたいのは .gitignore の扱いです。除外に書いていても、 そのファイルを開くと除外が迂回されます。「除外に書いたから安全」は成り立ちません。

「このプロジェクトは何をしているものですか」のような質問でも送られます。 VSCode はワークスペースの索引を持っていて、会話の内容に応じて関連するファイルを自動で拾います。 公式ドキュメントには、検索で一致した内容は AI がそのファイルを開かなくても会話に含まれる、と書かれています。

確実なのは、機密ファイルを含むフォルダを VSCode で開かないことです。 開かざるを得ない場合は、機密ファイルを別のフォルダへ移してワークスペースに含めない、 files.exclude でエクスプローラーからも隠して開く事故を防ぐ、の順で対処してください。 (出典 VS Code Docs、2026年9月9日確認)

用語集

研修中に出てくる言葉です。分からないまま進めず、ここで確かめてください。

使う道具と画面
VSCodeブイエスコード
コードや文章を書くエディタ。正式名は Visual Studio Code
GitHub Copilotギットハブ コパイロット
VSCodeの中で相談できる生成AI。提供元はGitHub社
GitHubアカウントギットハブ アカウント
Copilotを使うために必要な利用者登録。研修の初日に作ります
エクスプローラー
VSCodeの左側に出るファイルの一覧
チャットパネル
VSCodeの右側に開く、AIとやりとりする欄
サインイン
自分のアカウントで使える状態にすること
拡張機能かくちょうきのう
VSCodeに後から足せる機能。本研修では追加インストールをしません
tpro-workティーピーアール オー ワーク
デスクトップに置く作業用フォルダ。配布物はすべてこの中に展開します
生成AIの仕組み
生成AIせいせいエーアイ
文章やコードを作り出すAI。検索と違い、探すのではなく作って返します
モデル
生成AIの中身にあたるもの。用途によって選び分けます
検算けんざん
AIが出した数字を、別のやり方でもう一度確かめること
指示文しじぶん
AIへの頼み方を書いた文。役割・文脈・制約・出力形式の4つで組み立てます
プロンプト
AIへの指示文。本研修では日本語で書きます
ファイルと実行
HTMLエイチティーエムエル
ブラウザが表示できる形式のファイル。拡張子は .html
CSVシーエスブイ
カンマ区切りの表データ。Excelでも開けます
Markdownマークダウン
記号で見出しや箇条書きを書く記法。拡張子は .md
拡張子かくちょうし
ファイル名の末尾に付く .html や .csv の部分。中身の種類を表します
ドラッグ
ファイルや文字を押したまま動かす操作。データの読み込みは画面に落として渡します
データの扱い(機電系)
バイブコーディング
設計を固める前に動かして、触ってから決める進め方
下処理したしょり
分析の前に、表の汚れを直して計算できる形に整えること
結合セルけつごうセル
複数のセルをつなげた状態。範囲の先頭にしか値が残りません
欠損けっそん
値が入っていない空欄。0で埋めると平均が変わってしまいます
全角数字ぜんかくすうじ
10.31 のような幅の広い数字。そのままでは計算できません
平均 / 中央値へいきん / ちゅうおうち
全部を足して割った値と、順に並べた真ん中の値
標準偏差ひょうじゅんへんさ
ばらつきの大きさ。計算方法が2通りあり、値が変わります
相関係数そうかんけいすう
2つの数値が一緒に動く度合い。原因の証明にはなりません
規格外きかくがい
決められた範囲から外れた値。抽出して原因を追います
散布図さんぷず
2つの数値の関係を点の散らばりで見る図
作業を固定するしくみ(機電系)
ハーネス
AIに毎回同じやり方で作業させるためのファイル一式。AGENTS.md、instructions、プロンプトファイル、スキル、エージェントの定義を指します
AGENTS.mdエージェンツ ドット エムディー
作業フォルダの直下に置き、AIが毎回読む約束事を書くファイル
instructionsインストラクションズ
特定のファイルを扱うときだけAIが読む決まりを書くファイル。拡張子は .instructions.md
プロンプトファイル
入力欄で / から呼び出せるように指示文を保存したファイル。拡張子は .prompt.md
スキル
手順と様式をひとまとめにしたフォルダ。SKILL.md に手順を書き、必要なときにAIが読み込みます
サブエージェント
親の会話から仕事を切り出して任せる別のAI。渡した資料と自分の役割だけを見て結果を返します
守っていただくこと
丸めるまるめる
固有の情報を業界や工程のレベルまで抽象化して書くこと