「キノクエスト」の登録・詳細はこちらから▶︎https://kino-code.com/united_lp/?utm_...

e-ラーニング「キノクエスト」なら、プログラミングの学習も、ITスキルアップも、生成AIも、学習し放題。
ハンズオンで実務にすぐ応用できる問題もあります。
✅生成AIを使って業務削減をしたい方
✅DXに関する知識を習得したい方
✅ITパスポート試験を受けたい方
✅業務を自動化したい方
✅AIを使った分析や予測をしたい方

▼法人向け「キノクエストforBiz」のお問い合わせページ
https://kino-code.com/contact-form/?u...

【キノクエストforBizサービス内容について】
https://kino-code.com/kinoquest-forbi...

▼目次
00:00 この動画のダイジェスト
00:28 どんなアプリを作るのか？
00:57 完成した議事録作成アプリのデモ
02:36 プロンプトの解説
06:39 まとめ

======
▼動画で使用している議事録についてのプロンプトはこちらで詳しく解説しています！
【生成AI使い方】会議の議事録作成が数秒で完了｜すぐ使える生成AIテンプレート
   • 【生成AI使い方】会議の議事録作成が数秒で完了｜すぐ使える生成AIテンプレート【活用...  
======

▼関連動画
【バイブ・コーディング超入門】01.コース紹介｜AIでアプリ開発？全10回で学ぶ新時代のスキル【初心者向け入門講座】
   • 【バイブ・コーディング超入門】01.コース紹介｜AIでアプリ開発？全10回で学ぶ新時...  

【バイブ・コーディング超入門】02.バイブ・コーディングとは？｜新時代のプログラミング手法を解説【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】02.バイブ・コーディングとは？｜新時代のプログラミン...  

【バイブ・コーディング超入門】03.バイブ・コーディングでできること｜初心者でも作れる6つのアプリケーション分野【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】03.バイブ・コーディングでできること｜初心者でも作れ...  

【バイブ・コーディング超入門】04.バイブ・コーディングツールの紹介｜Cursor vs Claude Code【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】04.バイブ・コーディングツールの紹介｜Cursor ...  

【バイブ・コーディング超入門】05_5.Cursorのインストールと基本的な使い方｜環境構築【プログラミング初心者向け
   • 【バイブ・コーディング超入門】05_5.Cursorのインストールと基本的な使い方｜...  

【バイブ・コーディング超入門】06.バイブ・コーディングのやり方｜AIへの指示出しのコツ【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】06.バイブ・コーディングのやり方｜AIへの指示出しの...  

プロンプトエンジニアリング超入門合併版｜今すぐ使えるテクニックを2時間で学べます
   • プロンプトエンジニアリング超入門合併版｜今すぐ使えるテクニックを2時間で学べます  

【最新版】Python超入門講座（合併版）｜Pythonの超基本的な部分をたった1時間で学べます【プログラミング初心者向け入門講座】
   • 【最新版】Python超入門講座（合併版）｜Pythonの超基本的な部分をたった1時...  

右手に生成AI、左手にプログラミング
   • 右手に生成AI、左手にプログラミング  

生成AIでプログラミングが民主化した
   • 生成AIでプログラミングが民主化した  

生成AIがあるのに、まだプログラミングを学ぶ必要があるの？
   • 生成AIがあるのに、まだプログラミングを学ぶ必要があるの？  

AIエージェントとは？｜従来の生成AIとの違いや特徴をわかりやすく8分で解説
   • AIエージェントとは？｜従来の生成AIとの違いや特徴をわかりやすく8分で解説  

【AIエージェント】すごさがわかる実演を2つ紹介
   • 【AIエージェント】すごさがわかる実演を2つ紹介  

【今さら聞けない？】生成AIとは？AIとどう違うの？（図解で簡単にわかりやすく解説）
   • 【今さら聞けない？】生成AIとは？AIとどう違うの？（図解で簡単にわかりやすく解説）  

【知っておきたい】LLMとは？生成AIとどういう関係？（図解で簡単にわかりやすく解説）
   • 【知っておきたい】LLMとは？生成AIとどういう関係？（図解で簡単にわかりやすく解説）  

【IT情報キャッチアップ】RAGとは？生成AIが賢くなる技術？（図解で簡単にわかりやすく解説）
   • RAGとは？生成AIをカスタマイズする技術？（図解で簡単にわかりやすく解説）  

ファインチューニングとは？RAGとの違いや方法を解説（図解で簡単にわかりやすく）
   • ファインチューニングとは？RAGとの違いや方法を解説（図解で簡単にわかりやすく）  

【完全版】DX超入門講座 合併版｜DXの基本的な部分をたった2時間で学べます
   • 【完全版】DX超入門講座 合併版｜DXの基本的な部分をたった2時間で学べます  

【保存版】Pythonでできることを100個以上紹介！プログラミングでやりたいことが見つかる！
   • 【保存版】Pythonでできることを100個以上紹介！プログラミングでやりたいことが...  

【完全版】Pythonでできること174例と学習ロードマップを徹底解説！（仕事の自動化、データ分析、機械学習、Webアプリ開発）
   • 【完全版】Pythonでできること174例と学習ロードマップを徹底解説！（仕事の自動...  


▼動画で話している内容
この動画では、バイブコーディングの実践として、会議議事録の自動生成アプリを開発してみます。
具体的には、会議の文字起こしファイル（VTT形式）をアップロードするだけで、生成AIが綺麗に整形し、議事録として保存してくれるWebアプリを作ります。
VTTとは、ZoomやTeamsなどのWeb会議ツールで出力される文字起こしファイルの形式です。

デモ

まず最初に、デモをお見せします。

プロンプトの解説は、あとで致します。
プロンプトを実行します。

生成AIがエンジニアとして振る舞い、私に質問をしてきます。

生成AI：「このアプリを使うのは、主にどのような方を想定していますか？」
私：「選択肢A。つまり、個人利用です」

生成AI：「自動生成される議事録に、必ず含めてほしい項目はどれですか？」
私：「A〜Fすべてです。つまり、基本情報、議題、決定事項、タスク、議論の要約、次回予定を含めてください」

このように、対話を重ねていきます。

結果
全ての質問が終わると、生成AIが「仕様書」を作成し、コードの実装、そしてテストまで自動で行ってくれます。
Webアプリが完成しました。
起動してみます。

（続く）

▼書き起こしブログページ
準備中

▼自己紹介
ブログに自己紹介を書いております。
https://kino-code.com/profile/

▼SNS
Twitter :   / likes  
Facebook :   / キノコード   -105693727500005/
Website : https://kino-code.com/

#ai #プログラミング #vibe #アプリ #初心者