最近、記事を読みました ——《新技術学習不完全指北》1、とても刺激を受けました。「何を学ぶべきか」「どうやって学ぶべきか」というジレンマにしばしば陥ります。時には見かけ上の努力をすることもありますが、効果はほとんどありません。
この記事では、上記で言及した新技術学習の方法の一部を挙げ、自分の最近の React 学習の経験を交えて探求してみます。
まずは自分を見つめ直してみましょう。現在自分が従事しているフロントエンド開発の仕事について、どの技術スタックに精通しているのかを考えます。仕事では主に JavaScript + Vue + CSS を使用しています。会社の業務は比較的シンプルなので、あまり縦の探索の余地はありません2。そのため、自分を横に突破したいと思っています。つまり、上記の最初のジレンマ —— 何を学ぶかです。
学習動機#
仕事のニーズ#
仕事のニーズは、強い、持続的な、外部からの学習動機です。仕事に関連する技術は、通常、私たちが最も確実に習得し、私たちのコア技術能力を構成する部分です。一方、仕事との関連が薄い技術は、最も途中で放棄しやすい部分です。
実は、以前から React や TypeScript を学びたいと思っていましたが、ずっと実行に移せていませんでした。TypeScript についての理解は、JavaScript のスーパーセットであることだけです。具体的にどういうものかは、ずっと見ていませんでした。その理由は「十分な学習動機」がなかったからです。GitHub で多くの優れたオープンソースプロジェクトが ts + react を技術スタックとしているのを見ましたが、深く持続的に探求することはありませんでした。
真剣な学習#
以前の失敗経験の反省#
ずっと前 —— フロントエンドに初めて触れたとき、私は一見努力しているように見える行動をしていました。掘金コミュニティの記事をよく見たり、「何度も」公式ドキュメントを見たりしていました。まず、技術記事を読む時間の大部分は、食事を待っているときや地下鉄を待っているときです。この部分は実際には非常に「断片的」な時間で、体系的に学ぶのは難しいです。
そのため、今回再び React を学ぶことを決めたとき、最初から目標を設定しました ——frontend-bootcampの演習を完了することです。このプロジェクトは TypeScript + React で実装されています。
高強度のインターバルトレーニング#
読書材料を繰り返し出現させる
React の学習に関しては、主な学習ラインはfrontend-bootcampというプロジェクトに基づいています。全体で 2 つの大きなステップに分かれ、合計 13 の小節があります。この記事を書いている時点で、私はすでに全 13 の演習を完了しました ——ts + react を使用して todo アプリを実装しました。状態管理ツールの redux と fluent-ui を使用してプロジェクトを最適化しました。
超過課題#
- todoitem に色のタグを追加
- todoitem を分類する
成果の蓄積 => 出力#
- github
- blog