Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
Search
西尾義英
March 01, 2026
Programming
0
110
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
2026.02.27 発表資料:【AIエージェント初心者向けセミナー】Difyやn8nの始め方を勉強しませんか?【大阪開催】 presented by XServer
西尾義英
March 01, 2026
Tweet
Share
More Decks by 西尾義英
See All by 西尾義英
n8nをオフラインで開発する方法
symy2co
0
710
Other Decks in Programming
See All in Programming
ふつうの Rubyist、ちいさなデバイス、大きな一年
bash0c7
0
710
TROCCOで実現するkintone+BigQueryによるオペレーション改善
ssxota
0
140
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
monochromegane
4
400
朝日新聞のデジタル版を支えるGoバックエンド ー価値ある情報をいち早く確実にお届けするために
junkiishida
1
400
CSC307 Lecture 14
javiergs
PRO
0
450
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
moro
4
380
PostgreSQL を使った快適な go test 環境を求めて
otakakot
0
460
Claude Code の Skill で複雑な既存仕様をすっきり整理しよう
yuichirokato
1
320
今更考える「単一責任原則」 / Thinking about the Single Responsibility Principle
tooppoo
3
1.6k
Event Storming
hschwentner
3
1.3k
AI活用のコスパを最大化する方法
ochtum
0
120
日本だけで解禁されているアプリ起動の方法
ryunakayama
0
370
Featured
See All Featured
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
380
BBQ
matthewcrist
89
10k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
How GitHub (no longer) Works
holman
316
140k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
For a Future-Friendly Web
brad_frost
183
10k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
430
New Earth Scene 8
popppiees
1
1.7k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
380
Transcript
エンジニアの「手元の自動化」を 加速するn8n 2026.02.27
本日のアジェンダ 1 現場でのn8n活用シナリオ 2 エンジニア向けな設計思想 3 AIの「ツールセット」としてのn8n 4 付録:VSCode系拡張 n8n-atom
の紹介 © Synergy Marketing, Inc. 1
01 現場でのn8n活用例 © Synergy Marketing, Inc. 2
業務自動化 or プロトタイピング SlackリアクションからAIプロトタイプまで 典型的なユースケース:GitHub Issueの自動起票 Slackのリアクションをトリガーに、 AIがスレッドを要約。 ラベルや担当者を自動付与してGitHubへ登録 AIアプリのプロトタイプ
Web検索型QAボットや資料要約ツールを構築。 Googleスプレッドシートを簡易DBとして活用 © Synergy Marketing, Inc. 3 イメージ
プロトタイピングの例 Harvest: Gemini File Search Toolの技術デモとして作成したNotebookLM風アプリ 構築にはほとんどGUIを使っていない https://blog.techscore.com/entry/2025/12/10/080000
02 エンジニア向けな設計思想 © Synergy Marketing, Inc. 4
実運用に耐えうる堅牢な機能 「検証」だけで終わらせないための設計 高度な認証管理 クレデンシャル※をフローから分離して安全に管理可能 エラーハンドリングやログ 標準ノードでリトライ処理やエラー分岐を容易に実装 柔軟な移行パス セルフホストからクラウド版へのスムーズな移行が可能 © Synergy
Marketing, Inc. 5 クレデンシャルはAPIキーなど外部サービスの認証情報。 単なる文字列ではなく、 連携先と受け渡し方法の定義を含む セルフホストはNodeまたはDockerで可能。
データの透明性とポータビリティ すべてがJSONで構成される安心感 ワークフローはJSONで表現される GUI上でコピーするとJSONがクリップボードに ワークフローのインポートとエクスポート APIによるワークフローの取得と更新 ノード間の通信 © Synergy Marketing,
Inc. 6 JSON配列 が基本 バイナリは 別扱い 複数の入力を バッチ処理出来る メモリに載せない ようにしている
インタラクティブな開発体験 ドキュメントを読み込むより「少しずつ動かしながら」作ることが想定されている © Synergy Marketing, Inc. 7 ドラッグ
拡張性 GUIで頑張りすぎず、コードで解決する余地がある • Codeノードによる複雑な配列・オブジェクト操作 • 標準ノードがないサービスのREST API操作 • Generate HTML
Template & Respond to Webhook による簡易SPAも可能 • ワークフロー自体を作成・更新するノード © Synergy Marketing, Inc. 8
03 AIの「ツールセット」としてのn8n © Synergy Marketing, Inc. 9
外部サービスのプロキシ 外部連携するサービスごとに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**.
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
AI駆動開発 ワークフロー自体をAIで開発することも可能。 ただし、AIが持つn8nの知識が不十分なのでハルシネーションが多い印象。 TIPS: • コアとなるノードの使い方は 手で確かめる (お手本として渡しても良い) • 外部連携の専用ノードを使わずに
HTTP Requestノードを使う (間違えにくいかも) • 一度に大きな変更を行わない (右図→) © Synergy Marketing, Inc. 12
まとめ • n8n はエンジニアには導入しやすくAIとの親和性の高い自動化ツール ◦ 透明性、拡張性、クレデンシャル保護 • AIにワークフローを作らせることもできる • ただし、最初は手を動かしてみることも重要
© Synergy Marketing, Inc. 13
付録:VSCode系IDEの n8n 拡張機能 https://open-vsx.org/extension/atom8n/n8n-atom-v3 IDE内でのワークフローの操作と、ローカルファイル(.n8n)のn8nサーバとの同期 © Synergy Marketing, Inc. 14
ローカルで動かすのに Fork版をインストールする 選択肢があるが、採用には注意が必要 既存のサーバにAPIキーを使って接続する方法もある
None