JavaScriptでデータ定義とデータアクセス処理を考える

はじめに

• フロントサイドでデータアクセス処理する場合、以下のような懸念がある(もしくは、そういった経験がある)
  • JSONでデータ処理していてデータ定義が不明瞭
  • localStorageやsessionStorageに直接JSONを保存している
• こういった問題を解消するため、DAOパターンを考えてみた

機能

• データモデルクラス
  • JSONを分解し、一致するプロパティのみ保持する
  • 目的：予期せぬデータの格納を除外
  • メリット：IDEで補完機能が効く(VSCodeのインテリセンスなど)
• DataAccessObject(DAO)
  • メモリやStorage(localStorage, sessionStorage)に保存する
  • 保存や取得したデータを定義したモデルクラスに加工する
    • Reflect.construct()を利用することで、インスタンス生成が楽
  • 目的：localStorage→sessionStorageに仕様変更のようなケースで修正が少なくする

実装

JavaScript DAO pattern with Reflect

参考にしたサイト

• https://ja.javascript.info/class-inheritance
• https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Reflect/construct