YouTubeで再生
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
キノコード / プログラミング学習チャンネル「キノクエスト」の登録・詳細はこちらから▶︎https://kino-code.com/united_lp/?utm_source=youtube.com&utm_medium=referral&utm_campaign=VC06_gaiyo_united_lp/
e-ラーニング「キノクエスト」なら、プログラミングの学習も、ITスキルアップも、生成AIも、学習し放題。
ハンズオンで実務にすぐ応用できる問題もあります。
✅生成AIを使って業務削減をしたい方
✅DXに関する知識を習得したい方
✅ITパスポート試験を受けたい方
✅業務を自動化したい方
✅AIを使った分析や予測をしたい方
▶︎法人向けデジタル人材育成サービス「キノクエストforBiz」 無料相談したい方はこちら
https://kino-code.com/kinoquest-forbiz/?utm_source=youtube.com&utm_medium=referral&utm_campaign=VC06_gaiyo_contact-form/
▼目次
00:00 この動画のダイジェスト
00:18 一般的な開発手順とバイブ・コーディング
00:46 ステップ1:作りたいものを決める(サービス要求)
01:01 ステップ2:仕様書を作る(仕様書の作成)
01:33 ステップ3:開発する(実装)
01:45 ステップ4:確認・修正する(テスト)
01:58 初心者がぶつかる「仕様書作成」の壁
02:45 キノコード流:対話型プロンプト
03:53 まとめ
▼関連動画
【バイブ・コーディング超入門】01.コース紹介|AIでアプリ開発?全10回で学ぶ新時代のスキル【初心者向け入門講座】
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【バイブ・コーディング超入門】02.バイブ・コーディングとは?|新時代のプログラミング手法を解説【プログラミング初心者向け入門講座】
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【バイブ・コーディング超入門】03.バイブ・コーディングでできること|初心者でも作れる6つのアプリケーション分野【プログラミング初心者向け入門講座】
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【バイブ・コーディング超入門】04.バイブ・コーディングツールの紹介|Cursor vs Claude Code【プログラミング初心者向け入門講座】
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【バイブ・コーディング超入門】05_5.Cursorのインストールと基本的な使い方|環境構築【プログラミング初心者向け
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
プロンプトエンジニアリング超入門合併版|今すぐ使えるテクニックを2時間で学べます
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【最新版】Python超入門講座(合併版)|Pythonの超基本的な部分をたった1時間で学べます【プログラミング初心者向け入門講座】
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
右手に生成AI、左手にプログラミング
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
生成AIでプログラミングが民主化した
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
生成AIがあるのに、まだプログラミングを学ぶ必要があるの?
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
AIエージェントとは?|従来の生成AIとの違いや特徴をわかりやすく8分で解説
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【AIエージェント】すごさがわかる実演を2つ紹介
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【今さら聞けない?】生成AIとは?AIとどう違うの?(図解で簡単にわかりやすく解説)
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【知っておきたい】LLMとは?生成AIとどういう関係?(図解で簡単にわかりやすく解説)
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【IT情報キャッチアップ】RAGとは?生成AIが賢くなる技術?(図解で簡単にわかりやすく解説)
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
ファインチューニングとは?RAGとの違いや方法を解説(図解で簡単にわかりやすく)
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【完全版】DX超入門講座 合併版|DXの基本的な部分をたった2時間で学べます
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【保存版】Pythonでできることを100個以上紹介!プログラミングでやりたいことが見つかる!
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
【完全版】Pythonでできること174例と学習ロードマップを徹底解説!(仕事の自動化、データ分析、機械学習、Webアプリ開発)
【バイブ・コーディング超入門】06.バイブ・コーディングのやり方|AIへの指示出しのコツ【プログラミング初心者向け入門講座】
▼動画で話している内容
この動画では、バイブ・コーディングのやり方、つまり、具体的な流れについてお話しします。
## 一般的な開発手順とバイブ・コーディング
まず、一般的な開発手順を確認しましょう。
システム開発の現場では、アプリを作るために次のような手順を踏むのが一般的です。
バイブ・コーディングでも、この流れは同じです。
大きく分けると、ステップは4つあります。
### ステップ1:作りたいものを決める(サービス要求)
まずはステップ1、サービス要求です。
「どんなアプリを作りたいか」を決めます。
例えば、「家計簿アプリを作りたい」「売上分析をしたい」といったアイデア出しの段階です。
比較的とっつきやすい内容です。
### ステップ2:仕様書を作る(仕様書の作成)
ステップ2、仕様書の作成です。
サービス要求での内容を具体的な機能や画面イメージに落とし込み、仕様書としてまとめます。
仕様書とは、専門用語でいうところの要件定義書、基本設計書、詳細設計書などのことをここでは指します。
「どんなデータを入力するのか?」
「どんなグラフを表示するのか?」
「画面の色は?」
といった詳細を決める作業です。
### ステップ3:開発する(実装)
ステップ3、実装です。
整理した要件をもとに、実際にプログラミングコードを書きます。
バイブ・コーディングというと、この部分を生成AIにやってもらうことを指すのが一般的です。
### ステップ4:確認・修正する(テスト)
ステップ4、テストです。
出来上がったアプリを動かして、動作確認をします。
不具合があれば修正します。
以上が、一般的な開発手順、バイブ・コーディングの手順です。
## 初心者がぶつかる「仕様書作成」の壁
今まで話した手順には、大きな壁があります。
それは「ステップ2:仕様書を作る」です。
プログラミング初心者の方にとって、いきなり「仕様書を作ってください」と言われても、何をどう決めればいいのか分かりませんよね。
「どんな機能が欲しいですか?」と聞かれても、そもそもITで何ができるのかを知らないため、具体的なイメージが湧かないですよね。
「なんとなく便利にしたい」というぼんやりした思いはあるけれど、それをどうアプリに落とし込めばいいかが分からない。
これが、バイブコーディングの初心者やプログラミング学習をしたことがない方が最初につまずくポイントです。
つまり、一般的なやり方では、生成AIに指示を出す前の「人間の準備」が大変です。
(続く)
▼書き起こしブログページ
準備中
▼自己紹介
ブログに自己紹介を書いております。
https://kino-code.com/profile/
▼SNS
Twitter : https://twitter.com/kino_code/likes
Facebook : https://www.facebook.com/キノコード -105693727500005/
Website : https://kino-code.com/
#ai #プログラミング #vibe #アプリ #初心者