実践編②：画像生成AIを使った写真加工アプリ開発

スマホの魅力といえば「カメラ」。
写真を撮る、加工する、シェアする行為は日常的に行われています。

そこで今回は、画像生成AI（Stable Diffusion / DALL·E など）を活用した写真加工アプリの開発を体験してみましょう。

撮った写真をAIでイラスト風に変換
背景を自動で差し替え
テキストから新しい要素を合成

これらは、既存のフィルター加工を超えた「次世代の写真編集」を可能にします。

1. 開発の全体フロー
2. 画像生成APIの使い方
3. Flutterでの実装例
4. 応用アイデア
5. コスト管理のポイント
6. まとめ

1. 開発の全体フロー

アプリ開発の流れは以下のとおりです。

開発環境の準備
- iOS（Swift）/ Android（Kotlin）/ クロスプラットフォーム（Flutter, React Native）
画像生成APIの選定
- OpenAI DALL·E、Stable Diffusion API、Replicateなど
写真アップロード機能の実装
- カメラ／ライブラリから画像を選択
AI加工処理の実装
- APIにリクエストを送り、生成された画像を受け取る
プレビュー & 保存機能
- ユーザーが加工結果を確認し、保存・シェアできるようにする

2. 画像生成APIの使い方

例として OpenAI DALL·E API を利用する場合、リクエストは以下のようになります。

POST https://api.openai.com/v1/images/edits
Headers:
  Authorization: Bearer YOUR_API_KEY
  Content-Type: multipart/form-data

Body:
  - image: user_photo.png
  - prompt: "背景を夜の街並みに変更してください"
  - size: 1024x1024

これで、アップロードした写真を加工し、新しい背景を合成できます。

3. Flutterでの実装例

クロスプラットフォームで人気のFlutterを例にしてみます。

① パッケージ準備

dependencies:
  http: ^1.0.0
  image_picker: ^1.0.0

② カメラ／ギャラリーから写真を取得

import 'package:image_picker/image_picker.dart';

Future<XFile?> pickImage() async {
  final ImagePicker picker = ImagePicker();
  return await picker.pickImage(source: ImageSource.gallery);
}

③ APIに送信して加工

import 'dart:convert';
import 'package:http/http.dart' as http;

Future<String> editImage(String filePath) async {
  const apiKey = "YOUR_API_KEY";
  var request = http.MultipartRequest(
    'POST',
    Uri.parse('https://api.openai.com/v1/images/edits'),
  );

  request.headers['Authorization'] = 'Bearer $apiKey';
  request.files.add(await http.MultipartFile.fromPath('image', filePath));
  request.fields['prompt'] = "背景をアニメ風の夜景に変更してください";
  request.fields['size'] = "512x512";

  final response = await request.send();
  final respStr = await response.stream.bytesToString();

  final data = jsonDecode(respStr);
  return data["data"][0]["url"];
}