2 ポイント 投稿者 jsbeep 5 일 전 | まだコメントはありません。 | WhatsAppで共有

こんにちは、先行き不安な開発者志望の就活生です。
データ接続構造に関心があり、ポートフォリオも兼ねて参照フレンドリーな 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
  • クリップボードコピー、.json export
  • breadcrumb パスナビゲーション + 探索カラム数(2〜)調整、ツリーモードもあり 🪾
  • 大容量ドキュメントではアニメーションを無効化、Load More パターン
  • プロトタイプ ⚠️ localstorage を使っているため最大約 5MB まで使用可能

まだコメントはありません。

まだコメントはありません。