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
320
debug環境
kanayannet
April 22, 2018
Tweet
Share
More Decks by kanayannet
See All by kanayannet
github copilot と 心理的安全性
kanayannet
0
130
FW と ライブラリ の考え方
kanayannet
0
180
TDDと今まで
kanayannet
0
510
個人開発 稼げなくてもいいアプリ
kanayannet
0
490
システムの堅牢性
kanayannet
0
260
Agile的学習方法
kanayannet
0
250
GUIをエンジニアが考える
kanayannet
0
220
http2http3
kanayannet
0
170
old typeからのクラウドインフラ
kanayannet
0
360
Other Decks in Programming
See All in Programming
color-scheme: light dark; を完全に理解する
uhyo
7
500
JAWS Days 2025のインフラ
komakichi
1
200
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.6k
TCAを用いたAmebaのリアーキテクチャ
dazy
0
220
⚪⚪の⚪⚪をSwiftUIで再現す る
u503
0
100
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
320
Ça bouge du côté des animations CSS !
goetter
2
160
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1.2k
機能が複雑化しても 頼りになる FactoryBotの話
tamikof
1
230
CloudRun, Spanner に対する負荷試験の反省と オブザーバビリティによるアプローチ
oyasumipants
1
150
はじめての Go * WASM * OCR
sgash708
1
120
Jakarta EE meets AI
ivargrimstad
0
630
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
440
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Producing Creativity
orderedlist
PRO
344
40k
Why Our Code Smells
bkeepers
PRO
336
57k
Facilitating Awesome Meetings
lara
53
6.3k
How STYLIGHT went responsive
nonsquared
99
5.4k
Designing for humans not robots
tammielis
250
25k
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 の環境一つで 直感的に開発できる 直感的は人によって差異が生まれる。 当たり前だけど.. 「慣れ」=
「練習量」
ご清聴 ご清聴 ありがとうございまし ありがとうございまし た! た!