Skip to content

fumtas1k/devtools

Repository files navigation

DevTools

Test Coverage

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

ツール一覧

生成

ツール 説明
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を相互変換。ネストオブジェクトはドット記法でフラット化
文字コード判定・変換 ファイル/テキストの文字コードを自動判定し、UTF-8・Shift_JIS (CP932)・EUC-JP 等へ変換
設定ファイル相互変換 YAML・JSON・TOML・.env を相互変換。コメント保持・JSON Schema 検証対応
QRリーダー カメラまたは画像ファイルからQRコードを読み取り、テキスト・URLを表示
文字カウント 文字数・エンコーディング互換性・行数・SNS文字数制限・原稿枚数を集計。絵文字のDB投入エラー予測対応

技術スタック

  • フレームワーク: 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 を参照