ツール
ブラウザで動く小さなWebツール
タグ生成、公開前チェック、静的ページ準備をアカウントやアップロードなしで行えます。
SEOツール
メタデータ、インデックス、canonical、SNSプレビュー、公開前チェックのためのツール。
HTMLツール
HTMLタグ、headマークアップ、スニペット、公開作業を整えるための補助ツール。
Html
Customizable Select Generator
Generate CSS for customizable select elements using appearance: base-select, picker icons, checkmarks, and open/closed state styling.
Html
HTML Invoker Command Generator
Generate declarative command buttons for dialogs, popovers, and disclosure elements using the Invoker Commands API. No JavaScript needed.
Html
Service Workerモジュールテンプレートジェネレーター
キャッシュ戦略、プリキャッシュリスト、オフラインサポート付きのESモジュールService Workerテンプレートを生成します。
Html
contenteditable=plaintext-onlyジェネレーター
リッチテキストフォーマットなしのプレーンテキスト入力のためのcontenteditable=plaintext-onlyアクセシブルHTMLマークアップを生成します。
Html
ディレクトリアップロード入力ジェネレーター
フォルダアップロード用のwebkitdirectory付きHTMLファイル入力、ドラッグ＆ドロップゾーン、webkitRelativePath付きファイルリストを生成します。
Html
PerformanceObserverスニペットジェネレーター
good/needs-improvement/poor閾値付きでCore Web Vitals（LCP、INP、CLS）のPerformanceObserverコードを生成します。
Html
Uint8Array Base64/Hexコンバーター
ネイティブバイナリエンコーディングのためのUint8Array.toBase64()、.toHex()、.fromBase64()、.fromHex()コードスニペットを生成します。
Html
Intl.DurationFormatジェネレーター
long/short/narrow/digitalスタイルのロケール対応時間長フォーマット用Intl.DurationFormatコードを生成します。
Html
Custom Highlights APIジェネレーター
DOMを変更せずにテキスト範囲をスタイリングするCSS ::highlight()とJavaScript Highlightオブジェクトを生成します。
Html
JSONフォーマッタ・バリデータ
JSONデータのフォーマット、検証、最小化、ツリー表示を行います。末尾のカンマを検出し、エラー位置を表示します。すべての処理はブラウザ内でローカルに実行されます。
Html
JWTデコーダー・クレームインスペクター
JWTトークンをデコードして、ヘッダー、ペイロードクレーム、タイムスタンプを検査できます。すべてのデコードはローカルで行われ、トークンがサーバーに送信されることはありません。
Html
Base64エンコーダー・デコーダー
テキストをBase64にエンコード、またはBase64をテキストにデコードできます。URLセーフなBase64にも対応しています。すべての処理はローカルで行われます。
Html
URLエンコーダー・デコーダー
URLエンコードされた文字列をエンコードまたはデコードできます。encodeURIComponent（完全）とencodeURI（URLセーフ）の両モードに対応。
Html
Markdownプレビューエディタ
分割画面のMarkdownエディタで、GitHub Flavored Markdownをライブプレビューできます。見出し、太字/斜体、リンク、コードブロック、テーブル、タスクリストをサポートしています。
CSSツール
レスポンシブレイアウト、余白、モバイル調整、UI細部向けのCSSジェネレーター。
Css
CSS Carousel Generator
Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.
Css
CSS Scroll-State Query Generator
Generate CSS scroll-state() container queries for styling snapped, stuck, or scrollable elements. Includes JavaScript fallback for cross-browser support.
Css
View Transition Builder
View Transitions APIのCSSとJavaScriptを生成し、スムーズなページおよび要素トランジションを実現します。同一ドキュメント（SPA）とクロスドキュメント（MPA）の両方をサポートし、reduced-motionフォールバック付きです。
Css
CSS sibling-index()・sibling-count()ジェネレーター
nth-childセレクターなしでDOM位置に基づいて要素をスタイリングするsibling-index()とsibling-count()を使ったCSSを生成します。
Css
CSS text-indent hanging/each-lineビルダー
ぶら下げインデントと改行後インデントのためのhangingおよびeach-lineキーワード付きCSS text-indentを生成します。
Css
CSSアニメーションキーフレームジェネレーター
9つのアニメーションプリセット（fade、slide、scale、spin、pulse、bounce、shake）とカスタマイズ可能な duration、easing、iteration。ライブプレビュー付き。
Css
CSS 3Dトランスフォームジェネレーター
回転、移動、スケール、パースペクティブ、原点コントロールを備えたビジュアル3D CSSトランスフォームビルダー。ライブプレビューカードがリアルタイムで奥行きを表示。
画像・アセットツール
アイコン、画像マークアップ、アセットパス、静的ファイルを確認するための補助ツール。
GitHub Pagesツール
カスタムドメイン、静的公開、公開前チェック、GitHub Pages保守のためのツール。
Github Pages
Assetlinks & AASA ジェネレーター
ディープリンク用のAndroid assetlinks.jsonとApple App Site Associationを生成します。
Github Pages
Reporting APIヘッダージェネレーター
ブラウザレポート、CSP違反、Network Error Logging用のReport-ToおよびReporting-Endpoints HTTPヘッダーを生成します。
Github Pages
Zstandard圧縮ヘッダーヘルパー
Nginx、Apache、Cloudflare、Netlify向けのgzip/brotliフォールバック付きZstandard圧縮サーバー設定を生成します。