Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
36
Windsurf × Claude Code 二刀流で開発を加速する.pdf
Saku
June 27, 2025
Tweet
Share
More Decks by Saku
See All by Saku
Astroの使用感とディレクトリ設計についての考察
saku0109
0
270
Qiitaアドベントカレンダー2024 労い社内イベント LT資料
saku0109
0
5
Other Decks in Programming
See All in Programming
AtCoder Conference 2025「LLM時代のAHC」
imjk
2
540
AIエージェントを活かすPM術 AI駆動開発の現場から
gyuta
0
440
生成AIを利用するだけでなく、投資できる組織へ
pospome
2
370
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
itsmedreamwalker
1
130
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
18
7.6k
LT資料
t3tra
6
920
Context is King? 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
rkaga
10
1.3k
ViewファーストなRailsアプリ開発のたのしさ
sugiwe
0
500
AIコーディングエージェント(NotebookLM)
kondai24
0
210
AIエンジニアリングのご紹介 / Introduction to AI Engineering
rkaga
8
3.1k
TestingOsaka6_Ozono
o3
0
170
Integrating WordPress and Symfony
alexandresalome
0
160
Featured
See All Featured
The agentic SEO stack - context over prompts
schlessera
0
550
Mobile First: as difficult as doing things right
swwweet
225
10k
Making Projects Easy
brettharned
120
6.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandezseo
1
1.3k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
250
The Cult of Friendly URLs
andyhume
79
6.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Crafting Experiences
bethany
0
19
Documentation Writing (for coders)
carmenintech
77
5.2k
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 が最高 参考資料