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
28
Windsurf × Claude Code 二刀流で開発を加速する.pdf
Saku
June 27, 2025
Tweet
Share
More Decks by Saku
See All by Saku
Qiitaアドベントカレンダー2024 労い社内イベント LT資料
saku0109
0
4
Other Decks in Programming
See All in Programming
Flutterと Vibe Coding で個人開発!
hyshu
0
100
DataformでPythonする / dataform-de-python
snhryt
0
110
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
670
Reactの歴史を振り返る
tutinoko
1
150
What's new in Adaptive Android development
fornewid
0
130
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
130
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
41
16k
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
新しいモバイルアプリ勉強会(仮)について
uetyo
1
230
What's new in AppKit on macOS 26
1024jp
0
180
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
590
型で語るカタ
irof
1
880
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Into the Great Unknown - MozCon
thekraken
40
1.9k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Designing Experiences People Love
moore
142
24k
Six Lessons from altMBA
skipperchong
28
3.9k
The Pragmatic Product Professional
lauravandoore
35
6.8k
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 が最高 参考資料