インメモリ Repository とプロセス間通信の実装

[a2311kk]

概要

何をやるのか

永続化処理を実装する。

なぜやるのか(目的)

各機能に共通して必要となる基盤を実装し、各機能を実装できるようにするため。

完成の定義

永続化処理の実装完了。

その他

[a2311kk]

Repository パターンについて、関連する記事

• 髪型別コーデ検索におけるSPAの開発 - ZOZO TECH BLOG
• リポジトリパターンの導入によるReactプロジェクトのリファクタリング
• Understanding Repository Pattern in NodeJS and TypeScript

[a2311kk]

データの保存先について、規模的にはクラスごとに JSON ファイルを用意して読み書きでも問題ない気はするが、SQLite + ORM を考えるなら TypeORM か Sequelize がよさそう。

• TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.
• Sequelize | Feature-rich ORM for modern TypeScript & JavaScript
• typescriptで使用できるORMライブラリ #TypeScript - Qiita
• TypeORMはNode.js開発のスタンダードになるか？ #TypeScript - Qiita
• Sequelize vs. TypeORM: Choosing the Right ORM for Your Node.js Project | by Smit Patel | Medium

[a2311kk]

そもそも ES Module が何か分かっていなかった

ES Modules入門 JavaScriptのモジュールを使う方法

[a2311kk]

Absolute Imports

• Create React App
• javascript - How can I solve the issue of 'failed to resolve import in '@/...'" vitest? - Stack Overflow
• Reactのimport文を絶対パスで設定する(TypeScript版) | ZUMA Lab

[a2311kk]

Electron のドキュメント通りにプロセス間通信を実装しようとして、以下のようなエラーが発生していた。

https://www.electronjs.org/docs/latest/tutorial/ipc#pattern-2-renderer-to-main-two-way

[vite]: Rollup failed to resolve import "electron/main" from "D:/Users/user/Documents/AIIT/PBL/repos/manakan/src/main.ts".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`

[a2311kk]

上記の問題の原因は 2 つあった。

原因 1 vite.xxxx.config.ts の設定漏れ（または tsconfig.json との不整合）

tsconfig.json には "baseUrl": "." の設定が入っていたので、VS Code は Absolute Imports（絶対パスによる import）を解決できた。また、Quick Fix で import 文を追加する際も Absolute Imports になっていた。一方、vite.xxxx.config.ts には Absolute Imports を解決するための設定が入っていなかったので、Vite は Absolute Imports を解決できなかった。

以下のページを参考に、各 vite.xxxx.config.ts に resolve.alias の設定を追加することで、Vite が Absolute Imports を解決できるようになった。

How To Create Absolute Imports In Vite React App: A step-by-step Guide - DEV Community

原因 2 electron/xxxx から import していたこと

以下のドキュメントを参考にし、単純に require を import に書き換えた、以下のような import 文を書いていた。

• import { ... } from 'electron/main'
• import { ... } from 'electron/renderer'

Inter-Process Communication | Electron

一旦それらの import 文を削除し、Quick Fix から import 文を追加しようとしたところ、electron から import する選択肢があり、こちらから import するようにしたところ、Vite のエラーが出なくなった。

ただし、なぜそれで解決したのか不明。

[a2311kk]

問題と直接は関係なかったが、途中で調べたこと

• Electron での ES Modules (ESM) | Electron
• Electron v28 で ESM サポートが入ったので試す | 豆蔵デベロッパーサイト
• "type": "module" in package.json for Vite templates · Issue #3502 · electron/forge

[shunya9811]

@a2311kk
データの保存先については、どう考えてますかね？JSONで保存するのと、SQLiteを使って行くのとあると思うんですけど

[a2311kk]

@shunya9811

まだあまり深く考えられていませんが、トランザクションのことまで気にするなら SQLite になるような気はしています。