すべての記事

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

React基礎講座 #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とは何か、なぜ作られたのか、そしてどんな問題を解決するツールなのかについて学んでいきます。

2026年3月14日土曜日読了 6分

バニラ JavaScript で Todo アプリを最初から最後まで — DOM、イベント委譲、FormData、ローカルストレージ、軽量 store までを一箇所に集めます。

2026年3月13日金曜日読了 5分

コンピュータの「バグ(bug)」という言葉の由来を、グレース・ホッパーと1947年の蛾のエピソードを中心に紐解き、実はその言葉が以前から存在していたという意外な事実までお話しします。

2026年3月13日金曜日読了 6分

localStorage / sessionStorage の使い方と落とし穴、そしてライブラリなしで画面の状態をすっきり管理するパターン。