ソースコードがリアルタイムで確認できる！作業効率が格段に上がるFirebugの使い方

ホームページを運営していると、季節のイベントなどに合わせてデザインや配色を若干変えるケースがあります。 この場合ソースコードを書き直す必要がありますが、ページ内のどの要素を書き換えるのかなど、ソースコードのみを見ていてもなかなか把握しにくい場合があります。 今回は、ページを見ながらリアルタイムでソースコードを確認できる「Firebug」の使い方をご紹介します。 知っているだけで格段に作業効率が上がりますので、デザイナーやエンジニアの方は特に一読しておくことをオススメします。 Firebugとは [インストールはこちらから(Google Chrome用です)]（2020年8月13日時点でページが存在しないためリンクを削除しました） Firebugとは、ホームページのHTMLやCSS、JavaScriptなどを編集したり、プロファイラーなどを解析するなど、さまざまな開発ツールとして活用できるG