すべての記事

2026年3月23日月曜日読了 9分

React基礎講座 #9 フォームの扱い (controlled inputs)

Reactでフォームを扱う定石パターンであるcontrolled component、そしてtextarea/select/checkbox/radioなど様々な入力要素の扱い方を整理します。

2026年3月23日月曜日読了 7分

サーバーが遅い・高い理由は、結局 CPU・メモリ・ストレージ・ネットワークの 4 つのリソースのどれかに絞られます。シリーズ全体を貫く全体像として、4 つのリソースが何で、1 回のリクエストの中でどう協力するかから整理します。

2026年3月22日日曜日読了 8分

配列を画面にレンダリングする方法と、その際必ず登場するkey propの意味、そしてインデックスkeyの落とし穴を見ていきます。

2026年3月21日土曜日読了 7分

状態に応じて画面の一部を見せたり見せなかったり、別の姿に変えたりする様々な条件付きレンダリングパターンをまとめます。

2026年3月20日金曜日読了 8分

Reactのイベント処理方式と合成イベント、ハンドラの記述パターン、イベントオブジェクトから情報を取り出す方法を見ていきます。

2026年3月20日金曜日読了 7分

企画者、デザイナー、マーケターが開発者と働くときに、まず知っておくべき三つのこと。私たちが毎日使うウェブサイトやアプリが、フロントエンド、バックエンド、データベースという三つの層にどう分かれているのかを、コードなしで説明します。

2026年3月19日木曜日読了 8分

コンポーネントが変わりうるデータを扱う方法、stateの概念とuseStateフックを学びます。

2026年3月18日水曜日読了 9分

Reactの核心単位であるコンポーネントを作って画面を小さな断片に分け、propsでデータを渡す方法を学びます。

2026年3月17日火曜日読了 7分

Reactコンポーネントを書くときに使う特殊な構文、JSXの基本構文とルールを見ていきます。

2026年3月17日火曜日読了 6分

コンピュータが文字、数字、画像、音を結局のところ0と1として扱う仕組みを、専門知識がない方にもわかるように直感的な例で説明します。

2026年3月16日月曜日読了 7分

本格的にコードを書くためにNode.jsをインストールし、Viteで初めてのReactプロジェクトを作って開発サーバーを立ち上げてみます。

2026年3月15日日曜日読了 7分

この講座ではReact入門者のために、Reactとは何か、なぜ作られたのか、そしてどんな問題を解決するツールなのかについて学んでいきます。