AIコーディングの全体像
構築できるツールを概観します。
「AIコーディングの全体像」はCoddyKit上の無料Vibe Codingレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはVibe Coding学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Vibe Codingコースには全4レッスンが含まれています。
このレッスンの一部はまだ翻訳されておらず、英語で表示されています。
What Is AI Coding?
Welcome! AI coding means building real software by describing what you want in plain English, instead of typing every line. You talk, the AI writes the code.
Why So Many Tools?
There are dozens of AI coding tools, and the list keeps growing — that can feel overwhelming. Good news: you only need a few categories, not every product.
The Three Big Families
Almost every tool fits one of three families: chat assistants (you ask, they answer), IDE assistants (suggest as you type), and agents (do many steps).
Chat Assistants
A chat assistant is the simplest kind: open a window and ask in plain words. Perfect for learning, getting unstuck, or grabbing a small snippet. Try the prompt below.
I'm new to coding. In simple terms, what does a "function" do in a program? Give me one short example.IDE Assistants
An IDE assistant lives inside your code editor and suggests the next lines as you type, like autocomplete. It sees your files and keeps you in flow.
Add a comment line, then let the assistant fill in the code:
// create a button that says "Sign up" and turns blue when hoveredAI Agents
An agent is the most powerful family. Give it a goal and it plans and does many steps on its own — creating files, writing code, even fixing its own mistakes.
Build a simple to-do list web page. I should be able to add a task, mark it done, and delete it. Keep the design clean and use only one HTML file.Cloud vs On Your Computer
Tools also differ by where they run: in the browser (nothing to install) or on your computer (faster, more private). As a beginner, browser tools are easiest.
Free vs Paid
Most tools have a free tier, so you can try them at no cost. Paid plans add speed and higher limits. Start free; only pay once a tool clearly helps you.
What can I do for free with this tool, and what extra features come with the paid plan? Answer in a short bullet list.The Model Behind the Tool
Every tool is powered by an AI model — the brain that reads your words and writes code. Just remember: the tool is the app you click; the model is its engine.
What Stays the Same
Tools change fast, but the core skill doesn't: describing what you want clearly. Say the what, the who it's for, and any limits — then you can switch tools easily.
Make a page that shows today's weather for one city. Keep it beginner-friendly, no sign-up, and explain each step you take.You Don't Need Them All
It's tempting to chase every shiny new tool, but that slows you down. Most builders pick one chat tool and one agent or IDE tool and stick with them.
Quick Check
Let's see what stuck from this lesson.
Recap
Nice work! Tools fall into three families — chat, IDE assistant, and agent — and the lasting skill is clear description. Next, we compare them side by side.
よくある質問
「AIコーディングの全体像」レッスンは無料ですか？
はい。「AIコーディングの全体像」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Vibe Codingコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Vibe Codingコースには全4レッスンが含まれています。
「AIコーディングの全体像」で何を学びますか？
構築できるツールを概観します。 ブラウザで直接実行するハンズオンコードでVibe Codingを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Vibe Codingを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのVibe Codingは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。
「AIコーディングの全体像」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このVibe Codingレッスンでコードを書いて実行できますか？
はい。すべてのVibe Codingレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。