個人開発壁打ちスレ

{
    "list": [
        {
            "smeId": "sme1013",
            "userName": "テスト1",
            "sex": 1,
            "age": 21,
            "prefecture": {
                "id": "1",
                "name": "北海道"
            },
            "area": {
                "id": "01102",
                "name": "札幌市北区"
            },
            "profileText": "自己紹介文"
        },

rattsl

↓

[
        {
            "smeId": "sme1013",
            "userName": "テスト1",
            "sex": 1,
            "age": 21,
            "prefecture": {
                "id": "1",
                "name": "北海道"
            },
            "area": {
                "id": "01102",
                "name": "札幌市北区"
            },
            "profileText": "自己紹介文"
        },

rattsl

UIをベタがき
インターフェース定義
値変更

rattsl

独自コンポーネントにchakrauiのprops使うときは別コンポーネントに切り出してでラップしてあげればいいっぽい

<MyButton px={2}>ボタン</MyButton>

import { Button } from '@chakra-ui/react';

type Props = {
  children: ReactNode;
  px?: number;
}

export const MyButton: VFC<Props> = ({children ,px=0}) => {
  return(
    <Button px={px}>{chidlren}</Button>
  )

rattsl

Responseの型、毎回

export type User = {
id: number;
name: string;
}

って一つ一つ定義してたけど、jsonのファイルで置いといてそれをtypeofするといい感じに型定義できるっぽい

rattsl

こういう考え方があんのか

rattsl

BFF、今回フロントからcore(nest)以外にもresas等複数叩くからアリかなとおもったけど、まだ複雑化してないしオーバーヘッド出てからでもいいかなという考え。面白そうだから今後触ってみたいけどw

rattsl

環境変数の取得で時間とかした。。
めっちゃタイポしてるのかと思って色々値変えてconsole.logしてたけど、プロセス切ってもっかいnpm startしたらちゃんと取れてきた柳井会

rattsl

Oauth2.0フレームワークとOpenId Connect（OIDC）を理解するものは外部認証を制すらしい