Skip to content

README.md

Latest commit

 

History

History
92 lines (73 loc) · 11.8 KB

README.md

File metadata and controls

92 lines (73 loc) · 11.8 KB
Raw

DevTools

Test Coverage

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

ツール一覧

トップページの検索ボックスから、ツール名・説明・読み仮名・カテゴリを横断して絞り込めます（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 22+

開発

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