2013年3月21日、第37回のHTML5とか勉強会はNTTアドバンステクノロジ株式会社さんに会場をお借りして開催しました。 今回は「ビギナー向けデバッグツール特集」をテーマとして、Chrome、Safari、Firefox、Internet Explorerに付属している各開発者ツール、またAdobe Edge Inspectについて取り上げました。 本稿では、その内容についてレポートします。 Chrome DevTools for beginners Chromeの開発者ツールについてhtml5j.orgの吉川さんから紹介いただきました。 Chromeの開発者ツールは、Chromeの右クリックメニューにある「要素の検証」等で起動することができます。 まずは基本的な設定の方法をいくつか紹介しました。 ツールの左下にあるボタンをクリックか長押しすると、ツールの表示位置をブラウザの下部か、右
![「第37回 HTML5とか勉強会 ~ビギナー向けデバッグツール特集」活動報告 | gihyo.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/220347edd5fa1a8c0d7be4cb4973784386bd6c66/height=288;version=1;width=512/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2013%2F1100_37html_study.png)