技術スタック＆選定理由

• フロントエンド: React, Vite
• 画面遷移: React Router
• バックエンド (メインプロセス): Electron
• 言語: TypeScript
• データベース: better-sqlite3
• スタイル: CSS Modules
• テスト環境: vitest, React Testing Library

選定理由
Webアプリの開発体験をそのままに、デスクトップアプリケーションを開発するためです。

こだわりポイント

スペイン語/フランス語/イタリア語といった複数の全く違う言語の構造を一つのinterfaceで表現できるようにしたことです。

解決した課題

スペイン語を学んでいるのですが、これによって覚えられた語が増えました。

苦労した点と解決策

スペイン語用、イタリア語用…と個別に作成することであれば、比較的簡単なのですが、 一つのinterfaceをテンプレートと見なしました。そのため高度な抽象化になったので、 AIをペアプログラミングのパートナーとして(責任は私が持って)作成しました。

ER図