タグ

qiitaとdebugに関するyuki_2021のブックマーク (3)

  • 今からでも遅くないconsoleを使いこなそう - Qiita

    はじめに この記事では、consoleメソッドについて紹介を行っていきます。consoleメソッドには例えばconsole.log()などが挙げられます。web開発においてconsole.log()を使用する方は多いかもしれません。しかしconsoleにはconsole.log()以外にも様々なメソッドがあるので、状況に合わせて使い分けることで少しでも快適なデバック、開発ライフを目指しましょう。 consoleについて consoleオブジェクトを用いることで変数の値などをコンソール上に出力することができます。主に出力の確認であったり不具合の原因特定などのデバックするために使用されます。 代表的なものとして、console.log()がありますが、他にも様々な便利メソッドがあるので紹介を行なっていきたいと思います。 console.log() console.logはコンソールにメッセージ

    今からでも遅くないconsoleを使いこなそう - Qiita
  • 君はVS Codeのデバッグの知られざる機能について知っているか - Qiita

    はじめに こんにちは、kenです。 GWに「暇だな~~、こんな日はVS Codeの公式ドキュメントを読むか!w」と思って何気なく読んでたらデバッグに関して知らない機能がいくつかあったので、今回はそれをご紹介したいと思います。 おそらく今から紹介する機能はあまり知られてないと思います。もし全部知ってたらVS Code完全理解者なので誇ってください。(!?) 以下に記載する内容はVS Codeの公式ドキュメントのDebuggingという章を参考にしています。 注意 デバッグで使える便利な機能 ログポイント機能 行を指定しログポイントを追加すると、その行を訪れたタイミングでログを出力できます。 もちろんログ内には{式}という書式を使えば式も含めることもできます。 既存のコードに修正を加えることなく、ログを出力できるのは嬉しいですね!! これで 「プリントデバッグしたprint行を消し忘れてPRあ

    君はVS Codeのデバッグの知られざる機能について知っているか - Qiita
    yuki_2021
    yuki_2021 2023/05/10
    お、こりゃ便利。
  • 意外と知らないJavaScriptのデバッグ方法 - Qiita

    はじめに JavaScript(JSに限らずですが)でコードを書いていく時、誰しもがバグにこんにちはされてしまいます。 その時皆さんはどの様な原因の探り方をしているでしょうか? バグ(エラー)により無駄な時間を過ごしてしまっている。 エラーの解決方法がわからず嫌になってしまう駆け出しや初学者の方達、今まで違うバグの対処をしていた方々(自分のなれているやり方の方が早いかも)の助けになれば幸いです。 まず最初に大きく2つ、この様なバグの解決方法があると思います。 *エラーとバグは違う意味ですが、こちらでは同じ様な意味で扱わせていただきます。 プリントデバッグ console.logなどで自分が使っている値が正しく動いているかを出力する。 その値が自分の意図していない値であるかを確認し、バグの原因を探る。 コメントデバッグ 原因だと思われる箇所をコメントにし、バグが起こるかどうかを確認する。 そ

    意外と知らないJavaScriptのデバッグ方法 - Qiita
  • 1