昨今のWebフロントエンドはきっとそんなに怖くない

というポエムです。

はのフロントエンド入門、次あたりから React とかに踏み込まないといけないっぽいのですが、そこそこ気合い入れないと書ける気がしなかったのでちょっとポエミーなネタでお茶を濁します。

フロントエンドは怖いのか

かくいう私もフロントエンド怖かった一人です。弊社のフロントエンド勢がガチすぎて余計怖かったというのはある気がしますが…

そんな私も、今や（一応）弊社フロントエンドエンジニアの一員として日々JSと格闘する日々を送っています。半年でもそれなりに書けるようになった…はず。

で本題の「フロントエンドは怖いのか」なんですが、ここに来て、自分が何をどうやってフロントエンドエンジニアになったかを振り返ってみると、少なくとも

「フロントエンド始める前に思っていたほど怖いものではなかった」

と思います。

ていうかそもそも「フロントエンド怖い」って言った時の「怖い」って一体なんなんでしょう？

私が感じていた怖さは以下のようなものだった気がします。

などなど。なんかもっと色々あった気もする。

ざっくりまとめてしまうと「未知の世界すぎて怖い」というのが割としっくりくる気がします。

未知の世界、というだけであれば他の言語、フレームワークなども同じではあるのですが…

たとえばバックエンドの例として Ruby, Rails を考えてみると、 Rails は比較的やれること、やるべきことが分かりやすく、未知の世界なんだけど進むべき道は割とはっきり見える、という感じでしょうか。

他の言語も根幹はあんまり変わらない気がします。進むべき道がそれなりに見通しやすい、という意味で。（例外はあるかもしれませんが）

それに対してフロントエンドの場合、未知の世界であることは同じなのですが、見えている道が既にめちゃくちゃ分岐していて、どこからどう進めば良いのかが全然分からないから怖い、という感じ…だと私は思っています。

フロントエンドを始めたい、なんか React/Redux が流行りっぽい、Webpack はとりあえず使うよね、 ES6 で書かなきゃね、 TS もあるよ、 flow で型入れる？ CSS Modules もないとね、 etcetc...

フロントエンドという言葉の指す範囲が広すぎるというのもありそうですが、最初に見える技術スタックの数が多すぎて進めなくなるのが恐怖感の根幹なような気がします。

という訳で、始める前は上記のような理由でめっちゃ怖かったフロントエンドですが、実際のところそこまで怯える必要はなかった、というのは記事の頭の方で言ったとおりです。

上述の通り、「道が見えないから怖い」のであって、ある程度道が見えさえすればあとはやるだけ。他の言語とあまり変わらず出来ます。

個人的には、

という感じに、まずは基礎をある程度ちゃんとやるのが大切だと思っています。

自分の場合、 ES6 がどーの、クラスがどーのなどと言った雑な知識で JS の基礎を蔑ろにしていたため、なかなか体系立った学習が出来ていなかった時期がありました。

以下のような書籍で基礎的なところをざっと学んで、知っていることも多かったですが、読んだ後は今までピンとこなかったフレームワークの話などがすっと入ってくるようになりました。やっぱり基礎は重要。

React ときたら Redux に手を出したくなりますし、セットでよく出てくるものではあるのですが、個人的には Redux はすぐに手を出すものではないような気がしています。

生JS -> jQuery などの流れでもそうなのですが、必要最低限のものを一回試してみてからでないと、ライブラリの便利さ、必要性はなかなか理解できません。

結局のところ、「そのライブラリをいつどこで使いたいのか」がピンとこないと、なんかよく分からないものを触っている、という状態から抜け出しにくくなると思っています。

昨今のフロントエンドは変化が激しいです。よく使われる、流行りのライブラリも一瞬で変化していきます。が、その根底にあるのは基本的に HTML/CSS/JS です。

それらの基礎を固めた上で少しづつ React などのモダンなフロントエンド技術を少しづつ取り入れていくようにするのがいいんだろうな、と思います。

というまとまりのないポエム。

いつかもうちょっとちゃんと「自分がどうやってフロントエンドを学んだのか」を書きたい気持ち。