Your cart is empty.
Keep shopping
【時短React入門】初心者のためのReact簡単コース。HTML/CSSだけで始めるモダンReact開発
231 students
【時短React入門】初心者のためのReact簡単コース。HTML/CSSだけで始めるモダンReact開発
たった90分で最初のReactアプリ開発を体験。HTML／CSS学習後のビギナー向けReact入門コース。React + Viteを使用。簡単な解説で挫折しにくく、Reactの基本とオンライン公開方法を実践的に身につけられます。
Created by三好 アキ
Last updated 3/2026
Japanese
Japanese [Auto],
What you'll learn
- Reactアプリの開発方法
- Reactアプリの仕組み
- アプリをNetlifyなどでインターネット上に公開する手順
- 難しい専門用語を使わずに、Reactを感覚的に理解する方法
- 2～3時間でReactを使ったシンプルなアプリを完成させる方法
- HTMLとCSSの知識を活かして、JavaScriptなしでもReactを始められる方法
- 外部APIの呼び出し（fetch）によるデータ取得の実践
- 開発中にありがちなエラーの解決方法（つまずきポイントの回避）
- Reactの基本概念（コンポーネント、props、状態管理 など）
- 天気情報を取得・表示するウェザーアプリの作成方法
- UIを見やすくするためのCSSの簡単な工夫と調整
- コードの変更が即座にブラウザに反映される、開発の楽しさを体験
- HTMLとCSSの知識を活かして、JavaScriptなしでもReactを始められる方法
Explore related topics
Course content
5 sections • 36 lectures • 1h 45m total length
Requirements
- HTMLとCSSの知識
- JavaScriptの知識は不要です
- パソコン（MacまたはWindows）を使った作業に慣れていること
- 自分でファイルを作成・保存・フォルダ操作ができる程度のパソコンスキルコマンドライン（ターミナルやPowerShell）に軽く触れたことがあると安心ですが、未経験でもOK
- ソフトウェアのインストールや設定に対して、多少のトライ＆エラーを楽しめる気持ち
- インターネットに接続できる環境（APIアクセスや開発ツールのインストールに必要）
- 英語の都市名（"Tokyo"、"New York"など）を入力する場面がありますが、英語力は不要です
- Windowsの方はコマンドの表示がMacと異なる場合がありますが、基本的な動作は同じです
Description
HTML／CSS学習が終わった人向けのReact入門コースです。
1.5時間ほどで終わるコースになっています。Reactビギナーが必要な知識だけに内容をしぼり込み、時短と挫折防止を実現しています。
前提知識はHTML／CSSだけで十分で、JavaScriptの知識は不要。
一歩一歩ゆっくり進みながら、Reactの基本的な使い方を身につけましょう。
またReactアプリをゼロ円でオンライン公開する方法も紹介するので、家族や友達と成果を共有可能です。
最新の開発ツール『React + Vite』を使用
本コースではMacを使用しています。Windowsの方は一部表示が異なることに注意してください。
Who this course is for:
- HTMLとCSSの学習を終え、次にReactを学びたいと考えている初学者の方
- 「JavaScriptは難しそう」と感じていて、React学習をためらっていた方
- Reactの文法や理論よりも、まずはアプリを作る体験を通して感覚をつかみたい方
- プログラミングの学習に何度か挫折した経験があり、今度こそ成功体験を得たい方
- 書籍ではなかなか手が動かず、実際に動かして学ぶスタイルが合っている方
- Reactの入門書を読んだが、実際に手を動かすところまでいかなかった方
- 副業やキャリアチェンジのために、Webフロントエンド開発を始めたい方
- 「Viteって何？Reactでどう使うの？」という最近の開発環境に興味がある方
- 短時間で1つのアプリを作り切る経験を積みたい方
- Reactに興味はあるけど、「チュートリアルが長くて続かない…」と感じたことがある方
- 書籍『はじめてつくるReactアプリ』を動画で補完して学びたい方
- 現役エンジニアや講師ではないけれど、Reactを気軽に体験してみたい方