【初心者】Java Scriptライブラリのお薦め

Question

4月から大学生になるのですが、
コーディングを始めてまだ1、2ヶ月目です

そして、将来はウェブデザインAndroidアプリを開発したいと思っています。
現在、CSSの簡単なアニメーションぐらいは作れるのですが、Java Scriptのライブラリやフレームワークのも勉強したいと思っております。

ここで質問なのですが、僕のような初心者はjQuery（人気は下がっていますが）から勉強するべきでしょうか。それとも、難易度の高いreact.jsやreact Nativeやvue.jsを最初から勉強した方がいいでしょうか。アドバイスを頂けたら幸いです。

Answer 1

Java Script

超細かいですが、スペースを入れずにJavaScriptが正解です。
https://developer.mozilla.org/ja/docs/Web/JavaScript

ブラウザ上で動作するLiveScriptとして作られたスクリプト言語があるのですが、
リリース寸前になってJavaという言語が流行した為、
その人気にあやかろうと急遽名前を変えたという経緯があります。

元々インドという大国があり、その名前に諸国を付けた完全別の国であるインドネシアと似たような関係です。
インド ネシアとは言わないでしょ？
それと一緒で正式名称JavaScript、略称JS(ジェイエス)が正解です。

---

僕のような初心者はjQueryから勉強するべきでしょうか?

JavaScriptは後付けでHTMLを書き換えて、
優れて分かりやすいUIを提供するための言語です。

なのでJavaScriptで何が出来て何が出来ないのか、
得意なのはどんな事かを学習しましょう。

jQueryはDOMを操作する機能を豊富に持つライブラリです。
jQueryを採用するメリットは以下の2つです

• クロスブラウザ対応(もう不要なので人気が下落した)
• イケてるメソッドを有して少ないコードで機能を表現できる

登場時の2006年頃はブラウザ毎の足並みが揃わず、同じDOM操作をしようと思ってコードを書いたら、
「は？そんな機能はありませんよ？？？」というエラーが返ってくる非常に辛い言語でした。
そのため、IEならa機能、Chromeならb機能、Firefoxならc機能…という風にちょっとした事をやろうとするだけでif文だらけでコードを覆い尽くすような有様でした。

jQueryは内部的にこのクロスブラウザ対応が素晴らしく、あっという間に全世界に広がりました。
しかし、IE9あたりで各社のブラウザの足並みがある程度揃いましたので、
その役目を終えたとして徐々に人気が下落しています。

まぁ、イケてるメソッド名でスタイリッシュにDOMを操れるので、
好んで使っている人はまだまだいます。
ネイティブJSに存在するDOM APIのメソッド名は超絶ダサくて冗長な名称が多いですね。

---

難易度の高いreact.jsやreact Nativeやvue.jsを最初から勉強した方がいいでしょうか

JSフレームワークはこれらのどれかが確実に流行るという保証はありませんが、
JavaScriptで高機能なUIのWebサイトを表現したければ避けては通れません。

JSフレームワークは基本的にHTMLテンプレートを読み込ませる作りになっています。
その後、JS世界の値が変化したら、それを察知してHTMLテンプレートを使って、最新のあるべき姿(HTML・DOMツリー)に瞬時に切り替わります。

この最新のあるべき姿という所がポイントで、
jQueryやネイティブJSでは基本的にA→BにDOMを変異させる命令を書きます。
もし既にBであるにも関わらずA→BにDOMを変異させる命令を再度飛ばしたらどうなるのでしょうか？
その辺の整合性を取るために、フロントエンドエンジニア達は日夜深夜まで残業して頑張っているわけですね。

対するJSフレームワークは、変数が切り替わったらあるべき姿になってくださいね。
2回リフレッシュを実行しても、同じHTMLが2度払い出されるだけ。
エンジニアは変数世界の値を監視するだけでよくなります。

これを冪等性と呼び、
この冪等性があるからこそJSフレームワークを使うべきだとなるのです。

もちろん、JSフレームワークは値の管理という所がとても重要になってきますし、
HTMLではなくHTMLテンプレートという似てはいるが非なるものを使ってWebサイトを書いていく事になります。
覚える事は非常に多いですし、JavaScriptが持つ値を変化させていくという所の知識もとても重要になります。

Comments

[masa_mf3]

非常に詳しい説明ありがとうございます。
Java Script関係は、今までネットの情報だけだったので、驚いています。確かにJava Scriptを知らないでその奥の道へ進むのは、逆に難しいと感じました。改めて実感でき、とても感謝しております。

Answer 2

アプリのようなパッケージを作っていきたいなら、まっさきにまずjavascriptをある程度マスターするのが前提ですね。

jQueryは小規模開発、またはWebページのようなダイナミックな動きが少ないプログラムを制御するのには打って付けですが、アニメーションなどの制御が弱いためアプリ開発の道に進んでいきたいならReact、Vue.js、あるいはもっと専門的な知識がついてきたらAngularも挑戦してみたらいいと思います。

自分のオススメはVue.jsですかね。Reactはしょっちゅう書式が変わっていくので学習しにくいし、英語のドキュメントが読めないならかなり苦戦必至です（市販の書籍も、しょっちゅう書式が変わることがネックとなり、決め手になるものがまだありません）。対してVue.jsはまだ理解しやすいのと、jQueryなど他のライブラリとの併用が可能なので、アプリだけじゃなくて、Webページなどでも使い勝手がいいこと、また、書式もそんなコロコロ変わらない上に、市販にそれなりに評判の高い書籍があるので勉強がしやすいことです。

とはいいつつも、まず第一にjavascriptを勉強して、一通りの仕組みをわかってから他の道に進むべきでしょうね。自分も無論、jQueryを勉強する前も、まずはjavascriptの有名な書籍（いわゆる山田本です）を一通り写経しました。

Comments

[masa_mf3]

詳しい説明ありがとうございます。
現役の方の貴重な話を聞くことができて、とても幸いです。

やはり、基礎が大事だと知ることができたので
Java Scriptから頑張ろうと思います！