Route C : Phase 4
C-07:画像工場の建設
テンプレート合成システム - コストゼロのアイキャッチ生成
記事の品質を左右する重要な要素、それがアイキャッチ画像です。
このステップでは、高価なAPIを使わずに、あらかじめ用意した画像テンプレートにテキストを自動合成する機能を実装します。これにより、コストゼロで高品質な画像を量産できます。
1. 実装する機能 (Visual Factory)
- テンプレート選択:
input/image/フォルダ内の背景画像をプルダウンで選択する機能。 - テキスト入力: 画像に入れる上段・下段テキストを入力する欄。
- 自動合成 (Pillow): Pythonの画像処理ライブラリ
Pillowを使い、選択した画像にテキストを焼き込みます。 - プレビュー表示: 生成した画像をGUI上で確認できる機能。
2. 進化の呪文(AIへの指示)
以下のプロンプトをAI Studioに貼り付け、gui/tabs/tab_visual.py とバックエンドの lib/lib_image_factory.py を実装させましょう。
PROMPT
あなたはプロのPython開発者です。
現在作成中の「FX_Trend_Hunter」に対し、アイキャッチ画像生成機能(Visual Factory)を実装してください。
【要件定義】
1. **バックエンド実装 (`lib/lib_image_factory.py`):**
- `Pillow` ライブラリを使用する。
- `generate_eyecatch(background_path, upper_text, lower_text)` という関数を作成。
- 背景画像に、指定された上段・下段テキストを中央揃えで描画する。
- 文字には白フチと黒フチの二重縁取りを施し、視認性を高めること。
- Note推奨サイズ(1200x630)にリサイズして `output/eyecatches/` に保存する。
2. **GUI実装 (`gui/tabs/tab_visual.py`):**
- 画面を左右2カラムに分割。
- **左側:**
- `input/image/` フォルダ内の画像をリストアップするプルダウンメニュー。
- 上段・下段テキストの入力欄。
- 「画像生成」ボタン。
- **右側:**
- 生成された画像を表示するプレビューエリア。
【重要:出力形式の制約】
- Pythonコード内の文字列リテラルやコメントであっても、**バッククォート3つ(```)は絶対に使用しないでください。**
- AI Studioでの表示崩れを防ぐため、コードブロックの囲み記号は出力せず、ファイル名とコード本体のみを提示してください。
【出力ルール】
1. 作成・修正が必要なファイル名と、そのコード全文を提示してください。
2. ファイルマーカーの出力は禁止。ファイル名だけをコードブロックの外に表示し、ファイルは省略禁止でお願いします。
3. **最後に、ユーザーが実行すべき「実装手順」を箇条書きで必ず出力すること。**
3. 実装と動作確認
AI Studioの出力結果の中から、AI自身が生成した「実装手順」を見つけて、その指示通りに作業を進めてください。
→ input/image/ に適当な背景画像を入れ、ツールを起動。「画像生成」タブでテキストを入力し、右側に文字入り画像が表示されれば成功です!