WEB系の開発をお仕事にしていると、不思議なことにブラウザのデベロッパーツールなしでjavascriptのエラーやデザイン崩れと格闘してるエンジニアの方を見かけることもあります。 しかし、そんな彼らにデベロッパーツールの使い方を簡単に教えると、すぐに使いこなして生産性を上げていきます。 当たり前のように使っている人からすれば「今までどうしてたん?」と思うところですが、そもそも、今までと違うやり方であったり、初めて使うものには強い抵抗を感じるものですよね。 そこで今回は、デベロッパーツールを使ったことのない方を対象に、GoogleChromeのデベロッパーツールを使ってエラーとデザインの確認を行う方法を紹介します。 デベロッパーツールにはいろいろな機能がてんこ盛りですが、全部覚えようとして参ってしまうより、まずはよく使う簡単なものから習得していきましょう。 デベロッパーツールを出す [表示]
![【初心者向け】GoogleChromeデベロッパーツールの使い方 | ネットマプラス](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6a814a21c16788011bc3536769da06807c388ba/height=288;version=1;width=512/http%3A%2F%2Fmedia.net-marketing.co.jp%2Ftopics%2Fwp-content%2Fuploads%2F2014%2F10%2Fchrome00s.gif)