Vibe Coding · レッスン

コード入力からAIとの対話へ

AIがソフトウェアの作り方をどう変えたかを学びます。

「コード入力からAIとの対話へ」はCoddyKit上の無料Vibe Codingレッスンです。これはレッスン2/4です。下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。これはVibe Coding学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Vibe Codingコースには全4レッスンが含まれています。

このレッスンの一部はまだ翻訳されておらず、英語で表示されています。

How Building Changed

Not long ago, making software meant typing every line by hand. Now you can talk to AI and watch working code appear. Let's see how we got here.

The Old Way: Type Everything

The old way: memorize syntax, type it perfectly, hunt for a missing semicolon. One tiny typo broke everything. Powerful, but slow and full of friction.

function greet(name) {
  console.log("Hello " + name)
}
// Forget a bracket or quote, and nothing runs.

Autocomplete: The First Helper

The first step toward AI building was autocomplete — editors suggesting your next word. Small, but it hinted at tools that understand what you're trying to do.

AI Learned to Read Code

Then came large language models, trained on huge amounts of text and code. They could read your code and understand it — explain a file, find a bug, write a function.

Explain what this function does and suggest a clearer name for it.

GitHub Copilot Changed the Game

In 2021, GitHub Copilot let you write a comment describing what you wanted, and AI wrote the code below it. For millions, 'describe, then code' had arrived.

// create a function that returns the largest number in an array
// ...and Copilot writes the function for you.

From Suggestion to Conversation

Next, a bigger leap: chatting with AI inside your editor. Tools like Cursor and Claude Code made building a back-and-forth, not a monologue of typing.

You: Add a dark mode toggle to this page.
AI: Done. I added a button and a theme switch.
You: Make the toggle a moon and sun icon.

Agents That Take Action

The newest shift: AI that doesn't just suggest, but acts. It can create files, run commands, test code, and fix errors. You describe a goal and supervise.

Prompt In, App Out

Browser tools like v0, Bolt, and Lovable go further: type one prompt and get a complete working app. The gap from idea to clickable product is now minutes.

Build a to-do app where I can add tasks, check them off, and delete them.

See the Difference

Here's the same simple goal, the new way: describe it instead of writing it. Run this snippet to see the kind of output AI handles for you.

const numbers = [4, 9, 2, 11, 7];
const biggest = Math.max(...numbers);
console.log("The biggest number is " + biggest);

What This Means for You

This shift isn't just convenient — it's empowering. You no longer need years of training to start. If you can describe an idea clearly, you can make it. ✨

Talking Is a Skill Too

The catch: talking to AI well is its own skill. Vague requests get vague results; clear ones get great code. That's exactly what this track teaches you.

Vague: "Make a website."
Clear: "Make a one-page portfolio site with my name, a short bio, and three project cards."

Quick Check

Which describes the shift AI has brought to building software?

Recap: The Big Shift

You traced the journey from typing to talking: autocomplete, then AI that reads code, then Copilot, chat, and agents. Next: just how much you can build. Let's explore!

よくある質問

「コード入力からAIとの対話へ」レッスンは無料ですか？

はい。「コード入力からAIとの対話へ」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Vibe Codingコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Vibe Codingコースには全4レッスンが含まれています。

「コード入力からAIとの対話へ」で何を学びますか？

AIがソフトウェアの作り方をどう変えたかを学びます。ブラウザで直接実行するハンズオンコードでVibe Codingを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Vibe Codingを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのVibe Codingは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。これはレッスン2/4です。

「コード入力からAIとの対話へ」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このVibe Codingレッスンでコードを書いて実行できますか？

はい。すべてのVibe Codingレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

← Vibe Codingに戻る