任意のWebサイトのスピードテストを行い、問題点をビジュアル等で細かく教えてくれる・「DebugBear Website Speed Test」 DebugBear Website Speed Test DebugBear Website Speed Testは任意のWebサイトのスピードテストを行い、問題点をビジュアル等で細かく教えてくれるテストツールです。正式にはFree ...2023.03.03 | 10時08分09秒
任意のWebサイトで画像が最適化されているかを調べるCloudflare製のチェックツール・「Image Optimization Test」 Image Optimization Test Image Optimization Testは任意のWebサイトで画像が最適化されているかを調べるチェックツールです。 CDNでお馴染みのCloudflare製となっており、チェ...2021.11.01 | 10時04分49秒
任意のWebサイトのCore Web Vitalsをチェックし、評価する超軽量なパフォーマンスチェックWebアプリ・「Core Web Vitals Checker」 Core Web Vitals Checker Core Web Vitals Checkerは任意のWebサイトのCore Web Vitalsをチェックし、評価する超軽量なパフォーマンスチェックWebアプリです。 PageS...2021.10.31 | 10時09分24秒
任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリ・「ANALYZE CSS」 ANALYZE CSS ANALYZE CSSは任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリです。URLだけでなく直接CSSのコードを入力する事も可能です。 提出される詳細データは非常に細かく、行...2021.10.29 | 10時08分45秒
Core Web Vitals改善の為のWebサイトパフォーマンス測定ツール・「SpeedVitals」 SpeedVitals SpeedVitalsはCore Web Vitals改善の為のWebサイトパフォーマンス測定ツールです。 GoogleのPageSpeed Insightsと同様にWebサイトのURLを入力すると、その...2021.09.16 | 10時06分52秒
SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」 Frontend Toolkit Frontend ToolkitはSVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするWebアプリのコレクションです。 ...2021.04.11 | 10時02分10秒
分散型のプライベートストレージを備えた、ブラウザで動作する画像圧縮ツール・「Compress.Studio」 Compress.Studio Compress.Studioはブラウザで動作する画像圧縮ツールです。jpg、jpeg、png等に対応しています Blockstackと連携させる事で圧縮した画像をプライベートなストレージに暗号化...2019.10.11 | 10時33分11秒
指定したWebページ内にあるリンクやボタン等のデフォルト時、ホバー時、フォーカス時のアクセシビリティチェックをしてくれる・「Button Contrast Checker」 Button Contrast Checker Button Contrast Checkerは任意のWebサイトのURLを指定すると、そのページ内にあるリンクやボタンなどのデフォルトの状態、マウスホバー時、フォーカス状態におけるカラ...2019.09.14 | 9時27分58秒
任意のロゴのデザインをチェックできる・「Logo Lab」 Logo Lab Logo Labは任意のロゴデザインをチェック、テストできるWebサービスです。ロゴファイルをアップロードすると、グリッドによるバランスのチェック、グレースケールや白黒にしても機能しているかどうかのチェック、視覚障害...2018.09.27 | 9時22分57秒
Webサイトのパフォーマンス向上に役立ちそうなツールや情報をまとめている・「Progressive Tooling」 Progressive Tooling Progressive ToolingはWebサイトのパフォーマンス向上に役立ちそうなツールやリソースを収集しているプロジェクトサイトです。アクセシビリティやスピード、ファイルサイズ最適化の為の...2018.09.10 | 10時04分09秒
Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」 Color Contrast Checker Color Contrast Checkerは色のコントラストをチェックできるシンプルなツールです。Webアクセスビリティの教育や情報発信をするWebAIMより提供されているツールで、背景...2017.12.11 | 11時15分56秒
PNGファイルを軽量化する・「UPNG」 UPNG UPNGはPNGファイルを軽量化するためのツールです。アップロードすると即軽量化してくれる高速さが特徴で、軽量化後のクオリティも設定できます。画質のクオリティを下げれば(劣化させれば)より軽量化できます。プレビューも出してく...2017.12.09 | 11時30分40秒
HTMLやCSS、JavaScriptのコードを綺麗に整形してくれる・「DirtyMarkup」 DirtyMarkup DirtyMarkupはHTML/CSS/JavaScriptのコード整形ツールです。従来のフォーマッター同様にある程度の調整機能も付いています。また、本ツールはAPIも公開しており、今のところは無料で利用可能...2017.11.12 | 10時07分57秒
JSONデータのバリデーションやコンバート、整形等が出来る・「JSON Formatter」 JSON Formatter JSON FormatterはJSONコードのバリデーションや整形、圧縮、XMLやCSVのコンバート等が可能なWebツールです。シンプルで使いやすい印象でした。保存も出来るみたいですね。他にもこの手のツー...2017.04.26 | 10時32分30秒
WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」 Tenon.io Tenon.ioはWCAG 2.0やsection508.gov(参照:リハビリテーション法第508条)で設定されたアクセシビリティのガイドライン基準に準じてチェックしてくれるシンプルなツールです。WebサイトのUR...2016.11.20 | 10時16分54秒
Webのフォームをチェック、評価してくれるフォーム最適化ツール・「FormLinter」 FormLinter FormLinterはWebフォームをチェック、評価してくれるフォーム最適化ツールです。URLを指定すると、そのページ内にあるフォームを調べて課題点や問題点があれば表示、AやA+、Bなどで評価してくれる、みたいな...2016.11.16 | 10時15分16秒
各画像フォーマットをjpegにコンバートすると同時に軽量化もしてくれる・「Jpeg.io」 Jpeg.io Jpeg.ioはgifやpng、svg、psdなどのフォーマットのファイルをアップロードするだけでjpegに変換し、ついでに画像の軽量化(最適化)も行うWebサービスです。軽量化の際の劣化は自分の見た限りでは確認出来ま...2016.10.21 | 10時36分48秒
色覚障害の方に対応したWeb制作の為のChromeエクステンション・「ChromeLens」 ChromeLens ChromeLensは色覚に異常のある方に対応出来るWebサイトの制作をサポートするChromeエクステンションです。拡張機能を追加すると、デベロッパツールにChromeLensという項目が追加されます。このタブ...2016.09.16 | 12時13分04秒
Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」 Perfmap PerfmapはWebページのパフォーマンスチェックの結果をヒートマップで表示してくれるブックマークレットです。リソースが表示されるタイミングをResource Timing APIでチェック、それぞれに表示されるまで...2016.08.10 | 9時29分53秒
Web制作者向けのツールを多数揃えている・「Dans Tools」 Dans Tools Dans ToolsはWeb制作者向けのオンラインツールを複数揃えて公開しているWebサイトです。JavaScriptやCSS、JSONの圧縮や整形、ファイルのコンバーター、diffツール、.htaccessのコ...2016.06.21 | 11時05分19秒
WebサイトがモバイルフレンドリーかどうかをテストするGoogle製チェックツール・「Google Mobile Friendly Test」 Google Mobile Friendly Test Google Mobile Friendly Testは任意のWebサイトがモバイルフレンドリーかどうかをテストするGoogle謹製のチェックツールです。URLを入力してヒューマ...2016.05.19 | 10時38分11秒
独自ルールにも対応したJavaScriptの構文チェックツール・「ESLint」 ESLint ESLintは独自ルールの設定も可能なJavaScript lintツールです。JSHintの機能に加え、独自ルールの設定、解析、構文チェックを行うことが出来ます。独自ルールはJSONかYAMLファイルで用意するみたいで...2015.10.07 | 9時00分07秒