AIを使ってコードを書くことを考えているが、どこから始めれば良いかよく分からない場合は、いくつかの簡単なコマンドを実行するだけで開発できます。 独自のアプリケーション.
人として キャリアとして人工知能を実験するライティングからプログラミングまで、様々なプロンプトを試してきました。しかし、AI生成のプログラミングプロンプトは人間ではなくAIによって作成されるため、最終的に完成させるには多少の調整が必要になることがよくあります。
最初の結果が良かったとしても、満足のいくまでプロンプトを試行錯誤し、リミックス、改良、テストを繰り返していく必要があります。これらの9つのプロンプトは、お気に入りのチャットボットを使ってスタイリッシュなコーディングを始めるための出発点となります。
1. ネオンクラゲアニメーション
請求：ゆっくり動くネオンクラゲの HTML/CSS アニメーションを作成します。 フローティング スクリーン上で、動くにつれて光ります。」
素晴らしい点: これは視覚的に素晴らしく、かつ分かりやすい例です。CSSエフェクトがいかに自然な仕上がりになるかを示しており、初心者でも画面上で鮮やかな効果を生み出すことができます。
2. ワンクリックで背景を変更する
請求：ウェブページを作成し、 背景色の変更 「ページのどこかをクリックするたびに。」
素晴らしい点: この例は、すぐに満足のいく結果が得られるので気に入っています。JavaScriptのイベントの仕組みを、圧倒されることなく学ぶのに最適です。また、コードを視覚化し、AIが生成するものを学ぶことでプログラミングを学ぶのにも役立つと思います。
3. 色が変わるバウンスボール
請求：「画面の端に当たると色が変わる弾むボールのコードを作成してください。」
なぜ素晴らしいのか: このサンプルでは、物理法則とビジュアル表現をシンプルに組み合わせています。ボールが跳ねたり（楽しい）、色が変わったり（楽しい）、複雑になりすぎずに衝突判定やループがどのように機能するかを実演しています。
4. シューティングスターゲーム
請求：「私の息子 シンプルなゲーム 矢印キーを使って流れ星のキャラクターを捉える。ポイントカウンターも追加。
なぜ素晴らしいのか: このプロンプトの結果は、小規模な設定でありながら、本物のゲームのような感覚です。高度な内容ではありませんが、スコアリングや移動ロジックといったインタラクティブ性は確保されています。ゲームデザインの要素はすべて網羅されていますが、初心者向けに簡素化されています。
5. エスケープボタン
請求：作る インタラクティブボタン マウスをホバーするたびにマウスポインタから逃げようとします。」
なぜ素晴らしいのか: この練習問題は面白くもあり、同時にイライラさせるものでもあり、友達や同僚にいたずらをするのにも最適です。ボタンがカーソルを避けていく様子を見るのは決して退屈ではありません。イベント処理と条件分岐ロジックの巧妙な入門編としても最適です。
6. ペットがポインターを追いかける
請求：コードを書く 小さな文字 ペットのように画面上でマウスカーソルを追跡します。
なぜ素晴らしいのか: 繰り返しますが、楽しさもプラス。大学でコンピュータサイエンスを専攻していない限り、プログラミングを楽しいと捉える人は少ないでしょう。しかし、「Fun Programming」はそれを変えます。このタイプのプロンプトは、プログラミングがいかにパーソナルなものになり得るかを示しています。このプロンプトがあれば、デスクトップに突然「相棒」が現れ、プログラミングが抽象的なものではなく、楽しいものに感じられるでしょう。
7. ダウンロード可能な画像としてのピザのスライス
請求：設計 ダウンロードできる面白い漫画 「回転するピザのスライスのように見えます。」
元のタイトル: ピザは誰もが大好きな食べ物です。読み込みアニメーションは既に再利用されているものなので、これらを組み合わせてみてはいかがでしょうか？この例では、シンプルな図形、回転、繰り返しを組み合わせて楽しいアニメーションを作成する方法を紹介します。
8. 音楽の視覚効果
請求：革新 インタラクティブな音楽視覚効果 シンプルに、脈動する形で音と相互作用します。」
なぜ素晴らしいのか: このプロンプトは、私たちみんなが大好きな「音楽」に触れています。リズムに合わせて形が脈打つ様子を見るのは素晴らしいことだと思います。オーディオAPIを分かりやすく紹介してくれるので、私はいつも新しいプログラマーにこの例を紹介しています。
9. レインボープログレスバー
請求：作成 カラフルでアニメーション化されたプログレスバー 読み込まれると虹のグラデーションカラーで塗りつぶされます。」
なぜ素晴らしいのか: プログレスバーはたいてい退屈なものですが、これは純粋に楽しいです。実用的（プログレスバーはどこにでもある）で、楽しい（虹色のグラデーションが目立つ）です。
結論
これらの9つのプロンプトは、バイブコーディングの世界に入るための素晴らしい方法です。まずは クロード أو 双子座 あるいは チャットGPT-5、これらのコマンドのいずれかを入力し、結果を CodePen、GitHub、または任意の他のホスティング プラットフォームに貼り付けます。
これらのヒントを参考に、機能の追加や細かい調整など、自分らしいものに仕上げてみませんか。どれも「完成品」ではありません。分解とテストを促し、それがサジェスティブプログラミングの真髄です。
プロンプトを生成するAIであれば誰でも理解できるほど短く具体的な内容になっています。さらに、各プロンプトには報酬があり、すぐに確認したりプレイしたりできるものが生成されます。これは初心者にとって大きなメリットです。
間違いは起こるものです。ですから、挑戦する際には忍耐と創造性が大きな役割を果たすことを覚えておいてください。 提案プログラミング.
コメントは締め切りました。