- 投稿日:2026/03/12
- 更新日:2026/03/12
ブログ運営をしていると、こんな場面ありませんか?
- スマホでどう見えているか確認したい
- 画像やバナーのサイズを調べたい
- おしゃれなデザインの作り方を参考にしたい
- 不要な要素を消してきれいにキャプチャしたい
こうした作業は、わざわざ専用ツールを入れなくても、ブラウザのデベロッパーツールを使えば確認できることがたくさんあります。
「エンジニア向けで難しそう…」というイメージを持つ方も多いかもしれません。
ですが実際には、コードを書き換えなくても見る・確認する・一時的に試すだけで役立つ機能が多く、ブロガーにもかなり便利です。
私自身、ウェブ制作を10年以上している中で、デザイン確認や表示チェック、要素の調整などに日常的に使ってきました。
今回はその中でも、ブロガーが知っておくと便利な活用法を5つ紹介します。
デベロッパーツールとは?
デベロッパーツールは、Chromeなどのブラウザに標準で入っている確認機能です。
続きは、リベシティにログインしてからお読みください