NestJS

React-Nativeのプロジェクト名に"HelloWorld"含む命名するとバグるで！！ 以上！解散！追伸 新しい枕でBrainSleep買ったら良い感じでした。風通し良くて涼しい。1週間使うと頭の形にfitするとか。枕形状直したい時は60℃の湯につけてたら形状初期化するらしい。長く使っててペシャッても直せるの良い。

やりたいこと ウォーターフォールチャートを描きたい 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のノウハウブ…

前回 takasehiromichiex.com TypeORMのマイグレーションについて モデルが変更される場合、それをデータベースに同期する必要があります。 synchronize: trueというオプションをルートモジュールで設定していましたが、これはEntityに基づいてテーブルを自動生成してくれるオプションです。 そのため、本番環境ではこのオプションはfalseに設定しておくべきです。 Sequelize統合 TypeORMを使用する代わりに、Sequelize ORMを使用することもできます。 以下をインストールします。 $ npm install --save @nestjs/s…

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…