言語・開発

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  9. Chromeアプリで動作するシンプルで軽快なテキストエディタ 『Text』

    Chromeアプリで動作するシンプルなテキストエディタChromeOSやChromeアプリに対応しているようでWindowsでのメモ帳代わりにな…

  10. 文字の上にマウスを持ってくるだけでフォント名や大きさを教えてくれるChrome拡張機能 『Fontf…

    Chrome内で文字にマウスオーバーするだけでフォント名や大きさを教えてくれるクリエイター向けなChrome拡張機能動作も非常にシンプル…

PAGE TOP