最近、記事「新技術学習の完全なガイド」1を読んで、とても刺激を受けました。私はよく「何を学べばいいかわからない」と「どのように学べばいいかわからない」というジレンマに陥ります。時には努力をしているように見えることもありますが、効果はほとんどありません。
この記事では、前述の新技術学習に関するいくつかの方法を挙げ、最近の React 学習の経験と組み合わせて、どのように学習するかを探求します。
まず、自分自身を見つめ直してみましょう。私が現在取り組んでいるフロントエンド開発の仕事について話しましょう。私がよく知っている技術スタックは何ですか。仕事では主に JavaScript + Vue + CSS を使用しています。会社の業務が比較的単純なため、縦方向の探求の余地はあまりありません2。したがって、自分自身を横方向に突破したいと思っています。つまり、先述した「何を学ぶか」という最初のジレンマです。
学習の動機#
仕事の要求#
仕事の要求は、強力で持続的な外部の学習動機です。仕事に関連する技術は、通常、私たちが最も堅実に把握し、私たちのコア技術能力を構成する部分です。一方、仕事と関連性の低い技術は、途中で放棄されやすい部分です。
実は、かなり以前から React と TypeScript を学びたいと思っていましたが、実際にはやらずにいました。TypeScript についての理解は、それが JavaScript のスーパーセットであることを知っている程度でした。具体的にどのようなものかは、ずっと見ていませんでした。その理由は「十分な学習動機がない」からです。GitHub で優れたオープンソースプロジェクトが多く、その技術スタックが ts + react であることを見ても、深く継続的に探求することはありませんでした。
真剣な学習#
過去の失敗経験の反省#
かなり以前、フロントエンドに触れ始めた頃、私は努力に見える行動をしていました。よく掘金コミュニティの記事を読んだり、公式ドキュメントを「繰り返し」読んだりしていました。まず、技術記事を読む時間のほとんどは、食事を待っているか、地下鉄を待っているときです。これは非常に「断片的な」時間であり、システム的に学習するのは非常に難しいです。
ですので、今回は再び React を学ぶことに決めました。最初から、私は目標を立てました - frontend-bootcampの演習を完了することです。なぜなら、このプロジェクトは TypeScript + React で実装されているからです。
高強度の間欠的なトレーニング#
読む資料を繰り返し表示する
React の学習については、主要な学習は「frontend-bootcamp」というプロジェクトを中心に行います。全体で 13 のセクションに分かれています。この記事を書いている時点で、私はすべての 13 の演習を完了しました - ts + react を使用して、ToDo アプリを実装しました。プロジェクトの最適化のために、状態管理ツールの Redux と Fluent UI も使用しました。
範囲外のトレーニング#
- ToDo アイテムにカラータグを追加する
- ToDo アイテムをカテゴリ分けする
成果の蓄積 => アウトプット#
- GitHub
- ブログ