💡 サービス概要
新しいWebツールを公開しました。
👉 json.komee.org
ブラウザ上で JSONの整形・最小化・検証・ツリー表示・差分比較・YAML変換 がすべて完結する無料ツールです。
アカウント登録不要で、データは端末内でのみ処理されます。
🧩 主な機能
✨ 整形(Pretty Print)・最小化(Minify)
- JSONをインデント付きで見やすく整形
- 改行・スペースを除去して1行に圧縮
✅ 構文検証(Validate)
- 入力JSON/YAMLの構文をリアルタイムチェック
- エラー箇所をメッセージで表示
🌳 ツリー表示(Viewer)
<details>タグを活用した軽量JSONツリービュー- ネスト構造を折りたたみながら確認可能
🆚 差分比較(Diff)
- 2つのJSONを比較して「追加/削除/変更/型変更」を自動検出
- Gitのような視覚的diffではなく、構造ベースの軽量テキストdiff
🔄 フォーマット変換
- JSON → YAML:プリミティブ/配列/オブジェクトに対応
- YAML → JSON(ベータ):簡易構文のみ対応(アンカー等は非対応)
🔒 ローカル動作
- すべての処理がブラウザ内で行われ、サーバーには一切送信されません。
⚙️ 技術構成
| 項目 | 内容 |
|---|---|
| ドメイン | komee.org |
| サブドメイン | json.komee.org |
| ホスティング | GitHub Pages(無料) |
| 言語 | HTML / CSS / JavaScript(純フロントエンド構成) |
🧠 開発の背景
日常的にAPIレスポンスや設定ファイルを扱う中で、
「軽くて安全なJSON整形ツールが欲しい」という思いから制作しました。
オンラインのJSON整形サイトは多機能ですが、
- 広告やトラッキングが重い
- データが外部サーバーに送られる不安
- モバイルで動作が遅い
といった課題があります。
そこで、完全ローカルで動作し、即座に結果が得られる軽量ツールを目指しました。
🚀 今後の拡張予定
- JSONPath 検索(
$.items[0].nameなど) - JSON Schema による構造検証
- YAML高度構文(アンカー、タグ、マルチライン)対応
- CSV/XML 変換ツールの追加
- シンタックスハイライト付きテーマ切り替え(ライト/ダーク)
🧾 まとめ
「整形 → 検証 → ツリー表示 → 差分 → YAML変換」まで
すべてを1ページで完結させた、軽量なJSONユーティリティです。