API Ninjas を使用してインタラクティブフォームインターフェースでレシピを検索
初級
これはPersonal Productivity, Multimodal AI分野の自動化ワークフローで、4個のノードを含みます。主にForm, FormTrigger, HttpRequestなどのノードを使用。 API Ninjas のインタラクティブフォームUI でレシピを検索
前提条件
- •ターゲットAPIの認証情報が必要な場合あり
使用ノード (4)
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
"meta": {
"instanceId": "c8c9ba5d3eb26ae47a06d24ff164a01c0d73ed4753a74903c2bb609d434a0f6b"
},
"nodes": [
{
"id": "4a3b7b39-71a7-4a59-8c91-0ebf9fef29b2",
"name": "ワークフロー説明",
"type": "n8n-nodes-base.stickyNote",
"position": [
-250,
-250
],
"parameters": {
"color": 5,
"width": 272,
"height": 912,
"content": "## Workflow overview\n\nSimple recipe finder app. User enters an ingredient or dish into a form. Workflow calls API Ninjas Recipe API and shows the recipe result back on the form page.\n\n### Setup\n- **Form Trigger - Recipe Finder**: the entry form with a `query` field.\n- **Fetch Recipe from API Ninjas**: API call node using header auth.\n- **Show Recipe Result**: returns title, ingredients, instructions in formatted text.\n\n### Flow\n1. Form trigger waits for input.\n2. Passes query to API Ninjas.\n3. Fetches recipe.\n4. Shows formatted recipe back to user.\n\n### Notes\nQuick demo of how to build a recipe finder workflow in n8n. Expand easily with more features like multiple recipes, emails, or saving results."
},
"typeVersion": 1
},
{
"id": "891b66aa-1620-4867-b27c-b978588a5462",
"name": "Fetch Recipe from API Ninjas",
"type": "n8n-nodes-base.httpRequest",
"position": [
208,
0
],
"parameters": {
"url": "https://api.api-ninjas.com/v1/recipe",
"options": {},
"sendQuery": true,
"authentication": "genericCredentialType",
"genericAuthType": "httpHeaderAuth",
"queryParameters": {
"parameters": [
{
"name": "query",
"value": "={{ $json.query }}"
}
]
}
},
"credentials": {
"httpHeaderAuth": {
"id": "IU0D73p4jW1pvQE8",
"name": "API Ninjas Credential"
}
},
"typeVersion": 4.2
},
{
"id": "51dbc266-c345-4334-9349-f66a45ff5350",
"name": "フォームトリガー - レシピファインダー",
"type": "n8n-nodes-base.formTrigger",
"position": [
0,
0
],
"webhookId": "7361e34a-fc0e-4125-8b89-6c5774c86b0b",
"parameters": {
"options": {},
"formTitle": "Find a recipe",
"formFields": {
"values": [
{
"fieldLabel": "query"
}
]
},
"responseMode": "lastNode"
},
"typeVersion": 2.2
},
{
"id": "2bbcb8e8-b63f-45a8-b141-07300ef724ba",
"name": "レシピ結果を表示",
"type": "n8n-nodes-base.form",
"position": [
448,
0
],
"webhookId": "51c635a1-9803-4fc0-a3b2-a7058cbd7356",
"parameters": {
"options": {},
"operation": "completion",
"completionTitle": "={{ $json.title }}",
"completionMessage": "=<h3>Ingredients</h3>\n{{ $json.ingredients }}\n\n\n<h3>Instructions</h3>\n{{ $json.instructions }}"
},
"typeVersion": 1
}
],
"pinData": {},
"connections": {
"891b66aa-1620-4867-b27c-b978588a5462": {
"main": [
[
{
"node": "2bbcb8e8-b63f-45a8-b141-07300ef724ba",
"type": "main",
"index": 0
}
]
]
},
"51dbc266-c345-4334-9349-f66a45ff5350": {
"main": [
[
{
"node": "891b66aa-1620-4867-b27c-b978588a5462",
"type": "main",
"index": 0
}
]
]
}
}
}よくある質問
このワークフローの使い方は?
上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。
このワークフローはどんな場面に適していますか?
初級 - 個人の生産性, マルチモーダルAI
有料ですか?
このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。
関連ワークフロー
Python と AI を使ったカスタム天気メール
OpenWeatherMap、Python、GPT-4.1-miniを使用して個別の天気レポートを生成
Code
Gmail
Form Trigger
+
Code
Gmail
Form Trigger
11 ノードMoe Ahad
個人の生産性
開発完了 - Veo3を使って商品広告を生成
AI動画広告生成にはGoogle Veo 3、Gemini、Airtableを活用しましょう
Code
Form
Wait
+
Code
Form
Wait
16 ノードIntuz
コンテンツ作成
段階のなドキュメント承認と監査ワークフロー
Supabase と Gmail を使ったマルチレベルワークフローのドキュメント approval の自動化
If
Set
Form
+
If
Set
Form
38 ノードAlok Kumar
文書抽出
自動化されたプレゼンテーション予約システム
Outlook カレンダーと Zoom を統合した自動化によるプレゼンテーション予約システム
If
Set
Code
+
If
Set
Code
21 ノードAureusR
その他
TransferNowを使って自動のに大容量ファイルを送信
大ファイルをTransferNowで自動アップロードして送信
If
Set
Code
+
If
Set
Code
19 ノードDavide
コンテンツ作成
レシートからのテキスト抽出(OCR.spaceテーブル認識使用)
領収書からテキストを抽出するOCR.spaceテーブル認識の使用
Set
Form
Form Trigger
+
Set
Form
Form Trigger
9 ノードArkadiusz
請求書処理
ワークフロー情報
難易度
初級
ノード数4
カテゴリー2
ノードタイプ4
作成者
Milan Vasarhelyi - SmoothWork
@vasarmilanWe help you eliminate the busywork by building compact business tools tailored to your processes. 📞: https://smoothwork.ai/book-a-call ▶️: https://www.youtube.com/@vasarmilan
外部リンク
n8n.ioで表示 →
このワークフローを共有