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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
西尾義英
March 01, 2026
Programming
0
180
エンジニアの「手元の自動化」を加速する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
750
Other Decks in Programming
See All in Programming
PHPのバージョンアップ時にも役立ったAST(2026年版)
matsuo_atsushi
0
260
ファインチューニングせずメインコンペを解く方法
pokutuna
0
200
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
nnaka2992
1
340
AI時代のシステム設計:ドメインモデルで変更しやすさを守る設計戦略
masuda220
PRO
6
1.1k
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
tak848
0
280
生成 AI 時代のスナップショットテストってやつを見せてあげますよ(α版)
ojun9
0
310
Strategy for Finding a Problem for OSS: With Real Examples
kibitan
0
120
Java 21/25 Virtual Threads 소개
debop
0
290
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
shin1x1
0
220
Nuxt Server Components
wattanx
0
140
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
o0h
PRO
0
160
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
targe
0
150
Featured
See All Featured
Speed Design
sergeychernyshev
33
1.6k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
500
Google's AI Overviews - The New Search
badams
0
950
Chasing Engaging Ingredients in Design
codingconduct
0
150
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
250
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
330
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Discover your Explorer Soul
emna__ayadi
2
1.1k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
490
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
1.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
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