プログラミング 【第6回】React初心者入門！useEffectでAPIからデータ取得！読み込み中・エラー表示まで実装しよう
ReactのuseEffectを使ってAPIからデータを発行・取得する方法を解説！初心者向けに「読み込み中（Loading）」や「エラー表示」の画面実装までコード付きで丁寧にレクチャーします。非同期処理の基本を押さえて、実用的なUIを作成しましょう。
JavaScript
プログラミング 
プログラミング 【第5回】React初心者入門！ React Routerで学ぶページルーティング基礎！SPAの仕組みから実装まで
Web開発でよく耳にする「ルーティング」。Reactではどのようにページ切り替えを実現しているのでしょうか？ 本記事では、従来のWebサイトとの違いやSPA（Single Page Application）のメリットを踏 […]
プログラミング 【第4回】React初心者入門！useStateで画面を動かそう！リアルタイム更新フォームの作り方
はじめに 以前紹介した第3弾では、「Props」と「配列のmap処理」を使って、データを外から渡して画面を組み立てる方法を学びました。 しかし、これまでの画面は一度表示されたらそのままの「静的」なものでした。Webアプリ […]
プログラミング 【第3回】React初心者入門！Props（プロップス）を使ってパーツを使い回そう
前回は、ヘッダーやプロフィールカードなどのコンポーネント自作とCSS装飾に挑戦しました。 しかし、前回のコードには1つ大きな課題がありました。 それは、「プロフィールカードに書かれた名前やテキストが固定（直書き）されてい […]
プログラミング 【第2回】React初心者入門！コンポーネント自作＆CSS装飾でトップページを書き換えよう
前回はViteを使ってReactの初期画面を表示させるところまで進めましたね！ 第2回となる今回は、あの初期画面を丸ごとリセットして、「自分だけのオリジナル・トップページ」 を作っていきます。 Webアプリ開発で超重要に […]
プログラミング 【第1回】React初心者入門！ 最初の画面を表示するまで解説
「モダンなWebアプリを作ってみたい！」「Reactってよく聞くけど、どうやって始めればいいの？」そんなプログラミング初心者の方に向けて、今回はReact（リアクト）の基本から、自分のPCで初期画面を立ち上げるまでを、わかりやすく解説します...