NestJS

やりたいこと ウォーターフォールチャートを描きたい next.jsで 環境 "next": "13.4.9", "chart.js": "^4.3.0", "react-chartjs-2": "^5.2.0", 今回触れないこと react / nextjs の話 tailwindcss の話 chart.js の話 TypeScriptの話（勉強中なので許して…） 実装 WaterfallChartのコンポーネントを作成 方針 普通にBarChartを描くコードを作り、dataをいじるだけ 準備 $ npx create-next-app # nextjsアプリケーションの雛形を作成 $ …

こんにちは！BC チームでエンジニアをしている id:d-kimuson です。 最近、弊チームで構築した社内向け Web API のバックエンド設計をしたので事例として紹介しようと思います。 フレームワークとして NestJS を採用していますが、NestJS Way よりも TS Way を意識した設計をしており、このエントリの主題でもあるため、TS Backend の設計事例として読んでいただければと思います。 対象システムの概要 社内の他サービス向けの Web API で、他チームのサービスを経由してエンドユーザーに届く中間システム チーム内のサービスからもチーム外のサービスからも叩か…

目次 目次 はじめに NestJSを選んだ理由 取り組んでみて分かったこと 情報量はまだ多くない これからはRuby on RailsではなくNestJSを選択する おわりに はじめに こんにちは，光岡です． アンさん，及川さんのブログ記事に引き続き，Zine作成についての最後の記事になります． お二人のブログ記事は以下です． blog.lab.sugimototatsuo.com blog.lab.sugimototatsuo.com ネットワークデザインスタジオの大学院生3名で制作した「カラフルなJavascriptであそぼう p5.js | Konva.js | NestJSのノウハウブ…

おさらい 流れ e2eテストを作成する 準備 e2eテストを作成 テスト用のMockStrategyの作成 MockStrategyでoverrideする MockStrategy用のJWTを作成する パッケージのインストール JwtServiceをInject トークンの生成 テストコードの修正 前回からの続きです。 今回は Item API に対してe2eテストを作成しますが、e2eテストを実行するたびに正式なトークンをとってくるのは大変なので、トークンの検証部分をモックして e2eテストを実行します。 NestJSで作成したAPIにAuth0の認証/認可を追加する 〜準備編〜 NestJ…

NestJSのバリデーション 準備 パッケージのインストール Auto-validateの設定 リクエストボディ 不要なkeyを削除する おまけ パスパラメータ クエリパラメータ 前回作成した Item API に入力値のバリデーションを作成していきます。 Item APIは以下のようになっています。 // items.controller.ts @Controller('items') export class ItemsController { constructor(private readonly itemsService: ItemsService) {} @Get() findAl…

前回 takasehiromichiex.com サブスクライバ TypeORM サブスクライバを使用すると、特定のエンティティイベントをリッスンすることができます。 まず、エンティティを作成します。 src/cats/cats.entity.ts import { Column, Entity, PrimaryGeneratedColumn } from "typeorm"; @Entity() export class Cat { @PrimaryGeneratedColumn() id: number; @Column() name: string; @Column() age: num…

前回 takasehiromichiex.com TypeORM トランザクション TypeORMでトランザクションを処理することができます。 src/user/user.service.ts import { Injectable } from "@nestjs/common"; import { InjectRepository } from "@nestjs/typeorm"; import { DataSource, DeleteResult, Repository } from "typeorm"; import { CreateUserDto } from "./dto/creat…