かとのぼのマイコード・マイライフ

個人開発者かとのぼのプログラミングと雑談のブログです。たまに読書と銭湯も

基礎から学ぶVue.js(猫本)は必読の書【vue.jsのおすすめ参考書】

基礎から学ぶ Vue.js

Vue.jsは、Javascriptのフレームワークでフロンエンド開発で使用される技術です。

このVue.jsをしっかり学ぶときにおすすめの本が「基礎から学ぶVue.js(通称猫本)」です。

全くVue.jsがわからない方はこちらの記事を参考してください。 

www.katonobo.com

 

Vue.jsを基礎から網羅的に学習できる本

「基礎から学ぶVue.js」は、Vue.jsの教科書にふさわしい本です。

本書の対象読者は

  • HTML/CSS/JavaScriptの基本的な知識がある
  • 素のJavascriptやJQueryの開発経験がありVue.jsを学習したい人
  • Vue.jsの公式ドキュメントだと情報が難しいと感じた人
  • SPA(シングル・ページ・アプリケーション)を学習したい人

です。

内容は骨太で、セクション1の「Vue.jsについて」というVue.jsの説明から始まりVue.jsの基礎をみっちりと教えてくれます。

チャプターを引用します。

  • CHAPTER 1 Vue.jsとフレームワークの基礎知識
  • CHAPTER 2 データの登録と更新
  • CHAPTER 3 イベントとフォーム入力の受け取り
  • CHAPTER 4 データの監視と加工
  • CHAPTER 5 コンポーネントでUI部品を作る
  • CHAPTER 6 トランジションとアニメーション
  • CHAPTER 7 より大規模なアプリケーション開発
  • CHAPTER 8 Vuexでアプリケーションの状態を管理する
  • CHAPTER 9 Vue RouterでSPAを構築する

基礎からVuexやVue Routerを使ってのSPAの構築まで学習することができます。

特に「Vuexの説明」と「Vue-router」セクション51の「パラメータ付きの動的ルートからコンテツンツを作成しよう」の部分が勉強になります。

この3つの箇所はVue.jsでも少し複雑で、わかりやすい説明が見つかりにくい部分です。

「Vuex」に関しては、「そもそもなんで使う必要があるのか?」という疑問があって気になっていたのでVue.jsのサイクルと照らして説明してるのがわかりやすかったです。

人によって必要な情報は違いますが、「基礎から学ぶVue.js」は色々な状況にも対応できる基礎知識を網羅してくれます。

加えて、「猫本」と呼ばれるように、ねこのイラストが特徴で可愛いです。

表紙のねこが時々に中でも登場しますが、それまた可愛いです。

辞書的な用途に使える

基礎の内容がしっかり網羅されておりコードサンプルが沢山あるので、困った時の辞書のような用途にも使えます。

余分なことが書かれてないコードサンプルは理解が捗りますし、自分の作ってるサービスに組み込む時に凄く使いやすいですよね。

さらに、ネット上にチュートリアル(書籍用サポートページ)があり、そこでコードの実際の挙動なども確認できるのでこのサイトをうまく利用しながらの学習が効果的です。

cr-vue.mio3io.com

Vue.jsで開発する時に手元に置くことをおすすめします。

基礎から学ぶ Vue.js