FormJSON

A minimalist, fast, and powerful GUI editor for JSON files.

日本語の説明は下部にあります

FormJSON allows you to visually create and edit complex JSON files using an intuitive form-based interface seamlessly integrated into VS Code.

Features

• Intuitive GUI Editing: Edit deeply nested JSON objects and arrays using clean, structured form fields instead of raw text.
• Auto-Resizing Inputs: Text areas automatically adjust their height based on your content, eliminating cramped editing spaces.
• Multi-Language Support: Fully functional across diverse character sets (Japanese, English, Chinese, Korean, etc.).
• Real-time Synchronization: Changes made in the GUI are safely and instantly reflected in the raw JSON file, fully supporting VS Code's native Undo/Redo history.

Usage

1. Open any .json file in VS Code.
2. Open the Command Palette (Cmd+Shift+P on Mac / Ctrl+Shift+P on Windows).
3. Type and select FormJSONで開く (Open with FormJSON).
4. The GUI editor will open in a split panel, ready for editing.

🇯🇵 日本語 (Japanese)

FormJSON は、JSONファイルを直感的なフォーム形式で作成・編集できる、高速でパワフルなGUIエディタです。

コードを直接編集する代わりに、視覚的に整理されたフォームを通じて、複雑なJSONデータを安全かつ簡単に操作できます。

主な機能

• 直感的なGUI編集: ネストされた深いJSONオブジェクトや配列も、美しいフォームUIで直感的に編集できます。
• 自動リサイズ入力欄: テキストエリアは入力内容に合わせて自動的に高さを調整するため、長文の編集も快適です。
• 多言語・日本語サポート: 日本語を含むマルチバイト文字の入力・表示を完璧にサポートしています。
• リアルタイム同期: GUIで行った変更は即座に元のJSONファイルへ反映されます。VS Code標準のUndo/Redo（元に戻す/やり直し）にも完全対応しています。

使い方

1. VS Codeで任意の .json ファイルを開きます。
2. コマンドパレットを開きます（Mac: Cmd+Shift+P / Windows: Ctrl+Shift+P）。
3. FormJSONで開く と入力して実行します。
4. 画面が分割され、GUIエディタが起動します。

任意のjsonファイルを開いた状態で、右上の 虫眼鏡アイコン を押すことでも起動できます。

Release Notes

0.0.1

• Initial release of FormJSON.
• Basic GUI rendering and two-way binding with VS Code text documents.

0.0.2

• fix README

0.0.3

• fix README(add gif link)

0.0.4

• fix README(fix gif link)

License & Copyright

Copyright (c) 2026 Takumi Saito. All rights reserved.

This extension is licensed under the Apache License 2.0. See the LICENSE file for more details.