言語・開発

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

PAGE TOP