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

ランサーズでは自己学習の場として毎朝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の勉強
  • https://www.youtube.com/watch?v=mqUN4N2q4qY
• やったこと
  • 会員登録機能
  • ログイン機能
    • メール & パスワード
    • Github OAuth
  • ナビゲーションバー実装
  • middleware作成（認証制御）
  • TOPページデザイン
  • SWR

ディスカッション

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

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