React.jsのキャッチアップは「取捨選択」が9割

React.jsの   キャッチアップは   「取捨選択」が9割   三海純(ミカイジュン) 

ミカイジュン   • フリーランスエンジニア   • 趣味: もくもく会、ネット麻雀(雀魂)、ブルーアーカイブ  
• 特技: 週6ぐらいは毎日5時起き   ▪ 平日はゲーム2時間、業務外の勉強2時間   ▪ 休日はゲーム6時間、業務外の勉強4時間   • 好きな有名人   ◦ 後藤ひとり、千早愛音   ◦ 陸八魔アル、八木唯など  

キャリア  • 現在 : フリーランス(自社開発)   ◦ Next.jsの新規開発とバックエンドを担当  
• 2022/03 - 2023/09: 正社員(自社開発)   ◦ バックエンドはPython / Nest.js(Node.js)   ◦ フロントエンドはReact.jsとNext.js   • 2020/06 - 2022/02: 正社員(受託企業)   ◦ Vue.js/Nuxt.jsをメイン  

React.js(Next.js)の   キャッチアップって   難しいですよね・・・  

今ではNext.jsの   新規開発・設計・指導を担当しています  

React.jsを   キャッチアップした時に   - 必要だったもの ⭐  - 後で学べばいいもの 💦 
  があるので共有したいと思います  

React.jsのキャッチアップのゴールは     実務で活躍できる知識を   最優先で身につけること     これだけ 

目標のために必要なことは・・・   React.jsとTypeScriptで   TODOリストレベルを   作ってみるだけ  

以上 

実際に自分が勉強した内容で   これは後で学んでも   よかったなだったな〜   というものを4つ紹介  

おことわり     これから紹介する技術は大事なことです   ただし、メンバークラスの   エンジニアはすぐに使わなそう   という意味で紹介します
 

後で学べばいいもの1 💦    Webの仕組み全般  

HTTP、CORSといったWebの仕組み全般   これらは大事なことですが、   初めてReact.jsを実務で関わること   になった時は画面実装が   メインになるためこれらの  
知識は使わないことが多い  

後で学べばいいもの2 💦    パッケージマネージャーのキャッチアップ  

npmやyarnといったもの。   新規開発でない場合はコマンド実行する   だけのことが多い。   新規開発でもテンプレートが   いっぱいあるのでそれを参考に  
すれば良い  

後で学べばいいもの3 💦    CSSの設計手法  

BEM、OOCSS、SMACSS、FLOCSS   といったCSSの書き方のこと。   現場から明確に「これ使います」   という案内があってから   キャッチアップすればOK  

後で学べばいいもの4 💦    JavaScriptやTypeScriptを   極めること  

- JavaScriptの文法を分厚い本で学ぶ   - TypeScriptの型パズル   など    React.jsに限った話ではないですが  
使うかわからない技術は後回しでOK  

「後で学べばいいもの」をあげた理由は     実務で活躍できる知識を   最優先身につけること  

そのためには効率よく   学習することが大事です     これってReact.jsだけの話では   ないですよね〜  

ご清聴ありがとうございます！ 

React.jsのキャッチアップは「取捨選択」が9割

React.jsのキャッチアップは「取捨選択」が9割

ミカイ

More Decks by ミカイ

Featured

Transcript