JSONファイルを開く方法

# JSONファイルを開く方法

JSONファイルを開いて表示するための様々な方法を学びます。

JSONファイルとは

JSON (.json) ファイルは、構造化データを含むテキストファイルです。

特徴

• 📄 テキストベース - どのテキストエディタでも開ける
• 🔓 オープン形式 - 専用ソフト不要
• 💻 クロスプラットフォーム - あらゆるOSで使用可能
• 📦 一般的な用途 - 設定、データ交換、API

Windowsで開く

1. メモ帳

最も簡単な方法：

JSONファイルを右クリック

「プログラムから開く」

「メモ帳」を選択

利点：

• ✅ 標準で利用可能
• ✅ 追加インストール不要

欠点：

• ❌ 構文ハイライトなし
• ❌ フォーマットなし

2. Visual Studio Code

推奨エディタ：

VS Codeをインストール

JSONファイルをドラッグ＆ドロップ

自動で構文ハイライト

特徴：

• ✅ 構文ハイライト
• ✅ 自動フォーマット (Shift + Alt + F)
• ✅ エラー検出
• ✅ JSONスキーマ検証

設定：

{
  "editor.formatOnSave": true,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

3. Notepad++

人気のエディタ：

Notepad++をダウンロード

JSONファイルを開く

言語 → JSON を選択

利点：

• ✅ 軽量
• ✅ 構文ハイライト
• ✅ プラグインサポート

4. ブラウザ

Chrome/Edge/Firefox：

JSONファイルをブラウザにドラッグ

自動フォーマット表示

折りたたみ/展開可能

拡張機能：

• JSONView (Chrome)
• JSON Formatter (Edge)
• JSONView (Firefox)

Macで開く

1. TextEdit

標準アプリ：

JSONファイルを右クリック

「このアプリケーションで開く」

TextEditを選択

2. Visual Studio Code

macOS版：

# Homebrewでインストール
brew install --cask visual-studio-code

# コマンドラインから開く
code data.json

3. Sublime Text

# インストール
brew install --cask sublime-text

# 開く
subl data.json

4. Xcode

開発者向け：

Xcodeで開く

構文ハイライト

検証機能

Linuxで開く

1. gedit (GNOME)

gedit data.json

2. nano (コマンドライン)

nano data.json

3. vim

vim data.json

JSONプラグイン：

" .vimrcに追加
Plugin 'elzr/vim-json'

4. Visual Studio Code

# Ubuntu/Debianでインストール
sudo snap install code --classic

# 開く
code data.json

オンラインツール

1. BigJSON.online

URL: bigjson.online 使い方：

サイトにアクセス

JSONファイルをドラッグ＆ドロップ

自動フォーマットと表示

特徴：

• 🚀 大きなファイル対応
• 🎨 構文ハイライト
• 🌳 ツリービュー
• 🔍 検索機能
• 📤 ダウンロード

2. JSON Editor Online

URL: jsoneditoronline.org 機能：

• デュアルモード（コード/ツリー）
• 検索と置換
• ソート
• 検証

3. JSONLint

URL: jsonlint.com 用途：

• 検証
• フォーマット
• エラーチェック

モバイルで開く

Android

1. QuickEdit Text Editor

Google Playから：

• 構文ハイライト
• JSONフォーマット
• 検証

2. JSON Viewer

専用JSONビューアー：

• ツリービュー
• 検索
• 共有

iOS

1. JSON Editor

App Storeから：

• 編集機能
• フォーマット
• 検証

2. Jayson

人気のJSONビューアー：

• 美しいUI
• ツリービュー
• iCloudサポート

プログラムで開く

JavaScript/Node.js

const fs = require('fs');

// ファイルを読み取り
const data = JSON.parse(
  fs.readFileSync('data.json', 'utf8')
);

console.log(data);

Python

import json

# ファイルを読み取り
with open('data.json', 'r', encoding='utf-8') as f:
    data = json.load(f)

print(data)

Java

import com.google.gson.Gson;
import java.io.FileReader;

Gson gson = new Gson();
MyData data = gson.fromJson(
    new FileReader("data.json"), 
    MyData.class
);

C#

using System.Text.Json;
using System.IO;

string json = File.ReadAllText("data.json");
var data = JsonSerializer.Deserialize<MyData>(json);

コマンドラインツール

jq

インストール：

# macOS
brew install jq

# Ubuntu/Debian
sudo apt-get install jq

# Windows (Chocolatey)
choco install jq

使用：

# ファイルをフォーマット
jq '.' data.json

# 特定のフィールドを抽出
jq '.users[0].name' data.json

# カラー出力
jq -C '.' data.json | less -R

cat (簡易表示)

cat data.json

# ページャーで表示
cat data.json | less

Python (ワンライナー)

python -m json.tool data.json

# フォーマットして保存
python -m json.tool data.json formatted.json

大きなJSONファイルの処理

ストリーミングビューアー

jq (大きなファイル対応)

# 最初の10行のみ
jq '.' huge.json | head -n 10

# 特定のパスのみ
jq '.data[0:5]' huge.json

less (ページャー)

less data.json

# 検索: / を押して検索語を入力
# 終了: q

専用ツール

JSON Crack

URL: jsoncrack.com

• 視覚的なグラフ表示
• 大きなファイル対応
• インタラクティブ

よくある問題と解決策

問題1: 文字化け

原因： エンコーディングの不一致 解決策：

# UTF-8で開く
code --encoding=utf8 data.json

Python：

with open('data.json', 'r', encoding='utf-8') as f:
    data = json.load(f)

問題2: ファイルが開けない

原因： ファイルが壊れている 解決策：

# 検証
jq '.' data.json

# または
python -m json.tool data.json

問題3: 読みにくい

解決策： オンラインツールで整形

BigJSON.onlineにアクセス

ファイルをアップロード

フォーマット済みをダウンロード

問題4: 大きすぎる

解決策：

• jqでフィルタリング
• ストリーミングツール使用
• 部分的に読み込み

デフォルトアプリの設定

Windows

JSONファイルを右クリック

「プログラムから開く」

「別のプログラムを選択」

VS Codeを選択

「常にこのアプリを使って開く」にチェック

Mac

JSONファイルを右クリック

「情報を見る」

「このアプリケーションで開く」

VS Codeを選択

「すべてを変更」をクリック

Linux

# デフォルトエディタを設定
xdg-mime default code.desktop application/json

ベストプラクティス

1. 適切なエディタを選択

• 日常使用 → VS Code
• クイックビュー → ブラウザ
• 大きなファイル → jq
• モバイル → 専用アプリ

2. バックアップ

編集前にバックアップ：

cp data.json data.json.backup

3. 検証

編集後に検証：

jq '.' data.json > /dev/null
echo $?  # 0なら有効

4. バージョン管理

Gitで変更を追跡：

git add data.json
git commit -m "Update configuration"

推奨ツール比較

| ツール | 用途 | 難易度 | 特徴 |

|--------|------|--------|------|

| VS Code | 開発 | ⭐⭐ | 最強機能 |

| ブラウザ | クイックビュー | ⭐ | すぐ使える |

| BigJSON | オンライン | ⭐ | インストール不要 |

| jq | コマンドライン | ⭐⭐⭐ | 強力フィルタ |

| メモ帳 | 緊急時 | ⭐ | 最小限 |

まとめ

クイック選択ガイド

シナリオ別推奨：

• 初めて開く → ブラウザ
• 頻繁に編集 → VS Code
• 検証のみ → JSONLint
• 大きなファイル → jq
• 外出先 → BigJSON.online

基本ステップ

JSONファイルを見つける

テキストエディタで開く

必要に応じてフォーマット

編集または表示

保存（編集した場合）

JSONファイルは単なるテキストファイル。どんなテキストエディタでも開けます！