Chrome DevTools
Obejctをコピーする方法
パネル
debugger
という文字を仕込むとdebuggerで見れる
こっちにもrenderingを示すやつがあるのか..

ずっとCDTのほうかと思ってた
緑の枠のやつは以下のときに表示される
FCの本体が実行されるとき
緑のやつがバンバン出るからといってパフォーマンスにすごく影響が出るわけではない
上の2つの処理コストがいつも大きいわけではない
なので、そこに拘って消していくことがいつもコスパが良いかどうかは微妙
前作っったスライド
この記事、動画があってわかりやすい

$0で選択中のDOM要素の取得
styleやるときに便利?
DOM変化からのDebugger起動(Break on)
Exceptionの発生箇所で自動停止
snippetの登録
APIリクエストの実行形式でのコピー
Jsonをformatして表示する