AIでアプリ開発：Lovableを使って要件定義から実装まで

Transcript

1. AI coach 「AIでアプリ開発：Lovableを使って要件定義から実装まで」 目的：現場で使える実用的なAI活用スキルを習得し、業務効率化・改善に直結するAI でアプリケーションを自ら構築できるようになる。 第8回「AI coach」研修 株式会社DeepTeLL 1
2. 研修の目的 「Vibeコーディング」 と 「Lovable」 を活用し、 1. 現場のリアルな課題 を特定し、 2. GPTsよりも賢く、使いやすい「独自アプリ」を、 3. 要件定義から保守運用まで 一気通貫で開発する 実践的なスキルを習得します。 第8回「AI coach」研修 株式会社DeepTeLL 杉本迅 2
3. 研修のゴール Vibeコーディングの基本を理解し、簡単なアプリを実装できる。 Lovableを使い、要件定義～保守運用のプロセスを実践できる。 自分の現場課題に基づいたアプリのプロトタイプを完成させる。 GPTsとVibeコーディングの違い・使い分けを説明できる。 継続的な改善の考え方を身につける。 第8回「AI coach」研修 株式会社DeepTeLL 3
4. ケース AIコンサルタントとして対応可能なこと。 顧客（クライアント）から: 見積と提案の依頼。要件定義から設計、開発、テス ト、導入、保守まで一連の工程を担当。 社内の他部署から: 自社内の業務効率化のためのツール開発や、社内向けシステム の開発・改修などを、情報システム部門や開発部門が他部署から依頼される。 上司やプロジェクトリーダーから: プロジェクトチームの一員として、特定の機能 開発やモジュール開発などを担当するように指示・依頼されるケース。これは日 常的な業務指示の一部と言えます。 第8回「AI coach」研修 株式会社DeepTeLL 4
5. AI時代に本質的に求められることは何か？ コードを書く能力から、AI を使いこなす能力へ: 従来型のコーディングスキルが 不要になるわけではありませんが、それ以上に、AI に対して的確な指示を与え、 その生成物を評価し、プロジェクト全体を導く 「ディレクション能力」 や 「プ ロンプトエンジニアリング能力」 の重要性が増します。 実装の詳細から、アーキテクチャ設計や問題解決へ: AI が実装の詳細を担う割合が 増えることで、開発者はより高レベルな抽象思考、つまり、システムの全体構造 を設計する能力、問題の本質を見抜いて解決策を考案する能力、ユーザー体験を デザインする能力などが、より一層求められるようになります。 第8回「AI coach」研修 株式会社DeepTeLL 5
6. Vibeコーディングとは？ Vibe Coding（ヴァイブ・コーディング）とは、自然言語（普段使っている言葉）で指 示を出すことで、AI（特に大規模言語モデル）にソフトウェアのコードを生成・修正 させる新しいプログラミングの手法です。2025 年 2 月に AI 研究者の Andrej Karpathy （アンドレイ・カルパティ）氏によって提唱されたこの概念は、「コードの詳細を意 識するのではなく、まるで音楽の即興演奏（ジャムセッション）のように、"バイブ ス"（Vibe、ノリやフィーリング）を重視しながら、AI との対話を通じて開発を進め る」という特徴を持っています。 人間は「何をしたいか」「どのように動いてほしいか」といったアイデアや感覚を言 葉で伝えることに集中し、実際のコード作成という作業の多くを AI に委ねるという、 これまでの開発スタイルとは一線を画すアプローチです。Karpathy 氏がかつて「今最 もホットなプログラミング言語は英語だ」と述べたように、自然言語による指示がソ フトウェア開発の中心になる可能性を示唆しています。 第8回「AI coach」研修 株式会社DeepTeLL 6
7. 第8回「AI coach」研修 株式会社DeepTeLL 7
8. AIコーディングツール比較 (2025年) ツール 概要 特徴 評価 Cline オープンソースAIエージェント VS Code拡張 LLMでコード編集 プラン＋実行 92万インストール GitHub 3万スター Cursor AI統合エディタ GPT-4/Claude 自然言語コード生成 チャットUI 無料プラン 2倍速コーディング Windsurf 無料エージェントIDE Codeium GPT-4無制限 高速検索 無料高機能 洗練UI Devin 自律AIエンジニア 月額500ドル アプリ構築 バグ修正 完遂率15% 高コスト GitHub Copilot (Agent Mode) 自律エージェント VS Code 複数ステップ編集 自動化 数百万ユーザ 高インパクト Lovable AI自動Webアプリ生成 ノーコードツール 要件入力でコード生成 リアルタイム画面確認 GitHub/デプロイ連携 プログラミング知識不要 効率的なアプリ開発 第8回「AI coach」研修 株式会社DeepTeLL 8
9. Lovableとは？ Lovable(ラバブル)とは「作りたいアプリの要件を入力するだけで、AIが自動的にコー ドを生成し、Webアプリを作成することができるツール」です。開発途中でもリアル タイムで実際の画面を確認することができるため、即座にAIに修正依頼を出せるなど スムーズな開発を行うことが可能です。また、GitHubや外部データベースとの連携、 デプロイ機能などの便利な機能が豊富に搭載されているため、プログラミング知識が ない人でも効率良く簡単にアプリ開発を行うことができます。 第8回「AI coach」研修 株式会社DeepTeLL 9
10. 【実践】AIでアプリ開発：Lovableを使って要件定義 から実装まで 第8回「AI coach」研修 株式会社DeepTeLL 10
11. 要件定義と設計 VibeコーディングとLovable入門、要件定義・設計 第8回「AI coach」研修 株式会社DeepTeLL 11
12. 実装とテスト Vibeコーディングによる実装、テス ト 以下のTwitter風アプリを作成してく ださい。実装不可能な部分は疑似的 にUI/UXのみ再現し、ツイートやリツ イート、いいね、コメントができる ようにしてください。 第8回「AI coach」研修 株式会社DeepTeLL 12
13. 保守と運尿 デプロイ、保守運用、応用 第8回「AI coach」研修 株式会社DeepTeLL 13
14. 補足「話題のyamlについ て」 https://yaml.org/ 第8回「AI coach」研修 株式会社DeepTeLL 14
15. まとめ：この研修で得られ る成果 「自然言語がプログラミング言語に なる」 明日から使える現場でのAI開発 スキル 提案と見積りの適切な把握 GPTsの限界を超える課題解決ア プローチ 開発プロセス全体を見通せる視 点と実践力 自分だけのアプリという具体的 な成果を出せる 第8回「AI coach」研修 株式会社DeepTeLL 15