フロントエンドちょっときついのできちんと基礎から学び直す計画を立てます

March 28, 2020 — 3 Min Read

なぜフロントエンドを学ぶのか

今、お仕事でディープラーニングや機械学習のシステム基盤やバックエンドを開発している。色々なツールを組み合わせて利用することが多くDashboardを作成したい、というのが一番のモチベーションである。

どうせ作るのであれば高いレベルのものを作りたいので一からきちんと学びたい。ただこれまでにも挫折してきた経緯があるのでなぜなのか考察する。

ゴールはDashboard（内部 or toB向け程度）をさらっと1週間以内で作れるレベルになること。故に、プロレベルでは必要そうなSEO、sketchやワイヤフレーム、そもそものどういうサイトにすべきかのユーザ分析とそれを踏まえた設計などは対象外とする。

バックエンドエンジニアでこれまで全くフロントエンドをやってきていない人間が、フロントエンドを学ぶのはとてもハードルが高いと感じる。

理由を書き出す。

色々最新の動向などをググりまくって学びたいものをまとめた。
主に自分が学びたいものに対しての現状のレベルを書いておく。

HTML/CSS
ごまかしごまかしかける程度、Grid layoutやflexboxなど用語レベルでなんとなく理解している。
ペライチのページ作れと言われると綺麗に作り上げることができない。
Javascript/Typescript
本を一冊読んだ程度で手を動かして何かを作ることはほぼしていない。
そもそもTypescriptから学ぶのではダメなのか？古い記法が多いのでよくわからん・・という状態。
npm
仕事で多少使っているくらい。package.jsonやらwebpack周りはざっくり理解している。
React.js
本を一冊読んだくらいでまだ積極的に手を動かしていない。
Gatsbyjsで本記事を書いているので中身を追ってみたくらい。
Redux, hooks
何もわからん
jest
使い方もわからん
Styled Components
本で出てきたので少し知っているくらい。実務には到底耐えない。
Bootstrap(Reactstrap)
使ったことない
Material-UI
使ったことない
GraphQL(Apollo)
美味しいの？チョコ？
axios
わかりませんわ・・

これで正しいかわからないがやっていく。
終わった後で振り返りの記事を書く。

自分は本を選ぶときは、

発売日(分野にもよるが3年以上古いときつい)
誤字脱字、正誤表の有無
誤字脱字は致し方ないが、正誤表にあまりにミスが多いと買う気をなくす。
そもそも正誤表がないのは誠実ではないのであまり書いたいと思わない。
初級すぎるものはNG
オライリーのように深い内容で体系的に学べた感があるものが好き
古くないもの、モダンな内容が含まれているもの
利用ツールが古かったりするとその時点で買わないことが多い