Personal Projects
Online JSON 編輯器
一個開分頁就能用、資料不離開瀏覽器的 JSON 編輯器。
01OVERVIEW
專案概述
一個完全在瀏覽器本地運行的 JSON 編輯器，支援 Tree / Table / Monaco / Diff 四種模式，可匯出成 JSON、純文字、JS 物件或 PHP 陣列。零登入、零上傳。
02CONTEXT
為什麼需要它
工作上每天都在看、改 JSON，但線上工具不是要登入，就是介面很吵。我只想要一個打開就能用、又不會把資料上傳到別人伺服器的東西。
03MY ROLE
我負責的部分
從想法、設計到前端實作與部署，全部由我一人完成。
04IMPLEMENTATION
怎麼實作的
所有解析與處理都在瀏覽器端完成（zero telemetry）；提供四種檢視模式與多種匯出格式，涵蓋日常處理 JSON 的各種情境。
05RESULT
成果
已上線，也是我自己每天在用的工具。
Deep dive · 細節
四種檢視模式
Tree View
以視覺化樹狀結構瀏覽巢狀 JSON，點擊任意值即可就地編輯。
Table View
物件陣列自動展開成類試算表的可編輯表格，批量處理更直覺。
Monaco 編輯器
完整語法高亮、即時驗證與格式化，就像 VS Code 的體驗。
JSON Diff
並排比對兩份 JSON，所有差異一目瞭然。