7選Google今回は数あるGoogle拡張機能の中から筆者がよく使用しているGoogle拡張機能を紹介いたします。ウェブストアから使用したい機能をchromeに追加するをクリックするだけです。それでは紹介させてください。EyedropperWebサイト内でフォント、ヘッダー、フッター、ロゴ、アイコン、背景などの色(カラーコード)を調べたい時ありませんか。Eyedropper』です。Eyedropperのアイコンをクリックし、カラーコードを調べたい位置にカーソルを重ねるだけで確認できます。ReduxWeb』は要素やレイアウトの「幅」「高さ」「位置」を計測することができる拡張機能です。※単位はピクセルレイアウトの確認や画像サイズを確認したい時におすすめです。使い方は2種類あります。一つ目はマウスをドラッグして範囲選択を調べる方法。二つ目は「エレメントモード」です。こちらは知りたい要素にカーソルを重ねるだけで自動的にサイズを確認することができます。Cache』はChromeブラウザのキャッシュをなんと1クリックで削除してくれる拡張機能です。Webサイトが更新されない、Webサイトの動作が遅いという時にとても役に立つ拡張機能です。下記項目も設定を変えると削除可能です。『HTMLエラーチェッカー』はWebページのHTMLのエラー(行目、エラー内容)を簡単に確認することができる拡張機能です。調べたいWEBサイトのページ上でアイコンをクリックするとHTMLのエラーのリストが表示されます。シンプルでわかりやすいです。おすすめなのが「自動エラーチェック機能」です。ソースコードを確認できる拡張機能です。ソースコードは種類別にカラーで分けられていて、且つ見た目もキレイで、見やすく読みやいのが最大のポイントです。ウェブストアCSSViewerWebページのCSSを手早く確認できるのが『CSSViewerChrome』です。使い方は右上にあるツールバーのアイコンをクリックし、ソースコードにカーソルを乗せるだけで、CSSが表示されます。できるのは確認だけでソースコードをいじることはできません。MakerChrome』は、なんとオフラインでコーディングができる拡張機能です。結果はリアルタイムで確認できます。言語はHTML、CSS、JavaScriptの3つです。ウェブストアおわりにいかがでしょうか。リッキー10分でできる!WordPressのローカル環境が簡単に構築できる「Local」の使い方wordpress。