create.xyzを使ってDJのポートフォリオサイトを作成した
今回、AIツールを使って自分のポートフォリオサイトを作成したので、その過程と感想を共有する。
使用したAIツール
ポートフォリオサイトを作るにあたり、2つのAIツールを使用した。プロンプトの生成にはClaude 3を、ポートフォリオの作成にはCreate XYZを使った。
プロンプトの作成
まず、Claude 3を使ってCreate XYZへ入力するプロンプトを作成した。自分の希望を正確に伝えるために、以下のような内容を盛り込んだ：
- 原宿kawaii風とDJのかっこよさを融合させたデザイン
- ブラックや濃い色を中心とした配色、パステルカラーはアクセント使い
- 大人っぽいタッチのイラストとDJの力強さを表現するグラフィック
- シャープでスタイリッシュなフォント
- シンプルでモダンなボーカロイドキャラクターを背景に使用
また、掲載するコンテンツや全体的なレイアウト、メッセージについても細かく指示した。
サイトの生成と調整
Create XYZにプロンプトを入力すると、それに基づいてサイトが生成された。最初は完璧ではなかったが、何度かフィードバックを与えることで、理想に近いサイトに仕上げることができた。
特に、kawaii要素とDJらしいかっこよさのバランスを取るのに苦労した。最初はkawaii要素が強すぎたので、デザインや配色を調整しようとした。プロンプトを変えてもすぐに反映はされず、同じプロンプトでも成果物が大きく異なることがある。
create.xyzのAIの差分
create.xyzでは、無料版ではGPT-4のみ,追加で課金するとAuthoropic Opus, gemini, haiku, Gro9が使えるようになる。 色々なパターンを試したが、現状Authoropic Opusの性能が一番良かった。
まとめ
Claude 3とCreate XYZを使ってポートフォリオサイトを作る過程を紹介した。適切なプロンプトを作成し、ツールとコミュニケーションを取ることで、自分らしいサイトを効率的に作れることがわかった。皆さんも、ぜひAIツールを活用して、自分の活動をアピールするサイトを作ってみてほしい。