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
debug環境
Search
kanayannet
April 22, 2018
Programming
0
330
debug環境
kanayannet
April 22, 2018
Tweet
Share
More Decks by kanayannet
See All by kanayannet
無関心の谷
kanayannet
0
210
生成AIの使いどころ
kanayannet
0
160
github copilot と 心理的安全性
kanayannet
0
200
FW と ライブラリ の考え方
kanayannet
0
230
TDDと今まで
kanayannet
0
550
個人開発 稼げなくてもいいアプリ
kanayannet
0
520
システムの堅牢性
kanayannet
0
300
Agile的学習方法
kanayannet
0
280
GUIをエンジニアが考える
kanayannet
0
250
Other Decks in Programming
See All in Programming
ふつうの技術スタックでアート作品を作ってみる
akira888
1
860
ニーリーにおけるプロダクトエンジニア
nealle
0
840
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
530
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
18k
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
効率的な開発手段として VRTを活用する
ishkawa
0
140
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
680
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
820
10 Costly Database Performance Mistakes (And How To Fix Them)
andyatkinson
0
340
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
450
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
220
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Gamification - CAS2011
davidbonilla
81
5.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Thoughts on Productivity
jonyablonski
69
4.7k
How GitHub (no longer) Works
holman
314
140k
Transcript
debug 環境 debug 環境 @kanayannet Gunma.web #31
自己紹介 自己紹介 名前 : 金澤 宏昭 Twitter : @kanayannet Facebook
: HiroakiKanazawa
わたし と debug わたし と debug 開発中、必ず使う
わたし と debug わたし と debug 取得した値が正しいか? 書き込んだ内容が正しいか? 読み込んだデータ構造 etc...
今回話すこと 今回話すこと シャビ・エルナンデス 色々なdebug 環境 何が大事? まとめ
シャビ・エルナンデス シャビ・エルナンデス
何が得意か? 何が得意か? どこにでもパスをすぐ出せる。
動画再生中... 動画再生中...
さぞかし試合中、頭を使っているだろ う。
確かめた番組があったよ 確かめた番組があったよ 脳を「MRI 」検査 NHK: 「ミラクルボディー」
結果 結果 「大脳基底核」が活発 「無意識のうちの判断を下す直観力」を 使う
直感力 直感力 「思い悩んでない。」 「考えてるというより、身体が自然と動 く状態」
鍛える方法 鍛える方法 同じ情報を繰り返し取り込むこむ 反復練習 日頃の練習
色々なdebug 環境 色々なdebug 環境
ブラウザ上 ブラウザ上 demo url
webpack の場合 webpack の場合
デモ中... デモ中...
ツールの立ち上げ方 ツールの立ち上げ方 右上のメニュー -> その他ツール -> デベ ロッパーツール context menu
の検証 command + option + i
サーバサイド サーバサイド irb pry print debug byebug byebug + pry
デモ中... デモ中...
何が大事? 何が大事?
慣れの問題 慣れの問題 不慣れなものは「頭を使ってしまう」 慣れてるものは「直感的」
慣れてるものだけで良い? 慣れてるものだけで良い? 練習すれば直感的に使えるものもあるよ vim, emacs
いつ練習する? いつ練習する? 仕事は「本番」 公式試合と一緒 不慣れなものを使えば不具合見逃す
とはいえ.. とはいえ.. 一番気づく事が多いのも「仕 事」です。 緊張感 ミスが出た ( 不具合) 気づく (
気づかせられる) 事が多い。
直感的に 直感的に ツールは人( 状態) によって向き不向きが分 かれる。
開発する際に大事なこと 開発する際に大事なこと 「作ること」に集中する 「不具合がでないように」debug する 「集中できてる」 => 直感的
まとめ まとめ 直感的 は大事である debug の環境一つで 直感的に開発できる 直感的は人によって差異が生まれる。 当たり前だけど.. 「慣れ」=
「練習量」
ご清聴 ご清聴 ありがとうございまし ありがとうございまし た! た!