SKIP TO CONTENT
GENERAL TRACK

バイブコーディングとは?

やりたいことを普通の言葉で説明するだけでソフトウェアを作る方法を学びましょう。

1大きなアイデア

もしソフトウェアを、ただ やりたいことを説明する だけで作れたら、と想像してみてください。難解な構文を暗記する必要はありません。何年もの勉強も要りません。必要なものを普通の言葉でコンピューターに伝えるだけで、コンピューターがあなたの代わりにコードを書いてくれます。

それが バイブコーディング です -- AI を使い、自然な言葉のプロンプトを通してあなたのアイデアを動くコードに翻訳します。あなたは 何を(アプリは何をすべきか、どう見えるべきか)に集中し、AI が どうやって(実際のプログラミング)を引き受けます。

従来のコーディング vs. バイブコーディング

従来のやり方

document.querySelector('body').style.backgroundColor = 'blue';
const h1 = document.createElement('h1');
h1.textContent = 'Hello World';
h1.style.color = 'white';
document.body.appendChild(h1);

構文、API、メソッドを知っている必要があります

バイブコーディングのやり方

「青い背景に大きな白い文字で Hello World と表示し、画面の中央に配置したページを作って。」

あなたがやりたいことを説明し、AI がコードを書きます

Your guide

2AI はどうやってあなたを理解するのか

3はじめてのプロンプト

4なぜこれがすべてを変えるのか