useCallback / useMemo:無駄な再レンダリングを減らす武器たち Reactアプリが大きくなってくると気になってくるのが「再レンダリングの無駄」。useCallbackとuseMemoは、処理の無駄を減ら ...
続きを読むMUI(Material UI)でUIは一気に整う Reactでアプリを作ってると、「見た目がショボい」と感じるタイミングが必ず来る。そんなときの救世主が MUI(Material UI)。GoogleのMaterial ...
続きを読むReact Router v6:画面遷移はこれで全部できる Reactでアプリを作っていくと、「ボタンを押して別画面に移動したい」となる。そのとき登場するのがReact Router。中でもv6は、書き方がかなりシンプル ...
続きを読むPropsとコンポーネント分割:Reactは部品の世界 Reactの強みのひとつは「部品化(コンポーネント化)」が自然にできること。そしてその部品にデータを渡す仕組みが「Props(プロップス)」。 今回のテーマはこの2 ...
続きを読むuseState / useEffect:Reactの状態と副作用はこう扱う Reactを使っていると必ず出てくるのがuseStateとuseEffect。この2つがわかると、「静的な画面」から「動きのあるUI」へ一気に ...
続きを読むReactを始めるうえで避けて通れないのが「JSX」と「関数コンポーネント」。この2つを押さえれば、ほとんどのReactコードが読めるようになるし、自分でも簡単なUIが組めるようになる。 今回は、このカウンターアプリを題 ...
続きを読む🥇【最優先レベル(今すぐ必要)】 項目 内容・理由 練習例 1. JSXと関数コンポーネントの基礎 Reactの最小単位であり、全ての土台になる知識 Counterコンポーネント、Buttonの作成 2. useStat ...
続きを読むJWT(JSON Web Token)とは? JWTは、ユーザー認証やAPIのアクセス制御などに使われるトークン形式で、ログイン後にブラウザに保存され、リクエストのたびにサーバーへ送信されることで、ユーザーの情報をやりと ...
続きを読むC# の DateTime.ToString() に使用するフォーマット文字列を試し、出力結果とコードスニペットを確認できます。 フォーマット文字列(例: yyyy-MM-dd HH:mm:ss.fff): 現在時刻で生 ...
続きを読むGUID(Globally Unique Identifier)は、重複しない「世界で一意な識別子」 通常は32桁の16進数(8-4-4-4-12の形式)で構成され、たとえば次のような形式: 3f2504e0-4f89- ...
続きを読む