Chrome拡張機能

HUBLO Chrome Extensions

WordPressの外側の確認作業を、ブラウザ上で終わらせる

HUBLOはWordPressテーマ・プラグインを中心に製品を展開していますが、サイト運営で必要になる確認作業は、WordPressの管理画面の中だけで完結するとは限りません。Chrome拡張機能は、ブラウザで開いているページそのものを対象にした点検ツールのラインです。

製品ラインの違い

どちらもサイト運営を支援する製品ですが、動く場所と担当する作業が異なります。用途が重なることはありません。

製品ライン	動く場所	対象	担当する作業	購入方法
Proプラグイン	WordPress管理画面	自分のWordPressサイトの投稿データ	記事・タクソノミー・内部リンク・CTA・配布・売上の整理	note（ZIPをダウンロードして導入）
Chrome拡張機能	Google Chrome	ブラウザで開いている任意のページ（WordPress以外も可）	色・文字・余白・コンポーネントのばらつき点検	Chromeウェブストア（公開準備中）

製品一覧

現在1本を公開準備中です。今後もこのカテゴリに製品を追加していく予定です。

製品	できること	向いている方	価格	詳細
Design Drift Auditor	開いているページの色・タイポグラフィ・余白・角丸・コンポーネント・コントラストのばらつきを一覧化。JSON／CSV／HTMLで書き出し	ページ数が増えるにつれて、どこから見た目がずれ始めたか分からなくなっているサイト運営者・制作者	無料機能あり／Pro 準備中	商品ページ

Design Drift AuditorはChromeウェブストアへまだ公開していません（公開準備中）。公開でき次第、商品ページでご案内します。現時点ではご購入いただけません。

Design Drift Auditor

近い色が何種類も混ざっていないか。フォントが増えていないか。余白や角丸がばらついていないか。同じ役割のボタンや入力欄の見た目が揃っているか。こうした「少しずつずれていく」種類の問題を、開いているページから読み取って一覧にします。

監査結果

検出したばらつきを一覧で確認

問題ごとに該当箇所と確度が並び、ページ上でハイライト表示できます（DOMは変更しません）。

トークン集計

実際に使われている値を種類ごとに集計

色・フォント・余白・角丸が何種類使われているかを数え上げ、統合できそうな値を見つけやすくします。

無料で使えること

開いているページのばらつき一覧、色・フォント・余白の数え上げ、指摘箇所のハイライト表示、コントラスト比の確認、JSON／CSV／HTMLでの書き出し、保存データの全削除。

Proで使えること

複数ページをまとめて監査してページ間のばらつきを比較、ページをまたいだずれの検出、基準（baseline）の保存と差分確認、代表的な画面幅での表示確認、共有できるHTMLレポート出力、Claude Codeへ渡せる修正指示の生成、プロジェクト単位での管理。

データの取り扱い

監査結果・閲覧URL・ページ内容（DOM）・CSS・スクリーンショット・プロジェクトデータ・閲覧履歴・フォーム入力値を外部へ送信しません。ライセンスの購入・有効化・確認・解除のときだけ、最小限の情報を送信します（データの取り扱い）。

できないこと

ページやコードを自動で書き換えることはしません（出すのは指摘と修正指示だけです）。検出は規則に基づくため、すべてのデザイン上の問題を見つけることは保証しません。画面幅を変えられない状況では、レスポンシブの判定を行わず「問題なし」とも報告しません。

公開準備中

Chromeウェブストアでの公開を準備しています

公開でき次第、商品ページでご案内します。現時点ではご購入いただけません。WordPressサイトの運営改善は、Proプラグインからお試しいただけます。