実践
JavaScriptのデバッグ
7

Webサイトが1種類のデバイスでのみ閲覧されることは少なくなりました。多様なデバイスの特性を踏まえたデバッグが必要になる場面も多々あります。そのデバッグを助けるデバイスモードを解説します。

中島 直博
中島 直博 | フロントエンド・エンジニア

デバッグツールは日々進化します。この記事ではChromeのDevToolsを中心に、デバッグを楽にしてくれる使い方を紹介します。JavaScriptとそれに関わるDOM、CSSを効率よくデバッグしましょう。

中島 直博
中島 直博 | フロントエンド・エンジニア

モバイルサイトに実機検証は欠かせませんが、ブラウザに比べてデバッグが難しいのも確か。この記事では、実機でのデバッグを効率化する「リモートデバッグ」を解説します。

外村 和仁
外村 和仁 | フロントエンド・エンジニア

メモリ使用量の確認など基礎的な手法を使いながら、メモリリークの場所を突き止め、そのデバッグを行う一連の流れを追ってみましょう。Backbone.jsを用いたコードをサンプルとしています。

外村 和仁
外村 和仁 | フロントエンド・エンジニア

今回からはJavaScriptにおけるメモリリークのデバッグについて解説します。今回はメモリ確保と解放の仕組みと、メモリの状態を検証する基本的な手法を紹介します。

外村 和仁
外村 和仁 | フロントエンド・エンジニア

ブレークポイントは、ただ所定の行に設定するだけでなく、イベント発生時や、例外発生時など、さまざまな状況に対して設定することができます。その設定方法を解説します。

外村 和仁
外村 和仁 | フロントエンド・エンジニア

Chromeのデベロッパーツールを例に、ブレークポイントの使い方を解説します。プログラムの任意の行を基準に、処理が進む過程をコントロールしながら、関数の実行や、変数の内容などを検証していくことができます。

外村 和仁
外村 和仁 | フロントエンド・エンジニア