DevTools

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

ツール一覧

生成

ツール	説明
ULID生成	ULIDを一括生成。タイムスタンプ付き表示
UUID v7 生成	UUID v7を一括生成。タイムスタンプ・フィールド分解表示付き
ダミーテキスト生成	文字種と文字数を指定してダミーテキストを生成
QRコード生成	テキスト/URLからQRコード画像を生成
JANコード生成	12桁からチェックディジットを計算してバーコードを生成
GS1 DataBar 生成	GTIN-14からGS1 DataBar Limited合成シンボルを生成
QRチケット	ECDSA署名付きQRチケットを生成し、公開鍵でオフライン検証

変換・解析

ツール	説明
URLエンコード/デコード	テキストとURLエンコード形式を相互変換
Base64 エンコード/デコード	テキストと Base64 を相互変換。標準・URL-safe 両形式に対応
JWTデコーダー	Header・Payload・署名を分解表示。HS/RS/ES署名検証対応
JSON / XML 変換	JSONとXMLを相互変換。ルートタグは root 固定
JSON / CSV 変換	JSONとCSVを相互変換。ネストオブジェクトはドット記法でフラット化

技術スタック

• フレームワーク: 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         # 単体テスト実行

設計方針

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