書籍「Vue.js入門基礎から実践アプリケーション開発まで」を読んで、入門できなかった話

はじめに

年初から、ポートフォリオを「Vue.js」で作ろうと思い、以下本を読んでいたのだが、ついに途中で挫折して（心が折れて）しまった。

Vue.js入門基礎から実践アプリケーション開発まで

作者: 川口和也,喜多啓介,野田陽平,手島拓也,片山真也
出版社/メーカー: 技術評論社
発売日: 2018/09/22
メディア: 単行本（ソフトカバー）
この商品を含むブログを見る

誤解がないように言うと、この本自体は素晴らしい本だ。
ただ、私がこの本を手にするには、レベルが低すぎたという話。

ちなみに、私のスペックはJavaScriptを書いた経験はほとんど無く、なんとなくソースコードは読める程度だ。
そもそも、このレベルの人が、Vue.jsに手を出すのはちょっと・・・という話もあると思うが、それは一旦置いておく。

まずは、この本の素晴らしさ、Vue.jsの素晴らしさについて以下に書いていく。

1章がとても良かった

「1章かよっ」とツッコミを入れた人もいると思うが、1章では、複雑化していくフロントエンドの開発、それを踏まえた「Vue.js」の特徴を説明している。私が「あ、なるほどなぁ」と感じた部分は「すべてはUIコンポーネントから構成される」という言葉だ。 UIコンポーネントというのは、たとえばWebページにあるヘッダー。
ヘッダーにログインボタンや複数のリンクがあった場合、その纏まりを1つのコンポーネントと呼ばれる単位に置く。すべてのWebページは、このコンポーネントと呼ばれる単位で構成されているよ。という事。
さらに、コンポーネント単位で再利用が可能であり、どのWebページにも配置する事ができるエコシステムである。との事。こういった再利用が可能な考え方は、個人的にも好きなので、とても楽しんで読むことができた。

Vue.jsってライブラリ？フレームワーク？

Vue.jsはフレームワークだという言葉を良く耳にする。（私だけ？）
でも、中にはライブラリと呼ぶ人もいる。
結局どっちなの！？というモヤモヤが私の中にずっとあったのだが、この本はこれを解決してくれた。

結論：Vue.jsはライブラリです。

ただ、「Vue.js」はプログレッシブフレームワークという考え方のもとに作られている。

プログレッシブフレームワークとは「Vue.js」自体はViewに焦点を集めたライブラリだが、＋αのライブラリやツールを用いる事で、フレームワークとして機能する。という考え方。
なので、「Vue.js」自体はライブラリだが、＋αの「Vue-Router」や「Vuex」等を組み合わせるとフレームワークとして使う事もできる。

これで私のモヤモヤが解決された。
また、この辺りも個人的にとても面白い仕組みだと思った。