外部APIを利用した動的テキスト画像の生成 - n8n ワークフロー

Markdown形式のテキストです。

テストやプロトタイピングのために、素早くカスタマイズ可能なプレースホルダー画像を必要とする開発者。
複雑なデザインツールを使わずに、動的なビジュアルアセットを生成したいコンテンツ制作者。
外部リソースを取得するために、強力なHTTPリクエストn8nノードの活用方法を学習中のユーザー。
効率的な外部API連携のための実用的なn8nテンプレートを探している自動化スペシャリスト。

この堅牢なn8nワークフローは、無料のDummyJSON APIと直接連携することで、カスタムプレースホルダー画像をシームレスに生成する方法を提供します。これは、Set n8nノードを使用した動的データ設定と、HTTPリクエストn8nノードを組み合わせる方法を示す優れた一例です。

この自動化は、即座にカスタマイズ可能なプレースホルダーコンテンツが必要になるという一般的な問題を解決します。n8n環境内で画像のサイズ、背景色、テキスト、フォントファミリーを事前に設定することで、このワークフローは手作業を排除します。これにより、開発や迅速なコンテンツ展開に関わるすべての人にとって、利用可能なn8nテンプレートの中でも価値ある資産となり、n8n連携の強力さと柔軟性を実証します。

Markdown形式のテキストです。

このシンプルかつ効果的なn8nワークフローは、主に3つの段階で動作します。

1. 開始: プロセスは「ワークフローをテスト」をクリックしたとき」のn8nトリガーから始まります。これは手動テスト用に設計されており、スケジュール実行を必要とせずに、出力と設定を迅速に検証できます。


2. 設定の準備: 「画像プロパティを設定」n8nノードが、外部APIが必要とするすべての重要パラメータを初期化します。size (600x400)、backgroundColor (cc22e3)、textColor (ffffff)、表示するtext ("Generated!")、fontSize、fontFamilyなどの変数が、次のステップに渡されるJSONデータとして確立されます。この重要なn8nノードがインプットを標準化します。


3. API実行: 「APIから画像を取得」n8nノード（HTTPリクエストn8nノード）が、中核機能を実行します。これは、前のステップで設定されたパラメータを参照する式を使用してAPI URLを動的に構築します。DummyJSONのエンドポイントに対してGETリクエストを送信します。テキスト内容やフォントなどの主要な設定項目は、クエリパラメータとして安全に渡され、要求された画像が正しく生成され、画像データがn8nワークフローによって返されることが保証されます。

Markdown形式のテキストです。

1. n8nワークフローのインポート: 提供されたJSONコードをコピーし、「新規」メニュー > 「JSONからインポート」を介してn8nインスタンスに直接貼り付けます。


2. ワークフローのアクティブ化: 右上隅のスイッチを切り替えて、n8nワークフローがアクティブになっていることを確認します。


3. 認証情報不要: このn8nワークフローは公開されているDummyJSON APIを使用しているため、HTTPリクエストn8nノードに対して外部の認証情報やAPIキーは必要ありません。


4. カスタマイズ: 「画像プロパティを設定」n8nノードに移動し、特定の要件に合わせて寸法、色、またはテキストコンテンツを変更します。ここで設定された値が、n8nワークフローの最終的な出力を決定します。

Markdown形式のテキストです。

「ワークフローをテスト」をクリックしたとき（手動トリガー n8nトリガー）
機能: 主に開発およびテスト目的で、n8nワークフローの実行を手動で開始します。
主要な設定: なし。n8nワークフローの即時エントリーポイントとして機能します。

画像プロパティを設定 (Set n8nノード)
機能: 画像の希望する特性（サイズ、色、テキスト、フォント）を指定するペイロード変数を定義します。
主要な設定: size (600x400)、backgroundColor (cc22e3)、textColor (ffffff)、オーバーレイするtext ("Generated!") など、複数の文字列代入を明示的に定義します。これらの変数が、後続のHTTPリクエストn8nノードが適切にパラメータ設定されることを保証します。

APIから画像を取得 (HTTPリクエストn8nノード)
機能: DummyJSON APIに外部呼び出しを行い、画像リソースを生成し取得します。
主要な設定:
URL: ={{ $json.size }} のような式を使用し、上流で設定された変数に基づいてリクエストパスを動的に構築します。
* クエリパラメータ: テキストの描画を制御するために、text、fontSize、fontFamilyなどの変数をAPIに渡します。この連携は、n8nワークフローの成功に不可欠です。