こんにちは😊
株式会社プロドウガの@YushiYamamotoです！
らくらくサイトの開発・運営を担当しながら、React.js・Next.js専門のフリーランスエンジニアとしても活動しています❗️

この記事は AI エージェント機能で進化した JetBrains の開発体験をシェアしよう by JetBrains Advent Calendar 2025 の参加記事です🎄

私は普段、業務自動化ツール n8n を愛用していますが、複雑な処理をしようとすると、どうしても 「Codeノード（JavaScript/TypeScript）」 を書く必要が出てきます。

しかし、n8nのブラウザ上のエディタは、補完も弱く、デバッグも辛い…。
そこで私は考えました。

「n8nのコード部分だけ、最強のJS IDEであるWebStormで書いて、AI（Junie）にサポートしてもらえばいいのでは？」

今回は、WebStormのAI Assistant（Junie） を使って、n8nのカスタムスクリプト開発を爆速化する方法をご紹介します。

🧩 課題：n8nの「Codeノード」開発は辛い

n8nは素晴らしいツールですが、ブラウザ上のコードエディタには限界があります。

型定義（TypeScript）の補完が効かない。
items[0].json のようなn8n特有のデータ構造を覚えるのが面倒。
複雑なロジック（データ整形や正規表現）を書くのに時間がかかる。

これらを解決するために、ローカルの WebStorm を活用します。

🛠️ WebStorm × AI Assistant (Junie) の活用術

1. n8nの型定義を読み込ませる

まず、WebStormでTypeScriptプロジェクトを作成し、n8nの型定義パッケージをインストールします。

npm install n8n-workflow

これで、WebStorm上で INodeExecutionData などの型が使えるようになり、補完が効くようになります。

2. Junieに「n8n特化」の指示を出す

ここからが本番です。WebStormのAIチャット（Junie）に、n8nのコードを書かせます。
ポイントは、「n8nのデータ構造（items配列）」を理解させること です。

プロンプト例:

あなたはn8nのワークフロー開発者です。
以下の入力JSONデータ（items）を受け取り、email プロパティが空のアイテムを除外し、name を大文字に変換して返すTypeScriptコードを書いてください。
n8nのCodeノードで動く形式（return items.map(...)）で出力してください。

すると、Junieは以下のようなコードを瞬時に生成してくれます。

// Junieが生成したコード
import { INodeExecutionData } from 'n8n-workflow';

export async function main(items: INodeExecutionData[]): Promise<INodeExecutionData[]> {
    return items
        .filter(item => item.json.email) // emailがあるものだけ
        .map(item => {
            return {
                json: {
                    ...item.json,
                    name: (item.json.name as string).toUpperCase(), // 大文字変換
                }
            };
        });
}

WebStorm上なら、このコードに対して 「リファクタリング」 や 「テスト生成」 もAIに丸投げできます。

3. 複雑な正規表現も「自然言語」で生成

n8nでよくあるのが、「メール本文から特定のIDを抜き出したい」といったテキスト処理です。
正規表現を考えるのは面倒ですが、Junieなら一瞬です。

エディタ内で Cmd+K (Generate Code):

item.json.body のテキストから、"Order ID: 12345" のような形式の数字部分を抽出する正規表現を書いて。

生成結果:

const orderIdMatch = (item.json.body as string).match(/Order ID:\s*(\d+)/i);
const orderId = orderIdMatch ? orderIdMatch[1] : null;

これをそのままn8nにコピペするだけ。爆速です。

🚀 Junieのここが凄い：文脈理解

WebStormのAI Assistant（Junie）が他のAIと違うのは、「プロジェクト全体の文脈」 を理解している点です。

例えば、別のファイルで定義した User 型や、過去に書いたユーティリティ関数を認識した上で、コードを提案してくれます。
n8nのカスタムノードを開発する場合など、複数ファイルにまたがる実装では、この機能が圧倒的な威力を発揮します。

まとめ

n8nのコード開発は、ブラウザではなく WebStorm でやるのが正解。
AI Assistant (Junie) に「n8nの作法」を教えれば、面倒なデータ整形ロジックを秒で書いてくれる。
「ノーコードツール」×「最強IDE」 の組み合わせこそが、現代の最強の開発スタイル！

JetBrainsユーザーの皆さん、ぜひn8nのコードもWebStormで書いてみてください。快適すぎて戻れなくなりますよ😎

最後に：業務委託のご相談を承ります

私は業務委託エンジニアとしてWEB制作やシステム開発を請け負っています。最新技術を活用したレスポンシブなWebサイト制作、インタラクティブなアプリケーション開発、API連携など幅広いご要望に対応可能です。

「課題解決に向けた即戦力が欲しい」「高品質なWeb制作を依頼したい」という方は、お気軽にご相談ください。一緒にビジネスの成長を目指しましょう！

👉 ポートフォリオ

🌳 らくらくサイト