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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
西尾義英
March 01, 2026
Programming
320
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
2026.02.27 発表資料:【AIエージェント初心者向けセミナー】Difyやn8nの始め方を勉強しませんか?【大阪開催】 presented by XServer
西尾義英
March 01, 2026
More Decks by 西尾義英
See All by 西尾義英
n8nをオフラインで開発する方法
symy2co
0
900
Other Decks in Programming
See All in Programming
Haskell/Servantを通してWebミドルウェアを捉え直す
pizzacat83
1
610
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
200
AI時代のPHPer生存戦略 ~「言語、もうなんでもよくない?」に本気で向き合う~
vivion
0
150
Prismを使った型安全な暗号化_関数型まつり2026
_fhhmm
0
150
FDEが実現するAI駆動経営の現在地
gonta
2
200
AI時代の仕事技芸論〜ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ(スクフェス仙台 2026バージョン)
kuranuki
0
690
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
thasu0123
0
140
GitHubCopilotCLIのスラッシュコマンドを自作してみる
htkym
0
100
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
jsoizo
1
240
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
1
350
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
slashnephy
0
540
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
naoya
16
3.6k
Featured
See All Featured
[SF Ruby Conf 2025] Rails X
palkan
2
1.2k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
640
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
410
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
380
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
330
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
470
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
410
First, design no harm
axbom
PRO
2
1.2k
Building Applications with DynamoDB
mza
96
7.1k
Everyday Curiosity
cassininazir
0
260
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