Codex CLIで画像生成する方法：OpenAI Image APIを使ったアイキャッチ作成ツールの作り方

OpenAI Image APIを使って、ブログ用アイキャッチ画像を生成するCLIツールを作ってください。

要件:
- Node.jsで実装
- プロンプトをコマンドライン引数で受け取る
- 出力ファイル名も引数で指定できる
- 生成結果をPNGとして保存
- .env の OPENAI_API_KEY を使う
- READMEに使い方を書く
- APIキーをGitに含めない

OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxx

# .gitignore
.env
node_modules/
generated-images/

npm init -y
npm install openai dotenv

import "dotenv/config";
import OpenAI from "openai";
import fs from "fs";
import path from "path";

const client = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY,
});

const prompt = process.argv[2];
const outputName = process.argv[3] || "eyecatch.png";

if (!prompt) {
  console.error("使い方: node generate-eyecatch.js \"画像プロンプト\" output.png");
  process.exit(1);
}

const outputDir = "generated-images";
fs.mkdirSync(outputDir, { recursive: true });

const result = await client.images.generate({
  model: "gpt-image-1",
  prompt,
  size: "1536x1024",
});

const imageBase64 = result.data[0].b64_json;
const imageBuffer = Buffer.from(imageBase64, "base64");
const outputPath = path.join(outputDir, outputName);

fs.writeFileSync(outputPath, imageBuffer);
console.log(`画像を保存しました: ${outputPath}`);

node generate-eyecatch.js \
"OpenAI Codex CLIで画像生成する方法をテーマにしたフラットイラスト、青と白、テクノロジー、ノートPC、ターミナル、画像生成アイコン、テキストなし" \
codex-cli-image-generation-tool-eyecatch.png

python -m venv .venv
source .venv/bin/activate
pip install openai python-dotenv pillow

import argparse
import base64
import os
from pathlib import Path

from dotenv import load_dotenv
from openai import OpenAI
from PIL import Image

load_dotenv()

client = OpenAI(api_key=os.environ["OPENAI_API_KEY"])

parser = argparse.ArgumentParser()
parser.add_argument("--prompt", required=True)
parser.add_argument("--out", default="eyecatch.png")
parser.add_argument("--resize", action="store_true")
args = parser.parse_args()

output_dir = Path("generated-images")
output_dir.mkdir(exist_ok=True)
output_path = output_dir / args.out

response = client.images.generate(
    model="gpt-image-1",
    prompt=args.prompt,
    size="1536x1024",
)

image_base64 = response.data[0].b64_json
output_path.write_bytes(base64.b64decode(image_base64))

if args.resize:
    image = Image.open(output_path)
    image = image.resize((1200, 630))
    image.save(output_path)

print(f"画像を保存しました: {output_path}")

python generate_eyecatch.py \
  --prompt "Codex CLIとOpenAI Image APIでブログ用アイキャッチを生成する様子、青と白、フラットイラスト、テキストなし" \
  --out codex-cli-image-generation-tool-eyecatch.png \
  --resize

from openai import OpenAI
import base64

client = OpenAI()

response = client.responses.create(
    model="gpt-5",
    input="青と白のテクノロジーテーマで、Codex CLIによる画像生成を表すアイキャッチ画像を生成してください。テキストなし。",
    tools=[{"type": "image_generation"}],
)

image_data = [
    output.result
    for output in response.output
    if output.type == "image_generation_call"
]

if image_data:
    with open("codex-image-tool.png", "wb") as f:
        f.write(base64.b64decode(image_data[0]))

OpenAI Image APIを使って画像生成CLIを作ってください。

条件:
- Node.js
- ESM形式
- dotenvでOPENAI_API_KEYを読む
- promptとoutput filenameをコマンドライン引数で受け取る
- generated-imagesフォルダにPNG保存
- エラー時はわかりやすく表示
- READMEにセットアップ方法と実行例を書く
- .envは.gitignoreに追加

この画像生成CLIをブログ運用向けに改良してください。

要件:
- slugを指定すると <slug>-eyecatch.png で保存
- 画像サイズは最終的に1200x630
- プロンプトテンプレートに「フラットイラスト、青と白、テクノロジーテーマ、テキストなし」を含める
- 出力前に保存先ファイルが存在する場合は上書き確認する
- 生成後にファイルサイズと画像サイズを表示する

<記事テーマ>をテーマにしたフラットイラスト、
青と白のカラースキーム、
クリーンでモダンなテクノロジーテーマ、
中央にノートPCとターミナル画面、
周囲にAI、API、画像生成、ファイル保存を表す抽象アイコン、
明るい背景、テキストなし、1200×630ピクセル

Codex CLIでOpenAI Image APIを使って画像生成する方法をテーマにしたフラットイラスト、
青と白のカラースキーム、
中央にノートPCとターミナル画面、
ターミナルから画像ファイルが生成される様子、
周囲にAI、API、PNG保存、ブログアイキャッチ、1200×630を表す抽象アイコン、
クリーンでモダンなテクノロジーテーマ、
明るい背景、テキストなし、1200×630ピクセル

node generate-eyecatch.js \
"Codex CLIで画像生成する方法をテーマにしたフラットイラスト、青と白、テキストなし、1200×630" \
codex-cli-image-generation-tool-eyecatch.png

wp media import /tmp/codex-cli-image-generation-tool-eyecatch.png \
  --post_id=123 \
  --title="Codex CLI画像生成ツール アイキャッチ画像" \
  --alt="Codex CLIとOpenAI Image APIで画像生成する様子のイラスト" \
  --porcelain

wp post meta update 123 _thumbnail_id <attachment_id>