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
300
debug環境
kanayannet
April 22, 2018
Tweet
Share
More Decks by kanayannet
See All by kanayannet
TDDと今まで
kanayannet
0
210
個人開発 稼げなくてもいいアプリ
kanayannet
0
330
システムの堅牢性
kanayannet
0
170
Agile的学習方法
kanayannet
0
180
GUIをエンジニアが考える
kanayannet
0
150
http2http3
kanayannet
0
130
old typeからのクラウドインフラ
kanayannet
0
280
疎結合と認知
kanayannet
0
300
クリーンアーキテクチャを活かす考察
kanayannet
1
180
Other Decks in Programming
See All in Programming
[RubyKaigi 2024] Ruby Mixology 101: adding shots of PHP, Elixir, and more
palkan
0
130
TypeScriptで使いやすいOpenAPIの書き方
yukimochi_dwango
1
930
PHPコードの実行モデルを理解する / Understanding-the-PHP-Execution-Model
shin1x1
0
1.1k
The Final Frontier of Web Development: React Server Components vs Jakarta EE
ivargrimstad
0
160
AmperとFleetを使ったAndroidアプリ
yoppie
0
300
株式会社ゼネテック
genetec
0
120
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
520
HonoのRPCで真の型安全が欲しかった
kosei28
1
160
RaaP
ksss
0
160
RustでAWS Lambda functionをいい感じに書く
taiki45
2
150
Long journey of Ruby standard library RubyKaigi 2024
andpad
2
260
CQRS meets modern Java
simas
PRO
2
480
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
306
41k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Code Reviewing Like a Champion
maltzj
516
39k
Documentation Writing (for coders)
carmenintech
60
4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
9
1.3k
For a Future-Friendly Web
brad_frost
172
9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Faster Mobile Websites
deanohume
300
30k
Building an army of robots
kneath
300
41k
Web development in the modern age
philhawksworth
203
10k
4 Signs Your Business is Dying
shpigford
176
21k
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 の環境一つで 直感的に開発できる 直感的は人によって差異が生まれる。 当たり前だけど.. 「慣れ」=
「練習量」
ご清聴 ご清聴 ありがとうございまし ありがとうございまし た! た!