Slide 1

Slide 1 text

エンジニアの「手元の自動化」を 加速するn8n 2026.02.27

Slide 2

Slide 2 text

本日のアジェンダ 1 現場でのn8n活用シナリオ 2 エンジニア向けな設計思想 3 AIの「ツールセット」としてのn8n 4 付録:VSCode系拡張 n8n-atom の紹介 © Synergy Marketing, Inc. 1

Slide 3

Slide 3 text

01 現場でのn8n活用例 © Synergy Marketing, Inc. 2

Slide 4

Slide 4 text

業務自動化 or プロトタイピング SlackリアクションからAIプロトタイプまで 典型的なユースケース:GitHub Issueの自動起票 Slackのリアクションをトリガーに、 AIがスレッドを要約。 ラベルや担当者を自動付与してGitHubへ登録 AIアプリのプロトタイプ Web検索型QAボットや資料要約ツールを構築。 Googleスプレッドシートを簡易DBとして活用 © Synergy Marketing, Inc. 3 イメージ

Slide 5

Slide 5 text

プロトタイピングの例 Harvest: Gemini File Search Toolの技術デモとして作成したNotebookLM風アプリ 構築にはほとんどGUIを使っていない https://blog.techscore.com/entry/2025/12/10/080000

Slide 6

Slide 6 text

02 エンジニア向けな設計思想 © Synergy Marketing, Inc. 4

Slide 7

Slide 7 text

実運用に耐えうる堅牢な機能 「検証」だけで終わらせないための設計 高度な認証管理 クレデンシャル※をフローから分離して安全に管理可能 エラーハンドリングやログ 標準ノードでリトライ処理やエラー分岐を容易に実装 柔軟な移行パス セルフホストからクラウド版へのスムーズな移行が可能 © Synergy Marketing, Inc. 5 クレデンシャルはAPIキーなど外部サービスの認証情報。 単なる文字列ではなく、 連携先と受け渡し方法の定義を含む セルフホストはNodeまたはDockerで可能。

Slide 8

Slide 8 text

データの透明性とポータビリティ すべてがJSONで構成される安心感 ワークフローはJSONで表現される GUI上でコピーするとJSONがクリップボードに ワークフローのインポートとエクスポート APIによるワークフローの取得と更新 ノード間の通信 © Synergy Marketing, Inc. 6 JSON配列 が基本 バイナリは 別扱い 複数の入力を バッチ処理出来る メモリに載せない ようにしている

Slide 9

Slide 9 text

インタラクティブな開発体験 ドキュメントを読み込むより「少しずつ動かしながら」作ることが想定されている © Synergy Marketing, Inc. 7 ドラッグ

Slide 10

Slide 10 text

拡張性 GUIで頑張りすぎず、コードで解決する余地がある ● Codeノードによる複雑な配列・オブジェクト操作 ● 標準ノードがないサービスのREST API操作 ● Generate HTML Template & Respond to Webhook による簡易SPAも可能 ● ワークフロー自体を作成・更新するノード © Synergy Marketing, Inc. 8

Slide 11

Slide 11 text

03 AIの「ツールセット」としてのn8n © Synergy Marketing, Inc. 9

Slide 12

Slide 12 text

外部サービスのプロキシ 外部連携するサービスごとにMCPサーバをセットアップするのではなく、 n8n MCP越しに外部連携するワークフローを利用させることができる。 MCPの設定が最小で済み、クレデンシャルがAIから隔離されて1か所にまとまるのがメリット。 ワークフローを MCPとして公開 MCP ホストに n8n のMCP設定 AIがスキルを利用 © Synergy Marketing, Inc. 10 GA4連携の例:n8n で認証情報とワークフローを設定してから: --- name: GA4 Reporting Integration description : Analyzes GA4 data fetched via n8n MCP to generate comprehensive digital marketing reports in Markdown. --- # GA4 Reporting Skill This skill automates the collection and analysis of GA4 data using a local n8n instance as a data proxy. It transforms raw metrics into strategic reports with AI-driven insights and hypotheses. **PREREQUISITE**: You must have the n8n MCP server running and the `GA4 Data Fetcher` workflow imported and active. The workflow now uses a **Webhook Trigger**.

Slide 13

Slide 13 text

AI駆動開発 ワークフロー自体をAIで開発することも可能。 AIで開発するための選択肢: ● AI Workflow Builder: 公式が提供する機能(β) ○ AI Workflow Builder | n8n Docs ● ブラウザ拡張 ○ n8nChat ~以下はローカルで編集したファイルをサーバに同期する方法~ ● MCPサーバ ○ GitHub - czlonkowski/n8n-mcp: A MCP for Claude Desktop / Claude Code / Windsurf / Cursor to build n8n workflows for you ● CLIコマンド ○ A simple n8n cli to sync workflows from Github to n8n using GitOps ● VSCode拡張 ○ n8n Atom 3.0 – Open VSX Registry © Synergy Marketing, Inc. 11

Slide 14

Slide 14 text

AI駆動開発 ワークフロー自体をAIで開発することも可能。 ただし、AIが持つn8nの知識が不十分なのでハルシネーションが多い印象。 TIPS: ● コアとなるノードの使い方は 手で確かめる (お手本として渡しても良い) ● 外部連携の専用ノードを使わずに HTTP Requestノードを使う (間違えにくいかも) ● 一度に大きな変更を行わない (右図→) © Synergy Marketing, Inc. 12

Slide 15

Slide 15 text

まとめ ● n8n はエンジニアには導入しやすくAIとの親和性の高い自動化ツール ○ 透明性、拡張性、クレデンシャル保護 ● AIにワークフローを作らせることもできる ● ただし、最初は手を動かしてみることも重要 © Synergy Marketing, Inc. 13

Slide 16

Slide 16 text

付録:VSCode系IDEの n8n 拡張機能 https://open-vsx.org/extension/atom8n/n8n-atom-v3 IDE内でのワークフローの操作と、ローカルファイル(.n8n)のn8nサーバとの同期 © Synergy Marketing, Inc. 14 ローカルで動かすのに Fork版をインストールする 選択肢があるが、採用には注意が必要 既存のサーバにAPIキーを使って接続する方法もある

Slide 17

Slide 17 text

No content