「どこから始めればいい？」という問いの前に
以前教えていた生徒の中には、シニアやテックリードのポジションにいる人もいます。
新年度には、新卒エンジニアへのReact研修にアサインされる方もいるようです。
そういう方たちからよく聞く言葉があります。
「どこから始めて、何を教えればいいのか、よく分からない....」
Reactを自分で使えていても、それを教えるのは別の能力です。
「Reactをあまり知らないのに研修担当になってしまった」というケースも珍しくありません。
本記事では、React研修を始める前に担当者が知っておきたいことを紹介します。
「JSXを最初に教えて、次はイベント処理」といった技術的な順番の話ではなく、それよりも根本的で重要な話です。
「まずJavaScriptから」は正しいか
まず知っておいてほしいことがあります。
次のような言葉を真に受けないことです。
「ReactはJavaScriptのフレームワークだから、まずJavaScriptをマスターしないといけない」
確かにReactはJavaScriptベースなので、JavaScriptの知識は必要です。
世に出ているReact本や動画教材の大半も、「ある程度のJavaScriptの知識」を前提知識として求めています。
しかし、Reactを始めようとしているビギナーに一番必要なのは「ある程度のJavaScriptの知識」ではありません。
新しいことを始めるとき、人はみな不安です。
ビギナーの不安を和らげるものは何でしょうか。
それは「これなら自分にもできそうだ！」「もしかしたらできるかもしれない！」という前向きな気持ちです。
そしてそれを得る一番確実な方法は、「小さな成功体験を早く作る」ことです。
「自分には無理だろう」と感じながら進める学習には、多くのエネルギーが必要です。
一方、「自分にもできるかも」という光を感じられれば、自分で前に進んでいけます。
ビギナーにはなるべく早く成功体験を味わってもらいましょう。
そうすれば、手取り足取り指示を出さなくても、自分で学習を進めるようになります。
成功体験は気持ちいいからです。
「もっと味わいたい！」という気持ちが、自走する推進力になります。
ビギナーの固定観念を溶かすアプローチ
ではどうすれば、ビギナーに早く成功体験を味わってもらえるのでしょうか。
Reactのreturnの中は、HTMLと同じように書けます。
CSSを当てる時も、classの代わりにclassNameと書くだけです。
「新しいことを覚えないとReactは使えない」という角度からではなく、「あなたがすでに知っていることでReactは使えるよ」というアプローチです。
ここまで見てきてわかること。
【 HTML・CSSの延長線上にReactはあり、すでに知っていること（HTML・CSS）を活かせばReactを使える 】
こういうことをできるだけ早く伝えてあげましょう。
そうすれば、多くのビギナーが持っている固定観念、つまり、
「あれ、HTML・CSSとReactの間にはJavaScriptが横たわっていて、それを乗り越えないとReactは使えないと思っていた....」
を溶かしてあげることができます。
「もしかしてReactって意外に簡単かも」と感じる人が大勢出てきます。
こういう場面を、私はこれまで何度も目にしてきました。
研修の受講生に到達してもらいたいのは「Reactができる」というレベルです。
「JavaScriptができる」ではありません。
ゴールはReactなのだから、早くReactに触れてもらいましょう。
自分が登ろうとしている山が、実はそれほど高くないことに気づいてもらえます。
さらに、自分に足りないものを自覚してJavaScriptを学習する必要性も感じてくれます。
小さくていいから、完成まで体験させる
「HTML・CSSの知識でReactが使える」という理解と同じくらいビギナーにとって大事なことがあります。
それは「動くものを作る」ことです。
Reactを学ぶのはアプリを作るためです。
サイズは小さくていいので、できるだけ早くアプリ制作の一連の流れを、最初から最後まで体験させてあげましょう。
細々とした文法の説明や、例外事項へのいちいちの言及は止めます。
こういったことは往々にして、教える側の自己満足や不安から来るものです。
ビギナーにとっては不要なだけでなく、退屈を生み混乱を招きます。
「100%理解してから次に進む」という完璧主義の態度も、この段階では不要だと伝えましょう。
分からないことが多少あっても先に進み、できるだけ短い時間でアプリを完成させます。
「アプリはとにかく一応作れた。でも自分には理解できていないことや、知らないことがまだたくさんある」
大半のビギナーはこのように考えます。
こういう謙虚な姿勢を持ってもらえたら、研修は成功です。
自分に足りないものを自覚できたからこそ、あとは自分で学習を進めていきます。
研修の本当のゴールは「希望」を渡すこと
最後に、研修の目的とは何かを考えてみましょう。
Reactの研修なら「Reactを使えるようになる」が目的です。
しかし、どんな学びも一冊の本や一度の研修で終わるものではありません。
ずっと続いていくものです。
「学ぶ」というのは楽しいことです。
【 昨日はできなかったことが、今日はできている 】
これは人間の根本的な喜びのひとつでしょう。
前に進んでいる感覚を与えてくれるからです。
研修や講座は、あるスキルをマスターしてもらうことを名目に掲げています。
それはもちろん大切です。
しかしそれよりも大切なことがあります。
受講生に「自分にもできるかも」という希望の気持ちを感じてもらうことです。
そういう前向きな気持ちさえ持ってもらえれば、あとは自分で進んでいけます。
研修担当者の役割は、スキルを「教える」ことではなく、受講生が自走するための「きっかけを作る」ことかもしれません。
React学習でビギナーがつまずきやすいポイントについては下記のガイド記事で深掘りしているので、参考にしてみてください▼