Vibe Coding · レッスン

作りたいものを説明する

AIに理解してもらえるよう、目標を明確に伝えます。

レッスン 1/413 ステップ

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

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

Your Idea Is the Starting Point

In vibe coding, you build software by talking to an AI assistant. You don't type code yourself — you describe what you want, and the AI writes it.

But the AI can only help if it understands your idea. So your most important skill is describing clearly what you want to build.

This lesson teaches you how to do exactly that.

Start With One Simple Sentence

Begin by saying what your app does in one plain sentence. Keep it short and human.

Don't worry about technical words yet. Just describe the goal, like you would tell a friend.

Here is an example you can type to your AI assistant:

I want to build a small app that helps me remember to drink water during the day.

Say Who Will Use It

The AI gives better results when it knows who the app is for. A water app for kids looks very different from one for office workers.

Add a short line about your users and where they'll use the app.

The app is for busy office workers who use their phone during the day. It should be simple and not annoying.

Describe What the User Sees

Picture the screen in your head and describe it. What does the user look at first? What buttons or text are there?

You don't need design words. Just say what should appear.

On the main screen I want to see how many glasses of water I've had today, and a big button to add one more glass.

Describe What the User Does

Now describe the actions. What can the user tap or do? What happens after they do it?

This helps the AI understand the flow of your app, step by step.

When the user taps the button, the count goes up by one. At the end of the day the count resets to zero.

Use Plain Words, Not Tech Words

You don't need to know words like database or API. The AI knows those. Your job is to explain the idea in everyday language.

Compare these two:

  • Hard: "Persist state across sessions."
  • Easy: "Remember my water count even after I close the app."

The easy version works great.

Give Examples to Be Clear

When something is hard to explain, give a small example. Examples remove confusion fast.

Instead of only saying "show a friendly message," show the AI what you mean.

After the user adds a glass, show a friendly message like "Nice! That's 4 glasses today."

Mention What You Don't Want

Sometimes it helps to say what you want to avoid. This keeps the AI from adding things you don't need.

A short "please keep it simple" can save you a lot of cleanup later.

Please keep it very simple. No login, no accounts, and no ads. Just the water counter.

Describe the Feeling or Style

You can also tell the AI how the app should feel. Calm? Playful? Clean? This shapes colors, text, and design.

Even a few words guide the result a lot.

I want the app to feel calm and gentle, with soft blue colors and rounded buttons.

Put It All Together

A strong description usually has a few parts: the goal, the users, the main screen, the main actions, and the style.

You don't need perfect grammar. You just need to cover these basics so the AI has a full picture.

It's Okay to Not Know Everything

You don't need every detail before you start. Describe what you do know, and tell the AI where you're unsure.

The AI can suggest options for the rest. Describing is a conversation, not a perfect speech.

I'm not sure how the reset should work each day. Can you suggest a simple option for me?

Quick Check

Let's see what you remember about describing your idea.

Recap

You learned how to describe an idea so an AI can build it. The key points:

  • Start with one simple sentence about the goal.
  • Say who it's for and what they see and do.
  • Use plain words and give examples.
  • Mention what to avoid and how it should feel.

Next, you'll learn how to break a big idea into small, clear steps.

無料で開始

AI チューターと学ぶ JavaScript — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
25
レッスン
100

よくある質問

「作りたいものを説明する」レッスンは無料ですか?

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

「作りたいものを説明する」で何を学びますか?

AIに理解してもらえるよう、目標を明確に伝えます。 ブラウザで直接実行するハンズオンコードでVibe Codingを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「作りたいものを説明する」レッスンにはどのくらい時間がかかりますか?

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

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

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

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

  1. 作りたいものを説明する
  2. アイデアを手順に分解する
  3. AIに計画を立ててもらう
  4. 計画を一緒に洗練する
← Vibe Codingに戻る