Vibe Codingとは
書くのではなく、伝えて出す作りたいものを言葉で伝え、AIとの対話だけでWebアプリを作り上げるVibe Codingを、毎レッスン実際にAIとやり取りしながら体験します。プログラミングの知識は不要です。最後は自分のアイデアをアプリの形にして公開し、AIが間違えた1行を自分の手で直すところまで進みます。
レッスン
32件
所要時間
約3時間
ランク
初級
解説動画
27本
5分・無料・登録なしで読めます
動く図解・Vibe Codingとは
動く図解・Vibe Codingとは
作りたいものを、AIに伝わる言葉で説明できる
曖昧な言葉を、数値や具体例に置き換えて頼める
エラーや期待外れの結果から、自力で復帰できる
スマホでも崩れない形に仕上げて公開できる
AIが苦手なことを具体例で説明できる
生成されたコードの1行を、自分の手で直せる
ブラウザ完結（インストール不要）
触れる図解
19本
理解度クイズ
5問
読み物のレッスン
27本
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
言葉だけでアプリが動く体験から始めて、最初の1本を完成させます。
曖昧な言葉を具体に変えて、見た目と動きを思いどおりにします。
エラーと期待外れから、自力で戻れるようにします。
細部を整え、スマホに対応させて、人に見せられる状態にします。
AIが苦手なことを知り、自分の手で1行直す感覚を掴みます。
全工程を通しでやり切り、作品を人に紹介できる形にします。
このコースを終えると取れるバッジ
バイブコーディング 第1コース
0 / 32 レッスン
動かしながら、仕組みや変化を目で確かめられます。
Vibe Codingとは
書くのではなく、伝えて出す
アイデアを言葉にする
頭の中の絵を、言葉の部品に分ける
最初のアプリを作る
1 回目に出てくるものの範囲
少しずつ変える
一度に多く頼むと、どれが効いたか分からない