DevTools

ブラウザで完結する無料の開発者ツール集。インストール不要・登録不要・データは外部送信なし。

ツール一覧

トップページの検索ボックスから、ツール名・説明・読み仮名・カテゴリを横断して絞り込めます（json でも じぇいそん でもヒット）。

各ツールの技術的な仕組み・準拠 RFC・制限は docs/tools.md を参照。

生成

ツール	説明
ULID生成	ULIDを一括生成。タイムスタンプ付き表示
UUID v7 生成	UUID v7を一括生成。タイムスタンプ・フィールド分解表示付き
ダミーテキスト生成	文字種と文字数を指定してダミーテキストを生成
TOTP/HOTP ジェネレータ	TOTP（RFC 6238）・HOTP（RFC 4226）のワンタイムコードを生成・検証。シークレット鍵はブラウザ外に送信しない
CSR・鍵ペアジェネレータ	RSA / ECDSA の鍵ペアを生成し PKCS#10 CSR（証明書署名要求）を出力。既存 CSR の Subject/SAN/署名検証にも対応。秘密鍵はブラウザ外に送信しない
日本語ダミー個人データ生成	日本人の氏名（漢字＋フリガナ整合）・住所・電話番号・生年月日などの架空個人データを一括生成し CSV/JSON で出力

コード・バーコード

ツール	説明
QRコード生成	テキスト/URLからQRコード画像を生成
JANコード生成	12桁からチェックディジットを計算してバーコードを生成
GS1 DataBar 生成	GTIN-14からGS1 DataBar Limited合成シンボルを生成
QRチケット	ECDSA署名付きQRチケットを生成し、公開鍵でオフライン検証
QRリーダー	カメラまたは画像ファイルからQRコードを読み取り、テキスト・URLを表示

エンコード・デコード

ツール	説明
URLエンコード/デコード	テキストとURLエンコード形式を相互変換
Base64 エンコード/デコード	テキストと Base64 を相互変換。標準・URL-safe 両形式に対応
JWTデコーダー	Header・Payload・署名を分解表示。HS/RS/ES署名検証対応

変換・解析

ツール	説明
CIDR/サブネット計算機	CIDR からネットワーク情報を計算。IPv4/IPv6 対応。ネットワークアドレス・ブロードキャスト・ホスト範囲・サブネットマスクを一括表示
JSON / XML 変換	JSONとXMLを相互変換。ルートタグは root 固定
JSON / CSV 変換	JSONとCSVを相互変換。ネストオブジェクトはドット記法でフラット化
文字コード判定・変換	ファイル/テキストの文字コードを自動判定し、UTF-8・Shift_JIS (CP932)・EUC-JP 等へ変換
設定ファイル相互変換	YAML・JSON・TOML・.env を相互変換。コメント保持・JSON Schema 検証対応
文字カウント	文字数・エンコーディング互換性・行数・SNS文字数制限・原稿枚数を集計。絵文字のDB投入エラー予測対応
SQL整形・パラメータ埋め込み	汚いSQLを方言別に整形し、プレースホルダにパラメータを埋め込み（デバッグ用）。MySQL / PostgreSQL / SQLite / SQL Server 対応
正規表現ビジュアライザ＆ReDoS検出	正規表現を構造ツリー・鉄道図で可視化し、ReDoS（壊滅的バックトラッキング）脆弱性を検出。テスト文字列に対するマッチハイライトとキャプチャグループ表示にも対応
JSON整形・ビューア	JSONを整形（2/4/タブ）・最小化し、折りたたみツリーで閲覧。構文エラーは行・列付きで表示。大きな数値の精度も保持。JMESPath クエリ抽出対応。機密データ（PII/シークレット）のマスク対応。TypeScript 型生成対応
クリップボードインスペクタ	貼り付け・ドラッグ&ドロップしたデータの全 MIME フレーバー（テキスト・HTML・画像・ファイル）と中身を可視化。HTML はサニタイズ後プレビュー付き
シークレットスクラバー	ログ・コード・設定からAPIキー・トークン・メール・IP等の機密情報を検出して一括マスク。同一値は同一プレースホルダに置換
DSN/接続文字列ビルダ	接続文字列（DSN）をフォームと URI で双方向編集。パスワードをマスクした共有用 URI も生成。PostgreSQL / MySQL / MongoDB / Redis / AMQP 対応（PostgreSQL・MySQL は JDBC URL も対応）
SSL/TLS証明書デコーダ	PEM/DER/PKCS#7/PKCS#12（.pfx/.p12）の証明書を解析し、Subject/SAN/有効期限/署名アルゴリズム/SCT を表示。複数証明書のチェーン並べ替えと署名検証に対応。PKCS#12 はパスワード復号・秘密鍵（メタ情報常時／PKCS#8 PEM トグル開示）を含む。全処理ブラウザ内完結
鍵フォーマット変換	RSA / ECDSA の公開鍵・秘密鍵を PEM / DER / JWK 形式で相互変換。形式と鍵種別を自動判定。全処理ブラウザ内完結で秘密鍵も外部送信しない
HARビューア＆サニタイザ	HAR ファイルをリクエスト/レスポンス一覧・詳細表示＋タイミングのウォーターフォール可視化を行い、Cookie・認証ヘッダ・トークン類を自動 redact した共有用 HAR を出力。ファイルはブラウザ外に送信しない
markdownエディタ	markdownをリアルタイムにHTMLプレビュー。GFM（表・取り消し線・コードブロック）対応。HTMLコピー・.mdダウンロード対応。全処理ブラウザ内完結
コントラスト比マトリクス	任意の N 色の全組合せ（N×N）のコントラスト比を一覧表示。WCAG 2.x の AA/AAA 合否と APCA Lc を併記。計算はブラウザ内で完結
DDL → ER図ジェネレータ	CREATE TABLE 文（MySQL/PostgreSQL）から ER 図を描画。外部キーからリレーション線を自動生成し、Mermaid コード・SVG・PNG で出力。全処理ブラウザ内完結
SAMLデコーダ	SSO の SAMLResponse / AuthnRequest を自動判定デコードし、Assertion の内容と Status・有効期限・Audience の定番チェックを表示

技術スタック

• フレームワーク: Astro 6
• UI: React 19 + Tailwind CSS v4
• 言語: TypeScript
• ランタイム: Node.js 24（開発・CI・ビルドで使う版は .node-version で指定）

開発

git config core.hooksPath .githooks  # git フック有効化（初回クローン後に1回だけ実行）
npm ci                               # 依存関係インストール
npm run dev      # 開発サーバー起動 (http://localhost:4321)
npm run build    # 本番ビルド
npm run preview  # ビルド結果をプレビュー
npm test         # 単体テスト実行
npm run test:e2e # E2Eテスト実行（内部で build + preview を起動）
npm run format   # コード整形

設計方針

• ブラウザ完結: すべての処理はクライアントサイドで完結。データは外部に送信されない
• 依存最小化: ツールごとに必要な最小限のライブラリのみ使用
• デザイン: デジタル庁デザインシステム（DADS）準拠。
• 設計の決断は docs/decisions.md を参照