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 を参照
