概要
https://blog.sushi.money/entry/2025/09/01/235900
詳細内容
## ジェネレーティブなカラス避けビジュアルをChatGPTに開発してもらう
https://blog.sushi.money/entry/2025/09/01/235900
著者はChatGPTを活用し、アニメーションするJavaScriptコードを生成して、カラス避けビジュアルというユニークな用途を開発しました。
**Content Type**: ⚙️ Tools
**Scores**: Signal:3/5 | Depth:3/5 | Unique:4/5 | Practical:3/5 | Anti-Hype:4/5
**Main Journal**: 93/100 | **Annex Potential**: 94/100 | **Overall**: 68/100
**Topics**: [[Generative AI, Code Generation, JavaScript, Creative Coding, Prompt Engineering]]
著者はChatGPTを活用し、日向市のカラス避け画像から着想を得て、「ジェネレーティブなカラス避けビジュアル」を開発しました。これは、ゴミ置き場へプロジェクターで投影することを想定し、ChatGPTにアニメーションするJavaScriptコードを生成させるというユニークな試みです。記事内では、AI自身が考案した「目玉のシーンと斜線のシーンを切り替える」といった、カラスを威嚇するアニメーションの具体例が提示されています。
この事例は、ウェブアプリケーションエンジニアにとって、生成AIが従来のロジック記述の枠を超え、インタラクティブなフロントエンド開発やクリエイティブな表現においていかに強力なツールとなるかを示しています。ChatGPTのようなツールを用いることで、複雑なアニメーションや視覚効果を伴うJavaScriptコードを迅速に生成し、UIプロトタイピングや実験的な機能開発を大幅に加速できます。例えば、特定のユーザー体験を向上させるための動的な視覚フィードバックや、ブランドアイデンティティを表現するユニークなアニメーションなどを、少ない工数で試作・実装することが可能になります。
さらに、「AIがカラスを威嚇するビジュアルを考案する」という構図は、エンジニアがAIを単なるコーディング補助ではなく、創造的なパートナーとして活用できる可能性を提示します。適切なプロンプトエンジニアリングを通じて、特定の課題に対する独創的な視覚的解決策をAIと共に探求し、人間だけでは発想しにくいアプローチを試みることで、開発の幅が大きく広がります。これにより、フロントエンド開発における新しい表現手法の開拓や、日常的な課題への遊び心ある技術的応用が促進されるでしょう。