このページは機械翻訳で、この言語を話す人が読んだものではありません。英語版と食い違う場合は、私たちが書いた英語版が正しいものです。
61 個のツール一覧
どれも手元で動きます。ブラウザーで検証済みのものはまだひとつもなく、だからストアにも掲載していません。 各ツールには個別のページがあり、そのページは英語です。
調査
ページが実際にしていることを読む。期待していたことではなく。
-
レスポンシブビューア
スマートフォン・タブレット・ノート・デスクトップの幅で、スクロールを同期して確認します。
-
画像の抽出
ページ内の画像・ファビコン・SVGを検索、絞り込み、プレビューして一括ダウンロードします。
-
カラーピッカー
任意のピクセルを採取し、コントラストを確認し、HEX/RGB/HSLを変換してパレットを書き出します。
-
JSON フォーマッター
JSONを整形・検証・修復し、折りたためるツリーとコードの両方で確認します。
-
ページ速度
Web Vitals(TTFB・FCP・LCP・CLS)とネットワーク資源、ページ重量をその場で計測します。
-
ウェブスクレイプ
表・リスト・フィード・カードを自動検出して抽出し、CSV・JSON・クリップボードへ出力します。
-
SEO メタ情報
ページ診断 · メタ · SNS · 見出し · 画像 · リンク
-
通信速度
下り速度・上り速度・ping・ジッター、回線品質の評価を計測します。
-
サイト構成技術
フレームワーク · CMS · 解析 · CDN · サーバー
-
要素の書き出し
要素を選択 · HTMLと適用CSS -> CodePen
-
カラーパレット
使われている色をすべて抽出 · 該当要素を強調
-
フォント一覧
ページのフォントを検出 · 使用箇所を強調
-
定規と計測
2点をクリック · 距離 · 角度 · ΔX / ΔY
-
Cookie エディター
Cookieの一覧 · 検索 · 追加 · 編集 · 書き出し
-
CSS インスペクター
適用中のスタイルと計算値
-
レイアウトツール
ボックスモデル · flex/grid · 親要素 · 子要素
-
アクセシビリティ
コントラスト · 代替テキスト · ARIA · 見出し · ラベル
-
コードインジェクション
JS · CSS · HTML · ドメインごとの下書きとスニペット
-
ライブテキストエディター
クリックして編集 · 変更を記録 · HTMLを書き出し
-
URL インスペクター
URLを部品に分解するか、追跡パラメーターを除いて組み直します。
-
ストレージ検査
このページのlocalStorageとsessionStorageを閲覧・編集・書き出しします。
キャプチャ
撮ろうとしていたとおりのスクリーンショットを撮る。
デザイン
CSS を書く前に、動いているページで変更を試す。
-
フォント変更
要素を選択 · 50種類以上のGoogle Fonts · その場でプレビュー
-
パターン背景
8種類の模様 · その場でプレビュー · プリセット · CSSをコピー
-
ダークモード
どのサイトでもダークモードを強制 · ドメインごと · 明るさ調整
-
CSS 単位変換
px・rem・emとCSSのすべての絶対単位を相互に変換します。
-
可変フォントサイズ計算
2つの画面幅の間で文字を滑らかに変化させるclamp()を組み立てます。
-
カラー変換
hex・RGB・HSL・OKLCHを相互に変換し、輝度とコントラストも表示します。
-
コントラスト確認
配色をWCAG 2.2のすべての基準値で一度に判定します。
-
グラデーション作成
CSSグラデーションをその場で確認しながら作り、宣言をコピーします。
-
シャドウ作成
重ねがけのCSS box-shadowをその場で確認しながら作ります。
-
画像リサイズ
画像の大きさ変更・圧縮・形式変換を、自分の端末だけで行います。
コード
ページを離れずに、マークアップ、データ、スニペットを扱う。
-
Base64
Base64を符号化・復号します。URLセーフ形式と任意のUnicodeテキストにも対応。
-
URL エンコーダー
URL全体またはクエリの一部をパーセント符号化・復号します。
-
HTML エンティティ
HTML実体参照を名前・10進数・16進数で変換、またはもとに戻します。
-
JWT インスペクター
トークンのヘッダーとペイロードを端末内で復号します。署名が正しいとは決して主張しません。
-
ハッシュ生成
ブラウザーのWeb Cryptoを使ってSHA-256・SHA-1・SHA-384・SHA-512を生成します。
-
正規表現テスター
正規表現をテキストで試します。キャプチャグループと置換にも対応。
-
テキスト差分
2つのテキストを行単位で比較し、変わった箇所を正確に表示します。
-
JSON・CSV 変換
JSONと表形式を、双方向に安全に変換します。
-
cron 解析
cron式を平易な言葉で読み解き、次の実行時刻を確認します。
-
curl から fetch
curlコマンドをfetchに変換し、対応できない指定を明示します。
-
基数変換
BigIntで基数を変換し、2の補数のビット表示も確認できます。
-
文字列エスケープ
文字列をJSON・JavaScript・シェル・正規表現・CSV・SQL向けにエスケープします。
-
Markdown プレビュー
Markdownを安全なHTMLに変換、または平文に戻します。
-
SVG サニタイズ
厳格な許可リストで、SVGから実行可能なものをすべて取り除きます。
-
HTML 整形
マークアップを字下げして検査、または最小化します。
-
CSS 整形
文字列とurl()の値を壊さずにCSSを整形・最小化します。
-
JavaScript 整形
JavaScriptを実行せずに字下げし、判断できないときは処理を断ります。
作業効率
そのために別のタブを開き続けている、小さな道具たち。
-
世界時計
複数のタイムゾーンを時差とデジタル時計で同時に確認します。
-
QR コード
ロゴ入りのQRコードを作成し、ページや画像からQRコードを読み取ります。
-
ピクチャーインピクチャー
動画を常に手前に表示する小窓に切り離します。再生操作と自動PiPに対応。
-
URL オープナー
URLを一括で開く · 途中で一時停止・中止・調整
-
AI アシスタント
自分の鍵でOpenAI互換サービスと対話 · ページ文脈 · ストリーミング
-
UUID 生成
ランダムなv4、または時刻順に並ぶv7の識別子を生成します。
-
タイムスタンプ変換
Unix時間と読みやすい日付を双方向に変換します。
-
テキスト統計
文字数・単語数・バイト数を数え、大文字小文字の書式を変換します。
-
キャンペーンリンク作成
UTM付きリンクを作り、レポートを分断してしまう間違いを事前に見つけます。
-
スラッグ生成
URLスラッグを作り、音訳できなかった文字を示します。
-
メタタグ生成
検索とSNS向けのタグを作り、クローラーが無視するものを示します。