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- ...
続きを読むC# の xUnit を使用し、WebApplicationFactory を活用して 個別ケースごとに異なるモックを適用 する結合テストの実装方法を解説。 本記事のポイント WebApplicationFactory ...
続きを読むC#のテストフレームワーク xUnit を使用して、 の違いを実装ベースで解説 今回の方針: 結合テスト(Integration Test)とは? 結合テストは、実際の環境(DBや外部API)と統合した状態で動作を確認す ...
続きを読む