AIテストで生計を立てる：暗示型プログラミングに最適な9つのヒント

コードの記述に人工知能を使用することを検討しているものの、どこから始めればよいかよくわからない場合は、いくつかの簡単なコマンドを実行するだけで、独自のアプリケーションを開発できます。

AIをキャリアとして探求している者として、私は文章作成からプログラミングまで、あらゆる分野で様々な課題を試してきました。しかし、AIが生成するプログラミング課題は人間ではなくAIによって作成されるため、最終的な成果物を得るには微調整が必要になることがよくあります。

最初の結果が良かったとしても、満足のいくまでプロンプトを試行錯誤し、リミックス、改良、テストを繰り返していく必要があります。これらの9つのプロンプトは、お気に入りのチャットボットを使ってスタイリッシュなコーディングを始めるための出発点となります。

1. ネオンクラゲアニメーション

課題：「ネオンカラーのクラゲが画面上をゆっくりと移動し、漂いながら光るHTML/CSSアニメーションを作成してください。」

優れた点：これは視覚的に非常に優れた例でありながら、理解しやすい。CSSエフェクトがいかに自然に見えるかを示しており、初心者でも画面上で鮮やかな効果を実現できる。

2. ワンクリックで背景を変更する

依頼内容：「ページ上のどこをクリックしても背景色が変わるウェブページを作成してください。」

この例の素晴らしい点：この例が気に入っているのは、すぐに満足のいく結果が得られるからです。JavaScriptのイベントの仕組みを、難解な内容に圧倒されることなく学ぶのに最適です。また、コードを見て、人工知能が生成するものを研究することでプログラミングを学ぶことは、有益だと思います。

3. 色が変わるバウンスボール

課題：「画面の端に当たると色が変わる、跳ねるボールのコードを書いてください。」

優れた点：この例は、物理法則と視覚効果をシンプルに組み合わせています。ボールは跳ね返り（楽しい）、色が変わる（楽しい）だけでなく、衝突判定やループ検出の仕組みを複雑にすることなく分かりやすく示しています。

4. シューティングスターゲーム

課題：「矢印キーを使って流れ星をキャッチするシンプルなゲームを作成してください。スコアカウンターを追加してください。」

素晴らしい理由：このゲームの結果は、まるで本物のゲームのような感覚を、より小規模な環境で味わえます。高度な要素は一切ありませんが、得点計算や移動ロジックといったインタラクションは健在です。ゲームデザインのあらゆる要素が、初心者向けに簡略化されています。

5. エスケープボタン

今回の課題は、「マウスカーソルを重ねると、カーソルから逃れようとするインタラクティブなボタンを作成する」ことです。

優れた点：この演習は面白くもあり、同時にイライラさせられるものでもあり、友人や同僚と遊ぶのに最適です。ボタンがカーソルを避ける様子は決して退屈せず、イベント処理と条件分岐ロジックへの巧妙な入門となります。

6. ペットがポインターを追いかける

課題：「画面上でマウスカーソルに追従する小さなキャラクターをペットのように動かすコードを書いてください。」

素晴らしい理由：やはり、楽しさが魅力です。大学時代にコンピュータサイエンスに熱中していた人以外は、プログラミングを楽しいものだと認識していないことが多いでしょう。しかし、楽しいプログラミングはそうした認識を変えます。このコンセプトは、プログラミングがいかにパーソナルなものになり得るかを証明しています。このコンセプトのおかげで、デスクトップに「相棒」ができたような感覚になり、プログラミングが抽象的なものではなく、楽しいものに感じられるようになるのです。

7. ダウンロード可能な画像としてのピザのスライス

依頼内容：「ピザ一切れが回転しているように見える、楽しくてダウンロード可能なアニメーションをデザインしてください。」

素晴らしい理由：誰もがピザが好きだし、アニメーションによる読み込みは実際に繰り返し使えるものなので、この二つを組み合わせない手はありません。この例では、シンプルな図形、回転、繰り返しを楽しいものに組み込む方法を示しています。

8. 音楽の視覚効果

依頼内容：「音に動的に反応する、シンプルでインタラクティブな音楽視覚効果を作成してください。」

なぜ素晴らしいのか：この主張は、私たち皆が愛する音楽に触れています。リズムに合わせて形が脈動する様子を見るのは素晴らしいと思いますし、オーディオAPIをユーザーフレンドリーな方法で紹介できるので、私はいつもこのことを新しいプログラマーに伝えています。

9. レインボープログレスバー

課題：「読み込み中に虹色のグラデーションで塗りつぶされる、カラフルでアニメーション付きのプログレスバーを作成してください。」

素晴らしい理由：プログレスバーは通常退屈なものですが、これは純粋に楽しいものです。実用的（プログレスバーは至る所にあります）で、楽しい（虹色のグラデーションが目を引きます）。

結論

これらの9つのプロンプトは、Vibe Codingの世界に足を踏み入れるのに最適な方法です。まず、Cloud、Gemini、またはChatGPT-5を開き、これらのコマンドのいずれかを入力して、結果をCodePen、GitHub、またはお好みのホスティングプラットフォームに貼り付けてください。

これらのヒントを参考に、機能の追加や細かい調整など、自分らしいものに仕上げてみませんか。どれも「完成品」ではありません。分解とテストを促し、それがサジェスティブプログラミングの真髄です。

プロンプトを生成するAIであれば誰でも理解できるほど短く具体的な内容になっています。さらに、各プロンプトには報酬があり、すぐに確認したりプレイしたりできるものが生成されます。これは初心者にとって大きなメリットです。

間違いはつきものです。ですから、サジェストプログラミングに取り組む際には、忍耐力と創造性が非常に重要であることを覚えておいてください。