JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ ※2017/4/21にオンロード時のデバッグ方法8を追記しました！ こんにちは！エイチーム引越し侍の加藤です！ みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索ができる HTML、CSSはEle

[metamix]

“console.logなんて無かった時代はalertでデバッグしてたって聞いて、 何回もOKを押さないといけない状況を想像して、爆笑しました” 爆笑されました。ちなみにこっちは笑い事ではなかった

[hylom]

console.log使わなくてもdebuggerとかconsole.*使ってたら結局デバッグコードがサーバーにアップロードされる可能性があるのでは（本題とは関係ない）

[truer]

爆笑されるデバッグを経験しているのでムッときたが、今alertデバッグを隣でされたら確かに笑うかも、と思い時代の流れを感じた/あと著者にはIEのshowModalDialogを一度使って開発してほしい

[otchy210]

alert 爆笑時代のデバッグもすでに、DHTML () は使えてたので、デバッグ用の div にログ吐いたりしてたよー。

[takryou79]

javaScript jQuery

[idr_zz]

普段あまりやらない操作が書いてあった。DevToolsいろんなことできるなー。 JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita

[naga_sawa]

Chrome のデバッグ支援機能が有能で困るという話/ console.trace() 便利そう

[hopekuson]

もっと早く知りたかった

[takets]

console.tableは知らなかった……

[hedeyoshi]

ﾓﾙﾓﾙ

[laptice]

console.log()しか使ってなかったです（震

[primedesignworks]

これはイラッとくる

[smartstyle]

めもめも。

[DQNEO]

ヨサ

[daikix]

まだまだ使いこなせないなー；

[tyru]

Event listeners の Framework listeners、細かすぎて伝わらない便利機能だ… ／ 「console.log() 使いません」て言ってるけど多分 devtools 上で保存してソースは書き換えませんてこと？console.trace() やら使ってたら同じことだよね

[nakeddiver]

なんという神記事

[wadandandadan]

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～

[ytel]

JavaScriptのデバッグ方法。プログラミングの参考に。

[hirose504]

“jsはSourceから直接修正できる(Ctrl+Sで保存したらその状態で実行できる)” ってのは強力だな

[jnoir]

基本的すぎた...どう考えてもこれで爆速にはならないような。そして過去のデバッグ方法をdisってる人が2017年にjQueryの記事を書くというブーメランｗ

[neralt]

知らなかった

[quality1]

デバッガーじゃないけどありがたい

[psfactory]

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita

[pirosikick]

“console.logなんて無かった時代はalertでデバッグしてたって聞いて、 何回もOKを押さないといけない状況を想像して、爆笑しました。”

[lbtmplz]

笑い事ではない…

[stealthinu]

JSのデバッグ手法、たまにしか使わないものはいつも忘れてしまう。条件付きブレークポイントとか。イベントリスナーの確認は便利だからすぐ覚えたのだが。

[teto2645]

そんなに目新しい事は無かったけどまとめてあるのはありがたい。新人ちゃんのためにブクマしておこう。

[ymm1x]

console.table

[hironao1]

ふむ

[itouhiro]

「この要素に紐付いているイベントは？　どのタイミングで要素が変わるんだ？　この関数どこから呼ばれた？」