ランサーズ(Lancers)エンジニアブログ > もくもく会 > 2023/7/21週 もくもく会 Nest.js, Next.js
2023/7/17週 もくもく会 Nest.js, Next.js

2023/7/21週 もくもく会 Nest.js, Next.js

blog_admin|2023年07月21日
もくもく会

ランサーズでは自己学習の場として毎朝1時間程のもくもく会を開催しています。
もくもく会を開催しようと思ったきっかけは、こちらで紹介しています。
以下は今週の取り組みになります。

今週のもくもく会

  • Nest.jsの学習
    • Class Validatorについて
    • デコレータを追加するだけでバリデーションが実装できるというお話
    import { Type } from 'class-transformer';
    import { IsString, IsNotEmpty, MaxLength, IsInt, Min } from 'class-validator';
    
    export class CreateItemDto {
      @IsString()
      @IsNotEmpty()
      @MaxLength(40)
      name: string;
    
      @IsInt()
      @Min(1)
      @Type(() => Number)
      price: number;
    
      @IsString()
      @IsNotEmpty()
      description: string;
    }
    
    • 例外処理

    https://docs.nestjs.com/exception-filters#built-in-http-exceptions

    デフォルトで定義されている例外処理メソッドを利用することも可能

    import { NotFoundException } from '@nestjs/common';
    
    findById(id: string): Item {
      const found = this.items.find((item) => item.id === id);
      if (!found) {
        throw new NotFoundException();
      }
      return found;
    }
    
  • Scroll-driven Animations
    • https://ics.media/entry/230718/
    • CSSのみでスクロールアニメーションが実装できる世界になった
      (2023/7/21時点 最新Chrome版のみ)

磯野

  • Next.jsの勉強
  • やったこと
    • 会員登録機能
    • ログイン機能
      • メール & パスワード
      • Github OAuth
    • ナビゲーションバー実装
    • middleware作成(認証制御)
    • TOPページデザイン
    • SWR

    ディスカッション

    • もくもく会の外部発信など
    • UXの勉強会したいんだよね
      • デジアカのUI/UXコース受けましょう!

    今週の報告は以上です。
    週毎に取り組みを掲載していきますので、ご期待下さいませ。