こんにちは、ナル(@naru_1walk)です。
最近天気が晴れなのか雨なのか当日にならないとよくわからなくなりました。
最近、Vue.js、Nuxt.jsを勉強しています。
Vue.js、Nuxt.jsとは
Vue.jsとは
Vue.js
https://vuex.vuejs.org/ja/
Vue(ビュー)はユーザーインターフェースを構築するためのプログレッシブフレームワークです。
プログレッシブフレームワークとはVue.jsを作ったEvan You氏が提唱した概念でコンポーネント設計・ライブラリの活用が小規模から大規模まで可能になる考え方です。
よくあるフレームワークは一つの大きいライブラリで拡張性があまりありませんが、この考え方では必要応じた機能のみを拡張することができます。
アプリケーションは開発したら終わり。というものではなく、新しい仕様が追加されることもあり、そういった際にプログレッシブフレームワークの考え方である、必要に応じたものだけを拡張できることが生きてきます。
Nuxt.jsとは
Nuxt.js
https://jp.vuejs.org
Nuxt(ナクスト)はモダンなwebアプリケーションを作成するVuw.jsに基づいたプログレッシブフレームワークです。
ざっくりいってしまえば、Vueに加えて、Webページを構築するための環境がまとめて提供されています。
なぜ勉強しようと思ったのか
仕事だと新しい言語を利用する機会がないため
今の仕事だと触っているのがVB.netがメインでほとんど新しい言語を利用する機会がありません。
利用できる言語が少ないとできることも少ないので、増やしてます。
最近だとVue.js、Nuxt.js以外にもSwiftやUnityも勉強してます。
楽をしたいため
新しい言語を用いることで楽ができるなら楽がしたいからです。
というのも、今の仕事でJavaやasp.netを触っていますがその言語の良さもありますが、管理しづらいと思う時があります。
別の開発手法の良さを知らないと以前から知っている言語で作ろうということになりがちですし、良さは必ず知っておくべきです。
今回、Web側の開発言語を学ぶにあたり
- 学習コストが低い
- 管理がしやすい
- 一般公開できるレベルのアプリケーションが作れそう
という判断のもと、この言語を選びました。
学習するために行ったこと
最近の学習スタイルは下記リンクでも紹介してます。
一部ダブっているので紹介。
参考書でVue.jsの勉強
基礎から学ぶ Vue.jsを用いてVue.jsがどんなものかを簡単に理解しました。
オンライン動画の紹介ではこの本を読んでもシステムは作れないかなと思っていましたが、動画で学習した後に本を見ると意味がわかってきます。
後、動画だとシステムを作るまでの一本道を勉強しますが、本ではシステムを作るまでの下地や補助的な情報を学ぶことができますね。
動画でVue.jsの勉強
UdemyでVue.jsの動画を用いて勉強しました。
Vue.js + Firebaseで作るシングルページアプリケーション
https://www.udemy.com/share/1021GSAkcbcltXQXg=/
参考書を読んだ時はこんな感じか？と単発の情報が入ってくるだけでしたが動画で見ることでシステムを作る流れを理解することができます。
動画でNuxt.jsの勉強
同じくUdemyでNuxt.jsの動画を用いて勉強しました。
Nuxt JS入門決定版！Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで
https://www.udemy.com/share/101A4WAkcbcltXQXg=/
Vue.jsを参考書や動画を用いて勉強したので、Nuxt.jsにもトライ。
Vue.jsよりも理解しやすかったのはVue.jsの下地があったからでしょうか。
今後の目標
8月中にアプリケーションを作る
今年度に入って色んな勉強をしてますが、勉強しているだけで外部への公開ができていないので、GitHubで管理をしながら公開していきます。
基本、自分が使うようですが外部公開する形で利用できるようにします。
じゃないと手を抜きそうな気がしますしね。
8月はそのあたりの進捗をブログに書いてまとめます。