ViewJSON について
ViewJSON は、無料のオンライン JSON ビューアー兼フォーマッターです。従来のツールはすべての文字列をプレーンテキストとして表示しますが、ViewJSON は Base64 エンコードされた画像・音声・動画・PDF を自動検出し、JSON 構造の中にそのままレンダリングします。すべての処理はブラウザ内で完結するため、データが端末の外に出ることはありません。
なぜこのツールを作ったのか
マルチモーダル AI API（OCR、音声合成、画像認識、画像生成など）はリクエストやレスポンスで Base64 を多用します。開発やテスト中に、次のような問題が繰り返し発生します：
出力の確認が面倒
TTS や画像生成 API が返す音声や画像は Base64 エンコードされています。中身を確認するたびに JSON から文字列を抜き出し、オンラインデコーダーに貼り付けてプレビューする必要があり、フィールドごとに同じ作業を繰り返すことになります。
入力の組み立てでミスしやすい
OCR や画像認識モデルを呼び出すには、まず別のサイトで画像を Base64 に変換し、API ツールのリクエストボディに貼り付けます。この過程でクォートやエスケープが壊れやすく、ロジックの問題よりも JSON の構文修正に時間を取られがちです。
履歴の中身がわからない
Postman や Fiddler はリクエスト履歴を保存しますが、Base64 フィールドは長い文字列として表示されるだけで、中身はわかりません。実際に送受信したメディアを確認するには、Base64 を 1 つずつ取り出してデコードする必要があります。
そこで ViewJSON を作りました。JSON を貼り付けるだけで、画像はそのまま表示、音声はその場で再生、動画もインラインで視聴できます。
ユースケース
AI API レスポンスのデバッグ
Base64 メディアを含む API レスポンスを ViewJSON に貼り付けると、音声・画像・動画が自動検出され、JSON 構造内にインラインでレンダリングされます。手動で抜き出したり外部デコーダーを使う必要はありません。
マルチモーダル API リクエストの作成
画像をエディターに直接貼り付けると、プレビューが表示されると同時に JSON 内に Base64 文字列が格納されます。コピーすれば、そのまま API リクエストに使える Base64 データが得られます。
チームと JSON を共有
ViewJSON は JSON を pako（zlib）で圧縮して URL にエンコードします。ファイルのアップロードもクラウドストレージも不要。相手はリンクを開くだけで、メディアプレビュー付きのフォーマット済みデータを確認できます。
技術構成とプライバシー
Astro + React で構築
アイランドアーキテクチャにより JavaScript の読み込みを最小限に抑えます。クライアントサイドコードはインタラクティブなコンポーネントにのみ使用されます。
CodeMirror 6 エディター
プロフェッショナル向けのコードエディター。シンタックスハイライト、折りたたみ、検索、括弧マッチングに対応し、10 MB 超のファイルもスムーズに処理できます。
Cloudflare Pages
Cloudflare のグローバルエッジネットワーク上にデプロイされ、世界中で高速にロードされます。
データプライバシー
JSON データはすべてブラウザ内で処理され、サーバーに送信されることはありません。共有機能もデータを URL にエンコードするだけです。
お問い合わせ
ご質問・ご意見・機能リクエストは support@viewjson.net