私はReactやNext.jsといったフロントエンド開発を教えています。
その中でビギナーの方からよく受けるのが、次のような相談です。
「HTMLとCSSは勉強しました」
「ウェブサイトも作れました」
「でも次に何を勉強すればいいかわかりません....」
ここで足踏みしてしまう人、そして完全に止まってしまう人は実はとても多くいます。
かくいう私自身、止まっていました。
HTMLとCSSまでは順調に進む
HTMLとCSSは、やったことがそのまま結果になります。
例えば、<h1>こんにちは</h1>と書けば文字が大きく表示されます。
color: red;と書けば文字が赤くなります。
「自分の書いたコード」と「その結果」が1対1という、とてもわかりやすい世界なのです。
そのためHTMLとCSSの勉強はスイスイ進みます。
しかし、その次のJavaScriptで突然ハードルが上がります。
JavaScriptを難しく感じるのは普通
私もHTMLとCSSの勉強は楽しかったのですが、JavaScriptで止まりました。
理由は単純で、HTML／CSSとJavaScriptでは考え方が違うから。
しかしそのことに長い間、気がつけなかったのです。
先ほど見たように、HTML／CSSは「コード」と「その結果」が1対1の世界でした。
しかしJavaScriptはそういう世界ではありません。
異なるアプローチが必要になります。
しかしHTML／CSSの勉強をスムーズに進めてこれた人ほど、「このままの勢いでJavaScriptもできるようになるだろう」と誤解をしてしまうようです。
そのため「JavaScriptには異なるアプローチが必要」ということになかなか気がつけない。
それに加えて、JavaScriptではたくさんのプログラミング専門用語が出てきます。
- メソッド
- オブジェクト
- 関数
- 配列 etc....
私はこれらの言葉で大きくつまずきました。
言葉が分からないと、その文章も意味がつかめません。
そして私自身がビギナーにプログラミングを教えるようになって、同じようにつまず人が実は大勢いることに気がつきました。
その結果、「HTMLとCSSはできたのに....自分には才能がないのだろうか」と思い悩む人も少なくありません。
最初から全部理解する必要はない
振り返ると、当時の私は理解しようとし過ぎていました。
「JavaScriptを理解してからReactへ進もう」
「専門用語を全部理解してから次へ進もう」
そう考えていたのです。
しかし、あとになって思うのは、「理解より先に手を動かした方がよかった」ということです。
• わからないままでもとにかく先に進む
• 必要になった時に戻ってくる
このくらいの意気込みで十分だったのです。
HTMLとCSSの知識は無駄にならない
HTMLとCSSを勉強した人は、すでに大きな武器を持っています。
ReactやVueも、画面を作る部分はHTMLとCSSの延長線上にあります。
「JavaScriptを完全に理解しないとReactはできない」
こう思っている人もいますが、実際はそんなことはありません。
「HTMLとCSSの次は何を勉強すればいいんだろう」
「JavaScriptで止まってしまった」
「ReactやVueを始められない」
もしこのように悩んでいるなら、それは珍しいことではないと知っておいてください。
同じ悩みを持っている人は他にも大勢います。
JavaScriptでつまずく理由や、Reactへ進むときの考え方について、私の体験談を下記の関連記事でいくつも書いているので参考にしてください。
関連記事
▼ JavaScriptが難しくてReactに進めなかった頃の話
▼ Reactが難しいと言われる理由と、その乗り越え方
▼ React学習ロードマップ【2026年版】
▼ 「JavaScriptを理解してからReact」は遠回りだった
HTMLとCSSの知識だけでReact × TypeScriptをすべて学べる学習素材もあります。
詳細はこちら▼