Windsurf × Claude Code 二刀流で開発を加速する.pdf

Windsurf × Claude Code 二刀流で開発を加速する Saku

名前 Saku 普段やっていることマークアップ・フロントエンド開発 SNS ・X ・Qiita

強力なCLIツール「Claude Code」 × 直感的なGUIツール「Windsurf」どちらかを使うのではなく、両方使うことで開発体験を最大化したい今回のテーマ

目次・2ツールの特徴を改めておさらい・タスク別の使い分け・まとめ

2ツールの特徴 Windsurf Claude Code 強み・GUIによる視覚的操作が可能・ブラウザ連携がスムーズ・自律駆動力が高い・複雑なタスクにも対応得意なこと
・UI調整・その他軽微な修正・0 → 1コーディング・大量リファクタリング課題 Claudeモデルの使用制限視覚情報の扱い使用するモデルやrulesファイルの充実度によっても異なります。

タスク別の使い分け（あくまで一例）視覚情報必要視覚情報不要重め軽め

・2つのツールは競合でもあるが、補完関係にもなる・Windsurf はリアルタイムブラウザ連携がスムーズのため、　特にUI調整などフロントエンド開発で役立つ・2ツールの統合環境で作業を進めつつ、タスクよってツールを　切り替えることで開発体験が良くなるまとめ

・Windsurf 公式ドキュメント・Claude Code | Anthropic 公式ドキュメント・コーディングエージェントの現状の整理とエンジニアの仕事の変化について・エンジニアに許された特別な時間の終わり・Gemini
CLI の簡単チュートリアル・gemini-cli の google_web_search が最高参考資料

Windsurf × Claude Code 二刀流で開発を加速する.pdf

Windsurf × Claude Code 二刀流で開発を加速する.pdf

Saku

More Decks by Saku

Other Decks in Programming

Featured

Transcript

Windsurf × Claude Code 二刀流で開発を加速する Saku

名前 Saku 普段やっていることマークアップ・フロントエンド開発 SNS ・X ・Qiita

強力なCLIツール「Claude Code」 × 直感的なGUIツール「Windsurf」どちらかを使うのではなく、両方使うことで開発体験を最大化したい今回のテーマ

目次・2ツールの特徴を改めておさらい・タスク別の使い分け・まとめ

2ツールの特徴 Windsurf Claude Code 強み・GUIによる視覚的操作が可能・ブラウザ連携がスムーズ・自律駆動力が高い・複雑なタスクにも対応得意なこと

タスク別の使い分け（あくまで一例）視覚情報必要視覚情報不要重め軽め

・Windsurf 公式ドキュメント・Claude Code | Anthropic 公式ドキュメント・コーディングエージェントの現状の整理とエンジニアの仕事の変化について・エンジニアに許された特別な時間の終わり・Gemini