Route C-EX Phase 3 : Visuals

C-EX04:アイキャッチ生成機能の実装

AIデザイン × Pillow で「クリックされる画像」を量産する

記事の中身(テキスト)は完成しましたが、読者が最初に目にするのは「アイキャッチ画像」です。
このレッスンでは、Multi-Content-Generatorで培った画像生成技術を移植し、記事のタイトルやSEO情報を元に、AIがデザインを考案し、Pythonが自動で描画するシステムを構築します。

1. 実装する機能 (Eyecatch Generator)

  • AIデザイン考案: 記事の内容から、最適な「キャッチコピー(上段・下段)」と「配色(文字色・背景色)」をAIがJSON形式で提案します。
  • 自動描画エンジン: Pillowライブラリを使用し、AIの提案通りに画像を生成。二重縁取り、ドロップシャドウ、グラデーション文字などの高度な装飾を自動適用します。
  • マルチサイズ生成: Note用(横長)、Ameblo用(正方形)、汎用(16:9)の3サイズを一括で生成します。

2. 機能追加プロンプトの作成

以下のビルダーを使って、アイキャッチ生成機能を実装するための指示書を作成してください。

3. 実装と動作確認

AI Studioの出力結果の中から、AI自身が生成した「実装手順」に従って作業を進めてください。

z_リソース/fonts にフォントファイルを入れ、scripts/eyecatch_maker.py を実行して画像が生成されれば成功です!


記事も画像も揃いました。
最後は、これら全ての機能を統合し、コンソール画面一つで自在に操れる「司令塔」を構築します。

C-EX05:コンソール司令塔の構築へ進む →