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
GitHub Copilot 対 Cursor
Search
西村 備山
March 26, 2025
Technology
42
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
GitHub Copilot 対 Cursor
2025.3.15 デジもく会でのLT資料です。
西村 備山
March 26, 2025
More Decks by 西村 備山
See All by 西村 備山
SPRESENSEで可愛いロボット ~ H/W・S/W設計のポイント
lipoyang
0
48
イチから作る超軽量な音声合成
lipoyang
0
13
製作物紹介 & 小ネタ集
lipoyang
0
5
形四のWebアプリ作ってみた
lipoyang
0
7
パワポを操作してカンペを表示するスカウター型デバイス
lipoyang
0
13
マイコンとデジファブによる創作電子楽器の製作
lipoyang
0
43
つくろか!3 出展について
lipoyang
0
12
光る縄文土器を作る
lipoyang
0
76
IoT渾天儀で太陽の運行を知る
lipoyang
0
2k
Other Decks in Technology
See All in Technology
魔法少女がClaude Codeを監視する / ccportal-deck
noriyukitakei
3
130
Azure Cost Management の FOCUS コストデータを迷わず読むための“3つの軸”
tetsuyaooooo
0
140
KPIだけでは評価できないプロダクトが考えるべき Evalsという第二の評価系 / Beyond KPIs: Evals as a Second Evaluation Framework for Products #PdEConf
aki_iinuma
3
3.5k
Guerilla InnerSource in enterprises, during the AI hype
onenashev
PRO
0
140
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
jnishime_dresscode
2
1.2k
[RSJ26] Building a VLA Model Based on Self-Distilled Classification
keio_smilab
PRO
0
190
現場に行くだけでは足りない——プロダクトエンジニアが業務の流れを捉える観点と、その鍛え方
takumiengineering
0
230
なぜSRE・セキュリティは評価されないのか?守りの組織を事業成長エンジンに変えた実践
cscengineer
PRO
2
2.1k
書籍『生成AIの安全性入門』の入門
wataoka
0
210
全員がプロダクトへ向き合う組織を持続成長させるために——組織づくりのフライホイールと4象限 / The Flywheel Model and Four Quadrants for Organizational Design
hiro_torii
3
750
最新技術に積極チャレンジ!EKS共通基盤のこれまでとこれから
daitak
0
300
When Token Pruning is Worse than Random: Understanding Visual Token Information in VLLMs
sansantech
PRO
0
250
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.6k
Optimising Largest Contentful Paint
csswizardry
37
3.9k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
2
3.8k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
260
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
260
Leo the Paperboy
mayatellez
8
2.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.6k
Designing for Timeless Needs
cassininazir
1
470
For a Future-Friendly Web
brad_frost
183
10k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
520
Balancing Empowerment & Direction
lara
6
1.3k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
57k
Transcript
2025.3.15 デジもく会 LT 西村備山 (@lipoyang) GitHub Copilot 対 Cursor
GitHub Copilot 対 Cursor GitHub Copilot Cursor 形態 VSCodeなどの 拡張機能
VSCodeベース (別アプリ) 開発元 GitHub (MS傘下) Anysphere (スタートアップ) 機能差 現在では似たようなもの? (大局的な文脈判断はCursorのほうが賢い?) UI / UX 好み/慣れの問題?
実例:作りたいアプリ • ウィンドウに画像ファイルをD&D • 縦横比を保ってウィンドウいっぱいに表示 • ウィンドウサイズ変更時は再描画 • マウスで範囲選択 (縦横比は16:9に固定)
• 選択範囲の境界線と中心線を描画 • 選択範囲をドラッグで移動できる • 保存ボタンをクリックすると選択範囲を切り取って保存 • 解除ボタンをクリックすると選択範囲を解除 画像切り抜きアプリ
Chatで段階を踏んで実装していく (1) 「Pythonでウィンドウに画像ファイルをドラッグアンド ドロップして表示させる。」→ エラー 「AttributeError: 'Frame' object has no
attribute 'drop_target_register'」→ エラー修正OK 「画像を縦横比を保ったまま拡大縮小してウインドウ いっぱいに表示させる。」 → エラー 「AttributeError: module 'PIL.Image' has no attribute 'ANTIALIAS'」→ エラー修正OK
Chatで段階を踏んで実装していく (2) 「ウインドウを拡大縮小したときにウインドウサイズに 応じて画像を再表示する。」→ OK 「表示されている画像の上をマウスでドラッグして長方 形の範囲を選択できるようにする。このとき境界線を適 当な色で描く。」→ OK 「範囲の縦横比は16:9に固定させる。」
→ OK
Chatで段階を踏んで実装していく (3) 「ウィンドウにボタンを追加し、選択範囲の画像をファ イルに保存する。 」→ 解像度が劣化 「保存するとき、表示中の画像から切り抜くのではなく、 元画像から対応する範囲を切り抜く。」→ 座標が不正 →
ソースを読んで計算間違いを手動で修正 細かい間違いをChatで押し問答するのは時間のムダ!
Chatで段階を踏んで実装していく (4) 「選択範囲に縦横の中心線を描画」→ OK 「一度範囲を選択した後、選択範囲内を左クリックして ドラッグしたときは選択範囲を平行移動して枠線と中心 線を再描画する。」 → OK 「選択範囲を解除するボタンを追加」
→ OK → 手動で境界線と中心線の色を調整、境界線は白黒二重
ポイント (※個人の感想です) • Chatでの指示は step by step で • 細かい修正は自分でやったほうが速い
• Chatで押し問答するのは「チェンジニア」 • Gitと併用 (バージョン管理は人間の責任)
AIとの押し問答は禁物 デバッグを神頼みにしない 1. दुक्ख 問題を明らかにする 2. समुदय 問題の原因をつきとめる 3. निरोध
問題の原因の解消するには 4. मग्ग 問題の原因の解消を実装する
Commitは人間の責任