こんにちは！今回は、オリジナルアプリ「wants」を作っている中で、AIを使ってビューに使う画像を作った体験をシェアします。最近は、AIがどんどん進化していて、プロのデザイナーじゃなくても、手軽にクオリティの高い画像が作れるようになってきました。そこで、実際にどんな風にAIを使って画像を生成したのか、詳しくお話ししていきます！

AI画像生成のメリット

AIを使って画像を作ると、アプリ開発にどんなメリットがあるのか、少しだけ振り返ってみましょう。

すばやく画像が作れる: AIは指示した内容をもとに、数秒～数分で画像を生成してくれます。デザインに時間がかかりません！
いろんなスタイルが試せる: ファンタジー風、写実的な感じ、カートゥーンっぽいイメージなど、様々なスタイルが選べます。
調整が簡単: 「ちょっと違うな」と思ったら、プロンプトをちょっと変えるだけで新しいバリエーションがすぐに作れます。

「wants」アプリでは、ユーザーが使いやすいインターフェースにするため、こうしたAIで生成した画像を使って、見た目も楽しめるアプリ作りを目指しました。

プロンプトってなに？

AIで画像を作るとき、一番大事なのが「プロンプト」です。簡単に言うと、AIに「こんな画像を作ってね！」と指示する言葉のことです。この指示が詳しければ詳しいほど、AIは私たちが思い描くような画像を作ってくれます。

じゃあ、どんな風にプロンプトを作ればいいのか？以下のテンプレートを使うと、より狙った画像を作りやすくなります。今回は直接chatGPT様に聞きました。

出力された結果が以下になります。

プロンプトのテンプレート

テーマ/シーン: 画像の全体的なテーマや場所。
（例: 森の中に立つファンタジーキャラクター）
主な要素: 画像の中心となる特徴や雰囲気。
（例: 明るい色彩、幻想的な雰囲気、夕暮れ時）
キャラクター/オブジェクトの詳細: 描かれているキャラクターや物体の具体的な特徴。
- 外見の特徴: （例: 長い金髪、青い目、白いローブ）
- 表情やポーズ: （例: 笑顔で空を見上げている）
背景の特徴: 画像の背景に欲しい要素。
（例: 背後に大きな滝と茂った木々）
スタイル/雰囲気: 画像全体の描き方や雰囲気。
（例: 写実的、コミック調、ファンタジー風）

オプションで追加できる要素

光や影の演出: 光の加減や影の使い方。
（例: 柔らかな日差し、木々の影）
カラーパレット: 使いたい色の配色。
（例: パステルカラー、モノクローム）
カメラアングル/視点: 画像をどの角度から見るか。
（例: 上から見下ろす、近くでアップ）

実際に使ったプロンプトの例

実際に私が「wants」アプリのためテンプレートをどのように編集したかお伝えします。今回は、アプリの使いやすさや見た目の良さを引き立てるため、シンプルかつ現代的なイメージで作成しました。

実際のプロンプト

テーマ/シーン: 明るい都市公園で携帯を操作している人物。
主な要素: 未来的でおしゃれな感じ、自然光が差し込んでいる雰囲気。
キャラクター/オブジェクトの詳細:
- 外見の特徴: 若い男性、カジュアルな服装（白いシャツとジーンズ）
- 表情やポーズ: スマホを真剣に見つめている姿。
背景の特徴: 緑の多い公園、遠くにビルが見える。
スタイル/雰囲気: 写実的だけど、少しデザインが入った感じ。
光や影の演出: 柔らかい自然光、背後に木々の影。
カメラアングル/視点: 人物をクローズアップした視点で、半身がメイン。

このプロンプトをAIに入力したら、まあままなビジュアルができあがりました。

今後は違うAIツールに同じプロンプトを入力して比較してみようと思います。

プロンプト作成のコツ

プロンプトを作るときに押さえておくべきコツも紹介します！

具体的に指示する: AIは具体的な情報を元に動くので、「カジュアルな服」ではなく「白いシャツとジーンズ」というように、なるべく詳しく伝えるのがポイントです。
スタイルや雰囲気を明確に: 画像全体の雰囲気やスタイルもはっきりさせましょう。「ファンタジー風」や「都会的な感じ」など、どんなムードを出したいかを伝えます。
調整は何度でもOK: 一回で完璧な画像ができるわけではないので、何度も少しずつ調整していきましょう。いろいろ試してみることが大切です！

まとめ

AIを使った画像生成は、アプリやウェブサイトを作る際にとても役立ちます。特に、プロンプトを工夫すれば、自分のイメージにぴったりな画像を短時間で作成できます。これからもAIをうまく活用しながら、アプリ開発の効率を高めていきたいと思います。

読んでくれてありがとう！ぜひみなさんもAI画像生成を試してみてくださいね！