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
59
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Windsurf × Claude Code 二刀流で開発を加速する.pdf
Saku
June 27, 2025
More Decks by Saku
See All by Saku
漫画と語学で下げる「アウトプットのハードル」
saku0109
1
380
Astroの使用感とディレクトリ設計についての考察
saku0109
0
610
Qiitaアドベントカレンダー2024 労い社内イベント LT資料
saku0109
0
12
Other Decks in Programming
See All in Programming
生成AI導入の「期待外れ」を乗り越える ー 開発フロー改革が目指す、真の組織変革
starfish719
0
2.8k
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ~ 一本の登り道の、行き先 ~
panda728
PRO
0
200
React本体のコードリーディング
high_g_engineer
0
120
AWS DevOps AgentのAzure接続機能を検証して見えた活用法/Use Cases Verified for the AWS DevOps Agent's Azure Connectivity Feature
masakiokuda
0
180
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
170
OpenSpecのproposalにbrainstormingを持たせてみた
tigertora7571
1
160
Google Apps Script で Ruby を動かす
kawahara
0
120
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
mfunaki
0
110
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
yuriko1211
0
560
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
230
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
440
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
190
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
210k
Believing is Seeing
oripsolob
1
170
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
360
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Music & Morning Musume
bryan
47
7.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
The agentic SEO stack - context over prompts
schlessera
0
860
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
230
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Speed Design
sergeychernyshev
33
2k
Designing Experiences People Love
moore
143
24k
Why Our Code Smells
bkeepers
PRO
340
58k
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 が最高 参考資料