デベロッパーツール王に、俺はなる！

こんにちは！

マーケティング部受託プロダクトチームのインターン生、村高歩夢です！

ホームページを制作するときに必ず使うものがブラウザのデベロッパーツール。

Chrome、Safari、Firefox、Microsoft Edgeなどいろんなブラウザがありますが、どのブラウザでもこのデベロッパーツールを使うことができます。

僕はHTML/CSSの確認のほとんどをChromeで行なっています。開発者はChromeを愛用している人が多い印象ですね。Googleだし、拡張機能いっぱいだし、クラウド上でブラウザの設定を同期できるし、めちゃくちゃ使いやすいですからね。

僕の知り合いにはGAFAM嫌いでFirefox使っているweb3的な考えの人も何人かいますが

そんなChrome愛用者の一人である僕ですが、

本日の業務でふと思ったんです。Firefoxのデベロッパーツール見やすすぎませんか？？

選択箇所のフォント情報を見たり、flexboxとgridの要素を見たり。

右下：フォントが表示されている(Firefoxデベロッパーツール)

え？乗り換えか？

と思いきやChromeも負けていません。

なんと

Flexboxとgrid要素を自分の好きな色でオーバーレイできるだとぉぉおお？

右下：チェックすると該当箇所がオーバレイされる(Chromeデベロッパーツール)

なんで今まで使ってなかったんだ…

デベロッパーツール奥が深いぜ✨

これはもっと深堀してみる価値ありそうですね！

デベロッパーツール、もっと使いこなせるように調べてみます

そしてゆくゆくは

デベロッパーツール王に、俺はなる！！ドンッ！！

いやそっちかーーいってね。

デベロッパーツールはあくまで手段

超効率Web制作王目指します

---

■ガーディアン主力ソリューション→OWLet

■新サービスリリースのお知らせ

WEB業界を変える！育てて成果を上げるサブスク型HPサービス

→SCSC (スクスク)

ガーディアンのインターン制度→こちら

村高歩夢の紹介ページ→こちら