【個人開発】社内機密やTokenをWebツールに貼るのは危険？完全クライアントサイド（通信ゼロ）のエンジニア向けツールボックスを作った話
1. はじめに：そのデータ、どこに送信されていますか？
日々の開発業務やトラブルシューティングにおいて、オンラインツールを使う機会は多いと思います。
- 長い SQL の可読性を上げるための SQL フォーマッター
- API 認証エラーを調査するための JWT デバッガー / デコーダー
- サーバー監視やバッチ処理を設定する Cron 式ジェネレーター
- cURL コマンドから Python / Go / TypeScript コードへの 一括変換
しかし、多くの無料オンラインツールでは、入力したテキストが 裏側で外部サーバーへ POST 送信 されています。
もし、そのデータの中に：
- 社内データベースの実テーブル名やカラム名
- ユーザーの個人情報や本番環境のパラメーター
- 本番の Bearer 認証 Token や API Key
が含まれていた場合、重大なセキュリティインシデント（情報漏洩） に繋がりかねません。
2. 解決策：100% ブラウザ完結（Zero-Server Transmission）の思想
「手軽にブラウザで使いたいけれど、データは絶対に社外に出したくない」。
この課題を根本から解決するため、すべての処理をブラウザローカルのメモリ内だけで完結させる開発者向けツールスイート MiniToolDesk (https://minitooldesk.com/ja) を個人開発しました。
核心となる 3 つの原則：
- サーバー通信ゼロ（Zero Server Uploads）：ネットワークを切断（オフライン状態）にしても、すべてのツールがそのまま動作します。
- 完全広告なし・軽快動作：邪魔なバナー広告やポップアップは一切排除し、Linear / Raycast 風のミニマルな UI を採用。
-
キーボードショートカット対応：
Ctrl + K（Mac はCmd + K）でコマンドパレットを呼び出し、瞬時に目的のツールへアクセス可能。
3. 実装技術：なぜ純粋なフロントエンドで実現できるのか？
現代のモダンブラウザ（V8 エンジン）と Web 標準 API は非常に強力です。バックエンドのサーバーを介さずとも、高度な解析や暗号化がミリ秒単位で実行できます。
① Web Crypto API による安全な JWT デバッグ
従来の検証サイトと異なり、W3C 標準の window.crypto.subtle を使用してブラウザ内で直接 HS256 等の署名検証を行います。Secret や Token が PC の外部に送信されることは物理的にありません。
② AST（抽象構文木）による SQL 整形・圧縮
単なる正規表現の置換ではなく、クライアントサイドで字句解析（Tokenizer）と構文解析（Parser）を実行。MySQL, PostgreSQL, Oracle などの複数方言に対応し、複雑なサブクエリも安全にインデントします。
③ Canvas / WebP による高効率な画像圧縮
画像を外部サーバーにアップロードすることなく、HTML5 Canvas と WebP 圧縮アルゴリズムを用いてローカルでファイルサイズを 60%〜80% 削減します。
4. 主な収録ツール一覧（全45種類以上・完全無料）
現在、以下の高頻度ツールをはじめ 45 種類以上をすべて日本語対応で提供しています：
| カテゴリ | ツール名 | 概要 |
|---|---|---|
| DB / SQL | SQL フォーマッター | 複数方言対応の安全な SQL 整形 |
| 認証 / セキュリティ | JWT デバッガー | Web Crypto による完全ローカル検証 |
| 開発 / 自動化 | Cron 式ジェネレーター | 次回実行時刻のリアルタイム可視化 |
| ネットワーク | cURL コード変換器 | Python / Go / Axios への自動変換 |
| 画像 / メディア | 画像軽量化・圧縮 | サーバー送信なしの可逆・非可逆圧縮 |
| テキスト | Diff チェッカー | コードや文章の差分を行・単語単位で比較 |
全ツール一覧：👉 https://minitooldesk.com/ja/tools/
5. おわりに
個人開発としてスタートしましたが、日本のエンジニアの皆様が「社内機密を気にせず安心して使える作業机（Desk）」としてお役に立てれば幸いです。
「こんなツールがオフライン・ブラウザ完結で欲しい！」というご要望があれば、ぜひコメント欄で教えてください！