Firebase Hosting

TypeScriptDialogflowClean Archittecture2020年5月30日

InversifyJSを使ってフロントエンドのTypeScriptでDIを実装してみた

クリーンアーキテクチャをTypeScriptで実装する際のDIをInversifyJSを使ってみた * Firebase & Firestore & Hosting * Nuxt.js & TypeScript を使い、サービスを実装する際にクリーンアーキテクチャを採用した。その際のDIライブラリとしてInverstifyJSを選定 InversifyJSInversifyJS is a lightweight inversion of control (IoC) container for TypeScript and JavaScript apps.http://inversify.io/Remo H. Jansen [https://inversify.io/] 想定サービスレストランの一覧を取得するもの Firestore とりあえず今回はPublicなRestaurantデータを取得するものを作成、データモデルはこんな感じ Clean Architecture 有名な図これをもとにフロント側を実装 Inverstify JS GitHub -