言語・開発

1. 

   2022.06.11

   Webページ全体の見出し、アウトラインを一覧マップするChrome拡張機能 『HeadingsMap…

   Webページ全体の見出し、アウトライン構造を一覧マップにしてくれるChrome拡張機能。Web制作時やサイト全体の構造把握、長いページを見るときの目…

2. 

   2022.05.27

   Webページ上にルーラーやグリッド線を表示できるWeb制作に便利な拡張機能 『Grid Ruler』…

   Webページ上に定規ルーラーを表示、グリッド線を自由に配置できるWeb制作に便利すぎるChrome拡張機能「Grid Ruler」。画像や文字の配置…

3. 

   2021.03.4

   Web開発者に便利!! LCPやFID、CLSの数値を表示する拡張機能 『Web Vitals』

   WebページのUX指標のLCPやFID、CLSの数値を即座に表示するChrome拡張機能。SEOにも重要な項目ですが、何かと修正しにくい数値を簡単に…

4. 

   2021.01.12

   新しいタブにHTML/CSS/JavaScriptの実行環境ができるChrome拡張機能 『HTML…

   HTMLやJavascriptの実行環境を新しいタブで出来るようになるChrome拡張機能。HTMLを勉強している方、Web制作でちょっと試してみた…

5. 

   2020.09.12

   WebのPCやスマホのレスポンシブデザインの確認ができるChrome拡張機能 『Responsive…

   Web画面の開発に必要な様々な解像度での画面確認がありますが、それを一括で画面を並べて表示してくれるChrome拡張機能。レスポンシブデザインの確認…

6. 

   2018.05.10

   Android開発!! WebViewのデバッグをChromeで出来る拡張機能 『ADB』

   Androidアプリ開発で使われるWebViewそのWebViewのデバッグをPCで接続したChromeで直接コンソールなどで確認できる…

7. 

   2018.03.14

   WebページのSEOやPWA対応状況をChromeでチェックできるChrome拡張機能 『Light…

   サイトの表示速度などのパフォーマンスやPWA対応状況などを確認できるWebサイト管理者向けのChrome拡張機能です (さらに&…

8. 

   2017.01.12

   マウスオーバーでCSS表示してくれるWeb開発者に便利なChrome拡張機能 『CSSViewer』…

   マウスを上に持ってくるだけで、その場所の要素のCSSを表示してくれるChrome拡張機能Web開発者やこのデザインいいな～どうやって作っているの…

9. 

   2016.04.11

   サイトで使われているサービスやCMSなどを検出してくれるChrome拡張機能 『Wappalyzer…

   Webサイトで使用しているサービスやライブラリCMSやアクセス解析ツールなどを検出して表示してくれるChrome拡張機能非常に多くのツー…

10. 

    2015.10.5

    Chrome拡張機能のソースコードを閲覧できる拡張機能 『Chrome extension sour…

    GoogleChromeの拡張機能のソースコードを確認できる開発者向けな拡張機能ソースコードを参考にしたり、怪しい機能が無いかをチェック…