JSONにコメントを書く時や、JSON5を書く時はJavaScriptでハイライトすると便利。

たまに役に立つかもしれないライフハックです。

コメント入りのJSONをJSONでハイライトすると色々残念

設定などの説明でJSONにコメントを入れた時、普通にJSONでシンタックスハイライトをさせると、残念な感じになります。

{
    // presetの設定
    "presets": [
        "@babel/preset-env"
    ],
    // compactオプションを使わない
    "compact": false
}

JSON5で書いた物をJSONでハイライトさせると、こっちは更に残念な感じに。

{
    // presetの設定
    presets: [
        '@babel/preset-env',
    ],
    // compactオプションを使わない
    compact: false,
}

JavaScriptでハイライトするといい感じに

こういう時はJavaScriptでハイライトさせると色々いい感じになります。

{
    // presetの設定
    "presets": [
        "@babel/preset-env"
    ],
    // compactオプションを使わない
    "compact": false
}

JSON5の例。

{
    // presetの設定
    presets: [
        '@babel/preset-env',
    ],
    // compactオプションを使わない
    compact: false,
}