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
Windsurf × Claude Code 二刀流で開発を加速する.pdf
Search
Saku
June 27, 2025
Programming
0
30
Windsurf × Claude Code 二刀流で開発を加速する.pdf
Saku
June 27, 2025
Tweet
Share
More Decks by Saku
See All by Saku
Astroの使用感とディレクトリ設計についての考察
saku0109
0
110
Qiitaアドベントカレンダー2024 労い社内イベント LT資料
saku0109
0
4
Other Decks in Programming
See All in Programming
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
2
1.1k
Deep Dive into Kotlin Flow
jmatsu
1
420
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
670
Repenser les filtres API Platform: une nouvelle syntaxe
vinceamstoutz
2
110
検索機能リプレイスを4ヶ月→2ヶ月に! AI Agentで実現した2倍速リプレイス
fuuki12
3
630
AI時代のUIはどこへ行く?
yusukebe
21
9.8k
CSS Linter の現在地 2025年のベストプラクティスを探る
ryo_manba
9
2.7k
テストコードはもう書かない:JetBrains AI Assistantに委ねる非同期処理のテスト自動設計・生成
makun
0
1.3k
まだ世にないサービスをAIと創る話 〜 失敗から学ぶフルスタック開発への挑戦 〜
katayamatg
0
110
Navigation 2 を 3 に移行する(予定)ためにやったこと
yokomii
0
430
Model Pollution
hschwentner
1
170
実践AIチャットボットUI実装入門
syumai
5
1.9k
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
36
6.9k
How GitHub (no longer) Works
holman
315
140k
Designing for Performance
lara
610
69k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Six Lessons from altMBA
skipperchong
28
4k
How STYLIGHT went responsive
nonsquared
100
5.8k
Faster Mobile Websites
deanohume
310
31k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
860
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
830
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Transcript
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 が最高 参考資料