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ツールを活用して、自分の活動をアピールするサイトを作ってみてほしい。