こんにちは、先行き不安な開発者志望の就活生です。
データ接続構造に関心があり、ポートフォリオも兼ねて参照フレンドリーな JSON エクスプローラーを作ってみました。
需要もなく作ったプロジェクトをポートフォリオとして包装するのが正しいのか、少し迷っています。
Firebase の直感的な探索とリアルタイム性がとても良くて、これを自分のものとして作れないだろうかと思い、
同じ NoSQL でリアルタイム検知もできる MongoDB を自分のサーバーにつないでみよう、というアイデアから始まりました。
ChangeStream を使った手作りの MongoDB ダッシュボードを作っている途中で Claude Code に課金し、今はフロントエンドだけを磨いた状態です。こいつは本当に有能で、自分まで高性能になったような錯覚を覚えます。
今後は JSON クエリのオープンソース化なども進め、フィードバックをもらいながらエクスプローラーを完成させ、その後 MongoDB ChangeStream をつないでダッシュボードへ発展させるのが目標です。
(フィードバックが必要で、フィードバックはコミュニティだと思っているので、ここに投稿します T_T)
主な機能
- カラム探索ベース(Miller Column)のドリルダウン — JSON/EJSON の key-value 構造をカラム単位で探索
- ObjectId EJSON 型の自動判別 + 参照フィールド追跡、関連ドキュメントへのジャンプ(PK 重複時は候補選択モーダル)
- コレクションごとに PK/FK を直接宣言して参照を登録
- インラインエディタ - 一般的な JSON 形式を含み、EJSON 型(Date/Decimal128/Long)もそのまま修正可能、Undo 対応
- カラム別検索 + ソートツールバー(DB/コレクション/ドキュメント/フィールドすべて)
- DB・コレクションの複製/名前変更/削除、JSON ファイルのドラッグ&ドロップ import
- クリップボードコピー、
.jsonexport - breadcrumb パスナビゲーション + 探索カラム数(2〜)調整、ツリーモードもあり
- 大容量ドキュメントではアニメーションを無効化、Load More パターン
- プロトタイプ ⚠️
localstorageを使っているため最大約 5MB まで使用可能
まだコメントはありません。