【門田塾】第20回-AIに日本語で指示して、自分だけの業務ツールを作る「バイブコーディング」入門

コードを書かずに、身近なアプリや業務ツールを作る90分

「この作業を自動化できたら便利なのに」
「自分専用の小さなアプリを作れたらいいのに」

これまでは、アイデアがあってもプログラミングの知識が必要でした。現在は、生成AIに日本語で希望を伝えながら、ゲームや便利アプリ、業務ツールを作れるようになっています。

今回の門田塾では、AIにコードを書かせるだけではなく、作りたいものを整理し、実際に動かし、気になる部分を一つずつ直していく流れを、実演を交えて解説します。

こんなアプリが作れます

講座では、実際にバイブコーディングで作成した事例をご紹介します。

• よく使う乗換検索をすぐに開ける「My Train」
• スマートフォンで使えるシンプルタイマー
• 植物の管理を助ける便利アプリ
• ブラウザで遊べるシンプルなゲーム

特別なアプリではなく、「自分や身近な人が実際に使えるもの」を作れることが、バイブコーディングの面白さです。

データ分析の報告も、URLで共有できる

バイブコーディングは、ゲームや便利アプリだけに使うものではありません。

ExcelやCSVのデータを整理・分析し、グラフや考察、改善案をWebページにまとめれば、社内やお客様へURL一つで共有できます。

講座では、身近なアプリ作りから、業務で使えるWeb報告資料まで、生成AIの活用範囲を実例とともにお伝えします。

作るだけでなく、壊れても戻せる

AIで作ったものは、修正を重ねるうちに動かなくなることがあります。本講座では、「AIに指示する → 結果を確認する → 一つずつ修正する」という基本に加え、作成した内容を保存し、問題が起きたときに元へ戻すためのGit・GitHubの考え方も紹介します。

Claude Code・ChatGPT・Geminiなどを使いながら、プログラミング未経験者でも取り組める進め方を90分で体験します。

AIを検索に使うだけでなく、自分のアイデアを形にする道具として使ってみませんか。

なぜ今、「バイブコーディング」なのか？

これまでアプリやWebページを作るには、プログラミング言語や開発環境を学ぶ必要がありました。しかし今は、生成AIに日本語で指示を出しながら、画面や機能を作り、修正できます。

• 「このような画面にしたい」
• 「この機能を追加したい」
• 「スマートフォンでも見やすくしたい」
• 「このエラーを直してほしい」

大切なのは、AIにすべてを任せることではありません。結果を自分で確認し、必要な修正を伝えながら完成に近づけることです。

本講座では、非エンジニアが最初に知っておきたい「AIと一緒に作るための考え方」を、実際の画面と作例を使ってお伝えします。

※【門田塾】は各回1回完結型のセミナーです。過去の開催回に参加されていない方もご参加いただけます。

※生成AIツールの仕様変更や当日の進行状況により、使用ツールや実演内容を一部変更する場合があります。