ツール

ブラウザで動く小さなWebツール

タグ生成、公開前チェック、静的ページ準備をアカウントやアップロードなしで行えます。

SEOツール

メタデータ、インデックス、canonical、SNSプレビュー、公開前チェックのためのツール。

HTMLツール

HTMLタグ、headマークアップ、スニペット、公開作業を整えるための補助ツール。

Html

URLPatternテスター

手動解析不要の名前付きグループ、ワイルドカード、正規表現マッチングによるURLパターンテストをURLPattern APIで行います。

ツールを開く

Html

JSONフォーマッタ・バリデータ

JSONデータのフォーマット、検証、最小化、ツリー表示を行います。末尾のカンマを検出し、エラー位置を表示します。すべての処理はブラウザ内でローカルに実行されます。

ツールを開く

Html

JSON-CSVコンバータ

JSON配列をCSVまたはTSVに変換します。ネストされたオブジェクトをドット記法で平坦化し、区切り文字を選択し、ヘッダー行を含めます。

ツールを開く

Html

JSONPathテスター

JSONデータに対してJSONPath式をテストします。ドット記法、ワイルドカード、フィルター、配列インデックスをサポートします。一致した結果を表示します。

ツールを開く

Html

Markdownプレビューエディタ

分割画面のMarkdownエディタで、GitHub Flavored Markdownをライブプレビューできます。見出し、太字/斜体、リンク、コードブロック、テーブル、タスクリストをサポートしています。

ツールを開く

CSSツール

レスポンシブレイアウト、余白、モバイル調整、UI細部向けのCSSジェネレーター。

Css

View Transition Builder

View Transitions APIのCSSとJavaScriptを生成し、スムーズなページおよび要素トランジションを実現します。同一ドキュメント(SPA)とクロスドキュメント(MPA)の両方をサポートし、reduced-motionフォールバック付きです。

ツールを開く

Css

SVG最適化ツール

コメント、メタデータ、エディタデータを削除し、空白を削減してSVGファイルを最適化します。前後のサイズ比較を表示。すべてローカル処理。

ツールを開く

画像・アセットツール

アイコン、画像マークアップ、アセットパス、静的ファイルを確認するための補助ツール。

GitHub Pagesツール

カスタムドメイン、静的公開、公開前チェック、GitHub Pages保守のためのツール。