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/ に適当な背景画像を入れ、ツールを起動。「画像生成」タブでテキストを入力し、右側に文字入り画像が表示されれば成功です!


これでツールの主要機能は完成です。
最後は、これまでの機能を連携させ、週末のルーティン作業を自動化します。

C-08 (統合と運用) へ進む