Web制作でJavascriptってどこまでやればいい？

こんにちは、レックです。
プログラマーとして活動しております。

web制作で求められるものとしてHTML、CSS、Javascriptは必ず取得しておきたいスキルです。しかし、HTMLとCSSに比べてJavascriptの方が奥が深いので、「どこまで学べばいいの？」と疑問に思われるかもしれません。

なので、今回は「Web制作でJavascriptってどこまでやればいい？」というご質問にお答えしたいと思います。
「効率よくweb制作で収益化したい」という方は必読です。

Javascriptはどこまでやればいい？

「Javascriptはどこまでやればいい？」という質問ですが、結論、

「パターンを覚える」

これに尽きます。

要するにJavascriptで頻繁に実装するwebサイトの動きをパターンで覚えておくということです。

具体的にどのようなものが挙げられるかと言いますと、

私の経験上、この4つ以外を実装することはほとんどないです。もちろん、多少案件によっていつもよりプラスアルファしたハンバーガーメニューやモーダルウィンドウを作ることもありますが、基本的なJavascriptの知識があれば全然実装できます。

なぜパターンだけでいいのか

これも私の経験からの見解ですが、そもそもJavascriptの動きにそこまでこだわっているクライアントの方は多くありません。

むしろ、「どんな動きがいいですかね？」とこちらに提案を求めてくることが多いです。
ほとんどのクライアントの方は動きよりも、デザインやwebサイトから得られる成果などを重視していると思いますので、Javascriptのアニメーションは頻繁に使われるものに限ります。

もちろん趣味としてJavascriptのアニメーションを極めるのはいいかもしれませんが、案件が欲しいのであれば、上記の4つのパターンを実装できるようにするのが最優先かと思われます。

どのようにJavascriptを学ぶか

先ほど「4つのパターンを実装できるのが最優先」とお伝えしましたが、もちろんいきなりそれを実装するのには無茶があります。Web制作のためのJavascriptの習得方法を私の経験も踏まえてお伝えします。

１、書籍で基礎を学習

まずは、Javascriptの基礎的なところを学習します。

もちろん、Youtubeやネットで理解できるという方は大丈夫かと思いますが、個人的にネットの情報だけではあまりJavascriptをよく理解できませんでした。なので、個人的には書籍でJavascriptの基礎的なところを学ぶのをお勧めします。

ただ、よくあるJavascript初心者向けの書籍だと、実際の実務の中で「あの知識別にいらなかったな」というのが割とあります。なので、完全に全て理解する必要はないです。
学習を進める中で、必要性を感じたら戻って復習するという方法がベターかなと思います。

２、アニメーションを実装

基礎的なところを学んだら、すぐに先ほどの4つの動きを実装していきます。

ここで注意しておきたいのが、基礎的なJavascriptの知識からステップアップしようとしないことです。
これに関しては私もやってしまっていたのですが、Javascriptの基礎的なところができたらすぐに何かwebサイトの動きを実装することをお勧めします。

どうしても「よりJavascriptの知識を深めたい」という思考になってしまいがちですが、先ほどもお伝えした通り、Javascriptで作るものはおおよそ決まっているので、ステップアップの学習は無駄になってしまいます。

それは一理あります。ただ、Javascriptの動きでエラー出ることほとんどないです。
なぜなら、ハンバーガーメニューやモーダルウィンドウなどの動きはそこまで複雑な動きではないからです。

よく「エンジニアは実装してる時間よりもエラーに対処してる時間の方が多い」と言われますが、web制作の場合、私の経験上そんなにエラーがバンバン出るようなものではありません（もちろんweb制作の規模にもよりますが）。

なので、Javascriptの学習は基礎的なところをやったら、そのまま動きの実装をしてしまうのが良いです。

まとめ

✓Javascriptは、よく出る動きを覚えておけば大丈夫

✓学習方法は、基礎的なところを済ませたらすぐに実装してみることが重要