Vibe Coding · レッスン

チャットとエージェントとIDEアシスタント

主要な3種類のツールの形を理解します。

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

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

Three Ways to Get Help

You've met the three families. Picture them as coworkers: a chat assistant (a friend you ask), an IDE assistant (a pair-programmer), and an agent (runs with a task).

The Chat Assistant Up Close

A chat assistant works in a back-and-forth: you ask, it replies, you refine. It never touches your files — just gives you text to read or copy. Safe and great for learning.

Explain what this line of code does, like I'm a total beginner:
price = items * 5

The IDE Assistant Up Close

An IDE assistant lives in your editor, sees your current file, and suggests the next lines as you type. Accept good ones with a key press and stay in flow.

Write a comment describing your goal and let the assistant continue:
// function that adds up all the numbers in a list and returns the total

The Agent Up Close

An agent takes a whole goal and runs many steps without stopping after each — creating files, writing code, fixing errors. It's the closest to 'just build it for me.'

Create a small recipe app. Users can add a recipe with a title and ingredients, see a list of all recipes, and click one to read it. Use a clean, simple layout.

How Much They Do

The biggest difference is how much they take on at once: chat gives one answer, an IDE assistant a few lines, an agent many steps. More automation, more to double-check.

How Much You Steer

There's a trade-off between control and convenience. Chat and IDE tools keep you steering closely; agents hand you the keys. A great combo: agent first, then chat to understand it.

You just built this for me. Walk me through what each file does in plain English, one sentence each.

Speed and Risk

Agents are the fastest path to a result, but speed has a cost — unread changes hide mistakes. Rule of thumb: the more a tool does automatically, the more carefully you review.

They Can Work Together

You don't have to pick one. A common combo: an agent builds the first version, a chat assistant helps you understand it, an IDE assistant makes small tweaks.

Asking for the Right Depth

One trick works for all three: tell the tool how much you want it to do. Want just an explanation? Say so. Want it all built? Say that. Clarity prevents surprises.

Option A (small): Just explain how a login form works, don't write code.
Option B (big): Build a full login form with email and password fields and a submit button in one file.

A Simple Way to Choose

Unsure which to use? Ask one question: do I want to learn, or want it built? Learn, reach for chat. In a project, use an IDE assistant. Finished result fast, use an agent.

A Quick Side-by-Side

The whole comparison at a glance: chat answers questions (best for learning), IDE assistant suggests as you type (best for flow), agent completes tasks (best for speed).

Quick Check

Time for a quick check on these three tool types.

Recap

Great progress! Chat = ask and learn, IDE assistant = suggestions as you type, agent = many steps you review. Ask 'learn or build?' to pick fast. Next: matching tools to tasks.

よくある質問

「チャットとエージェントとIDEアシスタント」レッスンは無料ですか？

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

「チャットとエージェントとIDEアシスタント」で何を学びますか？

主要な3種類のツールの形を理解します。ブラウザで直接実行するハンズオンコードでVibe Codingを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「チャットとエージェントとIDEアシスタント」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

← Vibe Codingに戻る