Claude Code に、ゆめかわなパーティクルアニメーションを作らせてみた

Claude Code を使ってみたくて、試しにゆめかわなパーティクルアニメーションを作ってもらいました👏

クリック or タップすると、パーティクルがちらばります。スマホ対応です。

✨ Particles ✨

だいたいの作り方

Claude Pro を個人で利用しているので、その範囲内で遊んでみました。

  • ターミナルに Claude Code をインストール
  • 「ゆめかわパーティクルアニメーション」を作るためのプロンプトを、Claude Pro(いつものブラウザでアクセスする方)に相談
  • できたプロンプトを、Claude Code に入れてできた html を見ながら微調整
  • 完成!

とこんな感じです。これくらいのものなら 数百 token でできたので、Claude Pro に含まれる Claude Code Usage の範囲内です。環境構築も homebrew で node.js がインストールされていればあっという間でした。

面白いな〜。セキュリティには気をつけつつ、また何か作ってみよう。

前の記事へ

2025年 春の能登ワーケーション、フォトレポート