
NEW ⏱ 1分
2026/05/13
答え合わせ
なぜそうなるかを知ると、次の挑戦がもっと楽しくなります。

Ctrl+Shift+Iを押すと、Google Chromeの開発者ツール(DevTools)が画面右側または下部に表示されます。HTMLの構造やCSS、JavaScriptのエラーログ、ネットワーク通信の状況などをリアルタイムで確認できます。例えば、Webページ上の特定の文字色やフォントサイズを調べたいとき、「Elements」タブで該当要素をクリックするだけで即座にCSSプロパティが分かります。また、スマートフォン表示のシミュレーション機能もあり、レスポンシブデザインの確認にも便利です。業務ではWebサイトの不具合報告時に、エラー内容をConsoleタブからコピーして開発チームに共有するといった使い方が重宝されます。F12キーでも同じ操作が可能なので、覚えやすい方を使ってみてください。
ブラウザの裏側を覗けるだけで、Web関連の作業効率が一気に上がります。次回もすぐに使えるPCスキルをお届けしますのでお楽しみに!











