どんな課題に対応しますか？

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

導入で何が変わりますか？

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

表示ページに戻る

検索結果

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

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

{{val.page_ttl}}

{{val.page_descr}}

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

Q: 対象は？

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

Q: どんな課題に対応しますか？

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

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

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

対象者

全階層

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

よくあるお悩み・ニーズ

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

研修内容・特徴outline・feature

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

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

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

研修のゴールgoal

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

研修プログラム例program

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

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

10508

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

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

{{val.trade}}

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

開発者コメントcomment

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

読み物・コラムcolumn

お問合せ・ご質問

講師派遣Q&A

お問合せ

商談予約

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

よくいただくご質問一覧

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

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

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

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

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

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

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

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

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

■最新作・ニュース

研修を探す

同じジャンルで探す

{{value.len}}種

最新WEBページ一覧

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

サービスラインナップ

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

最新ニュース・記事

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

お問合せ

商談予約

同テーマの公開講座を見る

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

初めてご利用の方へ

最新WEBページ一覧

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

サービスラインナップ

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

最新ニュース・記事

新作研修（講師派遣）

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

新作研修をもっと見る

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

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

プランをもっと見る

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

おすすめリンク

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

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

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

対象者

よくあるお悩み・ニーズ

研修内容・特徴outline・feature

研修のゴールgoal

研修プログラム例program

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

開発者コメントcomment

関連おすすめ研修

関連の研修を探す

関連サービス

直近の無料セミナー

読み物・コラムcolumn

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

事前課題の実施

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

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

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

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

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