本稿は、2021年春の某日にオンラインで開催した、さくらインターネット社内向け勉強会の発表をもとに書き起こした記事です。 はじめに 「知って得するDevToolsの使い方」です。ブラウザの機能にDevToolsってあるんですけど、それの便利な使い方を紹介していきたいなと思います。この資料では、主にChromeのDevToolsを使って説明してるんですけど、EdgeであったりSafariであったりFirefoxであったり、大体同じような機能が付いているので、どんなブラウザでも使える知識と思います。 DevToolsとは まず、DevToolsは何かっていうと、他に「Developer Tools」とか「開発者ツール」って呼ぶこともあるんですけど、この資料では、DevToolsの表記で統一して説明していきます。 DevToolsは、フロントエンドの「3種の神器」って呼ばれているものの1つで、ブ
![知ってトクするDevToolsの使い方(前編) | さくらのナレッジ](https://cdn-ak-scissors.b.st-hatena.com/image/square/43dc22785b359590e397863e0196393c3b42679a/height=288;version=1;width=512/https%3A%2F%2Fknowledge.sakura.ad.jp%2Fwp-content%2Fuploads%2F2021%2F04%2Fdevtools-01-1-1200x630.png)