0Pricing
Vibe Coding · レッスン

タスクに合わせたツール選び

作業ごとに適切なツールを選びます。

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

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

Pick the Tool for the Job

You know the three families; the real skill is matching a tool to a task. Like a toolbox, you wouldn't use a hammer to tighten a screw. Let's match the common ones.

Task: Learning a Concept

When you want to understand an idea — what an API is, how a loop works — a chat assistant is perfect. Ask for a beginner-level answer and keep asking follow-ups.

I keep hearing the word "database." Explain it to me with a simple real-life comparison, no code.

Task: Building a Small App

Want a working app from scratch, like a calculator or notes page? Reach for an agent. Describe what it does and any limits, then review and test what it built.

Build a tip calculator. I enter the bill amount and pick a tip percent, and it shows the tip and the total. One HTML file, clean and simple.

Task: Fixing an Error

Got an error you don't understand? A chat assistant shines: paste the error and code and ask what went wrong. Always include the exact error text — details help a lot.

I got this error and don't understand it. What does it mean and how do I fix it?
Error: Cannot read property 'value' of null

Task: Making Many Small Edits

Inside a project making lots of small changes — renaming, tweaking layout? An IDE assistant keeps you fast, suggesting code right where your cursor is.

Task: Adding a Whole Feature

Adding something big to an existing app, like a search bar or dark mode? An agent handles multi-file changes well. Be specific so it doesn't change more than you meant.

Add a dark-mode toggle button to my app. Save the choice so it stays after refresh. Only change what's needed for this feature.

Task: Planning Before Building

Not sure how to start? Use a chat assistant to plan first — ask for the steps before any code. A clear plan makes the build smoother, however you do it.

I want to build a simple habit tracker app. Don't write code yet — just list the main steps and features I should plan for.

Match by Size of the Task

A quick rule by task size: tiny question or snippet, use chat; small ongoing edits, use an IDE assistant; whole feature or app, use an agent. When in doubt, start small.

Match by How Sure You Are

Also match by confidence: unsure what you want? Chat first to think it through. Clear goal and want it done? Hand it to an agent. Clarity lets you safely automate.

Help me decide: should my first app be a to-do list or a flashcard study app? Ask me a couple of questions, then recommend one.

When You Pick Wrong

Picking the wrong tool isn't a disaster — you just adjust. Too small? Ask an agent. Too much? Switch to chat to learn what happened. The goal is progress, not perfection.

Your Mental Checklist

Before any task, ask three quick things: how big is it, do I want to learn or build, and how clear is my goal? The answers point you to the right tool.

Quick Check

Let's test your tool-matching instinct.

Recap

Well done! Learning or fixing an error, reach for chat; small edits, an IDE assistant; a whole feature, an agent. Match by size and clarity, and adjust freely. Next: set up your first tool.

よくある質問

「タスクに合わせたツール選び」レッスンは無料ですか?

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

「タスクに合わせたツール選び」で何を学びますか?

作業ごとに適切なツールを選びます。 ブラウザで直接実行するハンズオンコードでVibe Codingを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「タスクに合わせたツール選び」レッスンにはどのくらい時間がかかりますか?

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

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

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

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

  1. AIコーディングの全体像
  2. チャットとエージェントとIDEアシスタント
  3. タスクに合わせたツール選び
  4. 最初のツールをセットアップする
← Vibe Codingに戻る