• システム開発に関わる内容をざっくりと書いていく

charter48 投稿一覧

useCallback / useMemo (メモ化)のキャッチアップ

useCallback / useMemo:無駄な再レンダリングを減らす武器たち Reactアプリが大きくなってくると気になってくるのが「再レンダリングの無駄」。useCallbackとuseMemoは、処理の無駄を減ら ...

続きを読む

MUI(Material UI)ざっくりキャッチアップ

MUI(Material UI)でUIは一気に整う Reactでアプリを作ってると、「見た目がショボい」と感じるタイミングが必ず来る。そんなときの救世主が MUI(Material UI)。GoogleのMaterial ...

続きを読む

React Router (v6)ざっくりキャッチアップ

React Router v6:画面遷移はこれで全部できる Reactでアプリを作っていくと、「ボタンを押して別画面に移動したい」となる。そのとき登場するのがReact Router。中でもv6は、書き方がかなりシンプル ...

続きを読む

Propsとコンポーネント分割について

Propsとコンポーネント分割:Reactは部品の世界 Reactの強みのひとつは「部品化(コンポーネント化)」が自然にできること。そしてその部品にデータを渡す仕組みが「Props(プロップス)」。 今回のテーマはこの2 ...

続きを読む

useState / useEffect ざっくりキャッチアップ

useState / useEffect:Reactの状態と副作用はこう扱う Reactを使っていると必ず出てくるのがuseStateとuseEffect。この2つがわかると、「静的な画面」から「動きのあるUI」へ一気に ...

続きを読む

JSXと関数コンポーネントの基礎

Reactを始めるうえで避けて通れないのが「JSX」と「関数コンポーネント」。この2つを押さえれば、ほとんどのReactコードが読めるようになるし、自分でも簡単なUIが組めるようになる。 今回は、このカウンターアプリを題 ...

続きを読む

ざっくりとできるだけ最短でReactのキャッチアップをしていく

🥇【最優先レベル(今すぐ必要)】 項目 内容・理由 練習例 1. JSXと関数コンポーネントの基礎 Reactの最小単位であり、全ての土台になる知識 Counterコンポーネント、Buttonの作成 2. useStat ...

続きを読む

JWTについて(ざっくり)

JWT(JSON Web Token)とは? JWTは、ユーザー認証やAPIのアクセス制御などに使われるトークン形式で、ログイン後にブラウザに保存され、リクエストのたびにサーバーへ送信されることで、ユーザーの情報をやりと ...

続きを読む

C# DateTime フォーマッタ

C# の DateTime.ToString() に使用するフォーマット文字列を試し、出力結果とコードスニペットを確認できます。 フォーマット文字列(例: yyyy-MM-dd HH:mm:ss.fff): 現在時刻で生 ...

続きを読む

GUID(グローバル一意識別子)ジェネレーター

GUID(Globally Unique Identifier)は、重複しない「世界で一意な識別子」 通常は32桁の16進数(8-4-4-4-12の形式)で構成され、たとえば次のような形式: 3f2504e0-4f89- ...

続きを読む