komeの備忘録

東大院卒外資ITエンジニアの技術ブログ

🧾 JSONビューワ & 整形チェッカー「json.komee.org」を公開しました

💡 サービス概要

新しい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ユーティリティです。

👉 json.komee.org を開く

(C) komee.org