表示ページに戻る

検索結果

{{'検索結果' + searchResultList.length + '件'}}（人気順）

- 定番
- 新作
{{val.page_cat}}

{{val.page_ttl}}

{{val.page_descr}}

アプリを作れる自分になる！生成AIで仕事を変えるバイブコーディング研修（２日間）

生成AI時代に必要な課題発見力、UIデザインスキル、貫徹力を養う

講師派遣型研修の検索
- 表示ページに戻る
お問合せはこちら

対象者

全階層

・事務職、企画職、管理部門など、日常的に定型業務を行っている方
・チームの業務効率化を任されている方
・DX、AX推進担当者

よくあるお悩み・ニーズ

生成AIを使っているが、業務改善やアプリ作成にまで活用できていない
バイブコーディングという言葉は聞くが、社内で安全に使えるのかがわからない
現場主導で業務改善ツールを内製できる人材を育てたい

研修内容・特徴outline・feature

本研修は、非エンジニアの方を対象に、生成AIに指示を出してアプリを作るバイブコーディングを２日間で身につける研修です。日報作成ツールのデモから始め、HTML・CSS・JavaScriptを自分の手で書いた後、生成AIに同じコードを生成させて比較します。２日目のワークでは自分の業務を題材にアプリの作成を行うため、現場で役立つ成果物を持ち帰ることができます。

＊本研修ではPCおよび生成AIを使用します＊
※受講にはClaude、ChatGPT、Copilot、Geminiの有料プランが必要になります
（例：Claude Pro、ChatGPT Plus、Google AI Studioなど）

※現場で使用するシステムを設計する力を身につけたい方は、以下の研修がおすすめです
【ＤＸ推進者シリーズ】ＤＸ企画力研修～操作性に優れたツールをイメージする（２日間）

研修のゴールgoal

①バイブコーディングとは何かを理解する
②業務改善アプリのアイデアを言語化し、生成AIに伝えられる
③生成AIのコードを社内で使う際のリスクと判断軸を理解し、安全に運用できるようになる

研修プログラム例program

＜１日目＞研修時間：６時間
	内容	手法
	１．バイブコーディングを体感する【デモ】プロンプト１つで日報作成ツールが完成する ①生成AIにプロンプトを投げる　②生成されたコードをコピーする ③テキストエディタに貼りつけてHTMLファイルとして保存する ④ブラウザで開いて動作確認する【ワーク】日報作成ツールを生成AIに作成させる＜進め方＞ ①デモと同じプロンプトを自分の生成AIに入力する ②生成コードを保存して動かす ③プロンプトを少しだけ変えて再生成する ④隣の受講者と作ったものを見せ合う（１）作ったものの正体を知る～HTMLファイルとブラウザの関係（２）バイブコーディングを理解する	講義ワーク
	２．アプリの正体を知る（１）「アプリ」の定義 ①スマホアプリ・デスクトップアプリ・Webアプリの違い ②すべてのアプリに共通する構造～画面・処理・データ【ワーク】身近なWebサイトのソースを覗く（２）HTML・CSS・JavaScriptの役割分担 ①HTML～骨格を作る　②CSS～見た目を整える　③JavaScript～動きをつける	講義ワーク
	３．自分でプログラムを書いて仕組みを理解する（１）HTMLを書く～見出し・段落・ボタン（２）CSSで見た目を変える～色・余白・フォント【ワーク】JavaScriptで動きをつける～ボタンを押すと反応する処理【ワーク】生成AIに同じものを書かせて速度と精度を比較する	講義ワーク
	４．リスクを知って安全に活用する（１）生成コードに潜む３つの問題パターン ①意図しない処理の混入　②外部ライブラリの無断使用 ③APIキーなど機密情報の埋め込み（２）社内利用前に確認すべきポイント ①情報漏洩リスク～入力データの扱い ②接続先の制限～社内システムとつなぐ前に ③公開範囲と承認フロー～誰が使うかで変わるリスク【ワーク】アプリ作成時のチェックリストを生成AIと作りあげる【ワーク】１日目の学びを振り返る	講義ワーク

＜２日目＞研修時間：６時間
	内容	手法
	５．UIデザインの基礎を押さえる（１）UIとUXの違い～見た目の使いやすさと体験の満足度（２）生成AIへの指示に使える画面部品の用語集 ①入力部品～ラジオボタン・チェックボックス ②表示部品～ツールチップ・マウスオーバー ③スタイル指定～透過・角丸・影【ワーク】身近なサイトのUIを生成AIに言語化させる【参考】生成AIへのデザイン指示を構造化する	講義ワーク
	６．生成AIでアプリを完成させる（１）要件定義～解決したい悩みを決める【ワーク①】生成AIを活用して要件を言語化する（２）アプリ設計～アプリの型を考える【ワーク②】作成するアプリのテーマを決める【ワーク③】参考となる画面キャプチャを収集し、アプリを作成する【ワーク④】フィードバックを繰り返して完成に近づける	ワーク
	７．発表会と振り返り【ワーク】作ったアプリを発表する【ワーク】２日間の学びを共有する	ワーク

10508

{{list[0]['category']}}関連の全力Q&A

よくあるご質問について、研修のプロとして熱く丁寧に回答します。

{{value['pageName']}}

カスタマイズ事例～ケーススタディCASE STUDY

本研修のカスタイマイズ事例として、作成したケーススタディを業界別にご紹介します。

{{val.trade}}

{{theme}}研修のケーススタディ一覧

開発者コメントcomment

「IT部署に頼むほどではないが、自分では手が出ない」と諦めてしまった業務が、社内に眠ってはいないでしょうか。そのような状況を打破するのに最適なのが、専門知識がなくても開発できる「バイブコーディング」です。生成AIで作るアプリは１回では完成せず、トライ&エラーが欠かせません。自分の手で作成したアプリを動かせた、という実感を持つことで楽しさを知り、業務改善へ踏み出すきっかけになってほしいと考え、本研修を企画しました。

読み物・コラムcolumn

お問合せ・ご質問

講師派遣Q&A

お問合せ

商談予約

よくいただくご質問～特徴や内容など講師派遣型研修について詳しくご説明

よくいただくご質問一覧

下記情報を無料でＧＥＴ！！

無料セミナー、新作研修、他社事例、公開講座割引、資料プレゼント、研修運営のコツ

※配信予定は、予告なく配信月や研修テーマを変更する場合がございます。ご了承ください。

配信をご希望の方は、個人情報保護の取り扱いをご覧ください。

無料セミナー、新作研修、他社事例、公開講座割引、資料プレゼント、研修運営のコツ

メールマガジンのご登録はこちら

登録は左記QRコードから！

※配信予定は、予告なく配信月や研修テーマを変更する場合がございます。ご了承ください。

配信をご希望の方は、個人情報保護の取り扱いをご覧ください。

■最新作・ニュース

研修を探す

同じジャンルで探す

{{value.len}}種

最新WEBページ一覧

人材に関するお悩み
- ダイバーシティ
- 女性活躍推進
- 役職定年者の活性化
- 再雇用・雇用延長対応
- ダイバーシティ推進
- 人的資本経営
- 人的資本経営（管理）
- タレントマネジメント
- リスキリング促進
- アセスメント
- 選抜者教育の導入
- 管理職向けアセスメント
- 採用・離職防止
- 活躍してくれる人材の採用
- 採用支援サービス
- 離職防止
- リーダー・管理職
- 新任管理職研修
- 評価者の教育と事務軽減
- 変化に強いリーダーの育成
- 管理職の意識・スキル向上
- 次世代経営者育成
- 業績向上
- 組織風土・マインド
- 内向型人材の活用
- 若手の主体的発揮
- エンゲージメント向上
- 従業員のモラル向上
- モチベーション向上
- 営業・マーケティング
- 営業力強化
- マーケティング強化
- 新規事業のアイディア創出
- 営業支援ツール Remote Plants
- 組織運営
- 上場に向けた社員教育
- 企業統治・ガバナンス
- サクセッションプラン策定
- ＣＳＲ、社会貢献
- 部門・組織向け
- 病院に特化した研修
- 人事業務の外部委託

サービスラインナップ

最新WEB
- 速報新作研修
- 講師派遣研修
- 公開講座
- 動画百貨店
- コアソリューション

最新ニュース・記事

本研修をご検討中の方はこちら

お問合せ

商談予約

インソースからの新着メッセージ

初めてご利用の方へ

最新WEBページ一覧

人材に関するお悩み
- ダイバーシティ
- 女性活躍推進
- 役職定年者の活性化
- 再雇用・雇用延長対応
- ダイバーシティ推進
- 人的資本経営
- 人的資本経営（管理）
- タレントマネジメント
- リスキリング促進
- アセスメント
- 選抜者教育の導入
- 管理職向けアセスメント
- 採用・離職防止
- 活躍してくれる人材の採用
- 採用支援サービス
- 離職防止
- リーダー・管理職
- 新任管理職研修
- 評価者の教育と事務軽減
- 変化に強いリーダーの育成
- 管理職の意識・スキル向上
- 次世代経営者育成
- 業績向上
- 組織風土・マインド
- 内向型人材の活用
- 若手の主体的発揮
- エンゲージメント向上
- 従業員のモラル向上
- モチベーション向上
- 営業・マーケティング
- 営業力強化
- マーケティング強化
- 新規事業のアイディア創出
- 営業支援ツール Remote Plants
- 組織運営
- 上場に向けた社員教育
- 企業統治・ガバナンス
- サクセッションプラン策定
- ＣＳＲ、社会貢献
- 部門・組織向け
- 病院に特化した研修
- 人事業務の外部委託

サービスラインナップ

最新WEB
- 速報新作研修
- 講師派遣研修
- 公開講座
- 動画百貨店
- コアソリューション

最新ニュース・記事

開催確定講座スケジュール一覧

ご好評につき「最近で開催が確定している講座」「日程をリクエスト追加した旬の講座」をご紹介します。

日程	時間	研修タイトル	会場
2026/6/1	10:00～16:45	読解力研修～意図を正しく理解し、次の行動を読み解く	大阪	申込み
2026/6/2	09:00～17:00	（新入社員・新社会人向け）ビジネス文書研修	東京	申込み
2026/6/2	10:00～17:30	労務管理研修～働きやすい職場環境を整備する手法を学ぶ	オンライン	申込み
2026/6/2	09:00～17:00	（新入社員・新社会人向け）ビジネス基礎研修～社会人に求められる基本ルール・所作を学ぶ（２日間）	東京	申込み
2026/6/2	10:00～16:45	問題解決研修～ビジネス上の問題を解決する	オンライン	申込み
2026/6/3	10:00～16:45	【ケースで学ぶシリーズ】入社１年目向け問題解決ワークショップ	東京	申込み
2026/6/3	14:00～17:00	【全力解説】偉人に学ぶ仕事の向き合い方（渋沢栄一編）～志を立て、先の見えない時代を突破する	オンライン	申込み
2026/6/3	10:00～16:45	メンター研修～メンティのよき相談相手となる	オンライン	申込み
2026/6/3	10:00～16:45	ＯＪＴ研修～部下・後輩指導の基本スキルを習得する（2025年版）	オンライン	申込み
2026/6/3	10:00～16:45	課題設定力研修～主体的な問題解決のための手法とマインド	オンライン	申込み
2026/6/3	10:00～17:30	（初中級者向け）Ｅｘｃｅｌ研修～ゼロから学ぶマクロ・ＶＢＡ基礎編	オンライン	申込み
2026/6/3	10:00～16:45	達成力強化研修～仕事を最後までやり抜く力を身に付ける	オンライン	申込み
2026/6/3	10:00～16:45	分かりやすい説明の仕方研修～言いたいことを簡潔に伝える	東京	申込み
2026/6/3	10:00～16:45	次世代リーダー研修～安定力・思考力・指導力を身に付ける	東京	申込み
2026/6/3	14:00～17:00	（半日研修）なぜなぜ分析研修～考えるクセをつける	オンライン	申込み
2026/6/4	09:00～17:00	（新入社員・新社会人向け）コミュニケーション研修～デキる「ホウ・レン・ソウ」	東京	申込み
2026/6/4	09:00～17:00	（新入社員・新社会人向け）プレゼンテーション研修～相手に伝わる話し方を学ぶ	オンライン	申込み
2026/6/4	10:00～16:45	３０歳の壁を乗り越える研修～キャリアの不安にスキルアップで備える	オンライン	申込み
2026/6/4	10:00～16:45	ロジカルシンキング研修（実践編）～論理的思考による問題解決	オンライン	申込み
2026/6/4	10:00～16:45	仮説構築力向上研修～仕事の精度とスピードを高める思考法を身につける	オンライン	申込み
2026/6/4	10:00～16:45	仕事の実行力研修～「自律」「協働」「目的意識」で仕事を前に進める	オンライン	申込み
2026/6/4	10:00～16:45	新任管理職研修～自信を持ってマネジメントを始める編（２日間）	東京	申込み
2026/6/4	10:00～16:45	ＯＪＴ研修～部下・後輩指導の基本スキルを習得する（2025年版）	東京	申込み
2026/6/4	10:00～17:30	中堅社員研修～管理職を補佐し、部の成果を出す！	東京	申込み
2026/6/4	10:00～13:00	（半日研修）Microsoft 365 Copilotの使い方研修～Excel・PowerPoint操作を効率化する	オンライン	申込み
2026/6/5	10:00～16:45	リーダーのためのアサーティブコミュニケーション研修	オンライン	申込み
2026/6/5	10:00～16:45	ロジカルシンキング研修	オンライン	申込み
2026/6/5	10:00～16:45	ロジカルシンキング研修	東京	申込み
2026/6/5	10:00～16:45	問題解決研修～ビジネス上の問題を解決する	東京	申込み
2026/6/5	10:00～16:45	段取り研修～管理職としての基本的マネジメントスキルを理解する	大阪	申込み
2026/6/5	10:00～16:45	問題解決研修～ビジネス上の問題を解決する	オンライン	申込み
2026/6/8	10:00～17:30	管理職向け研修～マネージャーとしての課題を整理する	オンライン	申込み
2026/6/8	10:00～16:45	段取り研修～管理職としての基本的マネジメントスキルを理解する	東京	申込み
2026/6/8	10:00～16:45	後輩サポート力研修～「頼れる先輩」に求められる３つのスキル	東京	申込み
2026/6/9	10:00～16:45	４０代向けキャリアデザイン研修～ワーク・ライフ・マネーバランスを考える	オンライン	申込み
2026/6/9	10:00～17:15	経営戦略研修～勝ち筋を描くフレームワークの習得	東京	申込み
2026/6/9	10:00～16:45	ロジカルシンキング研修	オンライン	申込み
2026/6/9	10:00～13:00	（半日研修）Copilotのはじめ方研修～生成ＡＩを仕事で頼れるパートナーにする	オンライン	申込み
2026/6/10	09:00～17:00	（新入社員・新社会人向け）ロジカルシンキング研修～情報を整理し、結論を導く	オンライン	申込み
2026/6/10	10:00～16:45	新任管理職研修～自信を持ってマネジメントを始める編（２日間）	オンライン	申込み
2026/6/10	10:00～16:45	若手社員向けビジネスマインド強化研修～主体性、業務・役割の領域拡大、自分で考える	東京	申込み
2026/6/11	10:00～17:30	リーダーのための仕事の進め方研修～メタ認知能力を活用し、マネジメント力を高める	オンライン	申込み
2026/6/11	10:00～16:45	対人関係構築研修～円滑なコミュニケーションのためのスキルを習得する	オンライン	申込み
2026/6/11	10:00～16:45	ＩＴ入門研修（２日間）	オンライン	申込み
2026/6/12	10:00～16:45	問題解決研修～ビジネス上の問題を解決する	オンライン	申込み
2026/6/12	10:00～17:30	管理職向け研修～マネージャーとしての課題を整理する	オンライン	申込み
2026/6/12	10:00～16:45	はじめてのリーダーシップ研修～仕事力とコミュニケーション力強化編	大阪	申込み
2026/6/12	09:00～17:00	生成ＡＩを活用した業務改善研修～業務を可視化し、ＡＩに置き換え組織展開する	オンライン	申込み
2026/6/12	10:00～16:45	仮説構築力向上研修～仕事の精度とスピードを高める思考法を身につける	オンライン	申込み
2026/6/12	10:00～16:45	仮説構築力向上研修～仕事の精度とスピードを高める思考法を身につける	オンライン	申込み
2026/6/12	10:00～17:30	創造力強化研修～クリエイティブシンキングのためのマインドとスキル	オンライン	申込み
2026/6/12	10:00～16:45	ビジネスマナー研修～信頼されるビジネスパーソンの振る舞いを身につける	東京	申込み
2026/6/12	10:00～16:45	ＯＪＴ研修～部下・後輩指導の基本スキルを習得する（2025年版）	オンライン	申込み
2026/6/15	10:00～16:45	分かりやすい説明の仕方研修～言いたいことを簡潔に伝える	大阪	申込み
2026/6/15	09:00～17:00	業務効率化のためのGemini研修～Googleアプリとの連携で作業時間を削減する	オンライン	申込み
2026/6/15	10:00～16:45	ＯＪＴの受け方研修～教わり上手になるための５つのポイント	東京	申込み

新作研修（講師派遣）

業界随一の研修開発力を誇る
インソースの最新プログラム

新作研修をもっと見る

コア・ソリューションプラン の新作情報

250種類以上のコンサル事例！
組織の「したい！」に全力で応える

プランをもっと見る

本テーマのおすすめリンク

おすすめリンク

＜１日目＞研修時間：６時間
	内容	手法
	１．バイブコーディングを体感する【デモ】プロンプト１つで日報作成ツールが完成する ①生成AIにプロンプトを投げる　②生成されたコードをコピーする ③テキストエディタに貼りつけてHTMLファイルとして保存する ④ブラウザで開いて動作確認する【ワーク】日報作成ツールを生成AIに作成させる＜進め方＞ ①デモと同じプロンプトを自分の生成AIに入力する ②生成コードを保存して動かす ③プロンプトを少しだけ変えて再生成する ④隣の受講者と作ったものを見せ合う（１）作ったものの正体を知る～HTMLファイルとブラウザの関係（２）バイブコーディングを理解する	講義ワーク
	２．アプリの正体を知る（１）「アプリ」の定義 ①スマホアプリ・デスクトップアプリ・Webアプリの違い ②すべてのアプリに共通する構造～画面・処理・データ【ワーク】身近なWebサイトのソースを覗く（２）HTML・CSS・JavaScriptの役割分担 ①HTML～骨格を作る　②CSS～見た目を整える　③JavaScript～動きをつける	講義ワーク
	３．自分でプログラムを書いて仕組みを理解する（１）HTMLを書く～見出し・段落・ボタン（２）CSSで見た目を変える～色・余白・フォント【ワーク】JavaScriptで動きをつける～ボタンを押すと反応する処理【ワーク】生成AIに同じものを書かせて速度と精度を比較する	講義ワーク
	４．リスクを知って安全に活用する（１）生成コードに潜む３つの問題パターン ①意図しない処理の混入　②外部ライブラリの無断使用 ③APIキーなど機密情報の埋め込み（２）社内利用前に確認すべきポイント ①情報漏洩リスク～入力データの扱い ②接続先の制限～社内システムとつなぐ前に ③公開範囲と承認フロー～誰が使うかで変わるリスク【ワーク】アプリ作成時のチェックリストを生成AIと作りあげる【ワーク】１日目の学びを振り返る	講義ワーク

アプリを作れる自分になる！生成AIで仕事を変えるバイブコーディング研修（２日間）

対象者

よくあるお悩み・ニーズ

研修内容・特徴outline・feature

研修のゴールgoal

研修プログラム例program

{{list[0]['category']}}関連の全力Q&A

カスタマイズ事例～ケーススタディCASE STUDY

開発者コメントcomment

関連おすすめ研修

関連の研修を探す

関連サービス

直近の無料セミナー

読み物・コラムcolumn

インソースの研修はここまでやります

事前課題の実施

事後アンケート・講師報告書の提出

研修効果を高めるオプションサービスもございます。ご相談ください

■ご相談、お見積りはこちら

■WEB からのお問合せもご利⽤ください

アプリを作れる自分になる！生成AIで仕事を変えるバイブコーディング研修（２日間）