Windsurf ローカル開発ループ

概要

Windsurf 向けの高速で再現可能なローカル開発ワークフローをセットアップします。

前提条件

• windsurf-install-auth セットアップが完了していること
• Node.js 18 以上（npm/pnpm）
• TypeScript サポート対応のコードエディタ
• バージョン管理用の Git

手順

ステップ 1: プロジェクト構造の作成

my-windsurf-project/
├── src/
│   ├── windsurf/
│   │   ├── client.ts       # Windsurf クライアントラッパー
│   │   ├── config.ts       # 設定管理
│   │   └── utils.ts        # ヘルパー関数
│   └── index.ts
├── tests/
│   └── windsurf.test.ts
├── .env.local              # ローカルシークレット (git で無視)
├── .env.example            # チーム用テンプレート
└── package.json

ステップ 2: 環境の設定

# 環境テンプレートをコピー
cp .env.example .env.local

# 依存関係をインストール
npm install

# 開発サーバーを起動
npm run dev

ステップ 3: ホットリロードのセットアップ

{
  "scripts": {
    "dev": "tsx watch src/index.ts",
    "test": "vitest",
    "test:watch": "vitest --watch"
  }
}

ステップ 4: テストの設定

import { describe, it, expect, vi } from 'vitest';
import { WindsurfClient } from '../src/windsurf/client';

describe('Windsurf Client', () => {
  it('should initialize with API key', () => {
    const client = new WindsurfClient({ apiKey: 'test-key' });
    expect(client).toBeDefined();
  });
});

出力

• ホットリロード機能付きの動作する開発環境
• モック機能を備えたテストスイート
• 環境変数管理
• Windsurf 開発用の高速イテレーションサイクル

エラーハンドリング

エラー	原因	解決方法
Module not found	依存関係が見つからない	npm install を実行
Port in use	別のプロセスが使用中	プロセスを終了するか、ポートを変更
Env not loaded	.env.local が見つからない	.env.example からコピー
Test timeout	ネットワーク遅延	テストタイムアウトを増加

例

Windsurf レスポンスのモック

vi.mock('@windsurf/sdk', () => ({
  WindsurfClient: vi.fn().mockImplementation(() => ({
    // ここにモックメソッドを記述
  })),
}));

デバッグモード

# 詳細ログを有効化
DEBUG=WINDSURF=* npm run dev

リソース

• Windsurf SDK リファレンス
• Vitest ドキュメント
• tsx ドキュメント

次のステップ

本番環境対応のコードパターンについては、windsurf-sdk-patterns を参照してください。