TypeScript

tRPCdenoTypeScript2023年1月25日

tRPCをDenoで試す

巷で噂になっているtRPCを触ってみたいと思い、せっかくなんでDenoで動かしてみました。普段はOpenaAPIを使用している。そこからClient,Sever両方にコードを生成し、ClientからはSever側で実行される同じ名前の関数を実行してリクエストを飛ばしているため、RPCっぽい挙動になっている。 ※ ClientはReactで動かそうと思いましたが、それはまた次回。 RPCとは > >Remote Procedure Call is a software communication protocol that one program can use to request a service from a program located in another computer on a network without having to understand the network's details. RPC is used to call other processes on the remote systems like a local system. A pr

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 -