Vueプロジェクトファイルを確認してみた件
Vue-Cliを使いプロジェクトのパッケージがインストール完了すると。様々なファイルがインストールされたことがわかるかと思います。全てを解説すると長くなってしまうのでまずは、主要なファイルの説明を簡単にしていきたいと思います。 どうやって表示されているか まずはVue.Jsがどのようにブラウザに表示させているかを把握しましょう。– public / index.htmlこのファイルが最 […]
Just a feel good
Vue-Cliを使いプロジェクトのパッケージがインストール完了すると。様々なファイルがインストールされたことがわかるかと思います。全てを解説すると長くなってしまうのでまずは、主要なファイルの説明を簡単にしていきたいと思います。 どうやって表示されているか まずはVue.Jsがどのようにブラウザに表示させているかを把握しましょう。– public / index.htmlこのファイルが最 […]
さて、前回お話しした通りVue-Cliを使いTODOリストを作っていきます。Vue-Cliのインストール方法がわからないという方はこちらから。 プロジェクトの作成 createコマンドを使いプロジェクトを作成します。プロジェクト名は「app_todo」です。 vue create app_todo すると次のような質問がでてきます。 Vue CLI v3.0.1 ? Please pick a p […]
さて、Vue-Cliを勉強すると言ってもリファレンスをみながら進めていくだけでは退屈なので、制作物を決めていきたいと思います。 Webアプリケーションを作りたい フレームワークを使った制作物といえばやはりWebアプリではないでしょうか。Vue.Jsを使うことで再利用性やディレクティブ、データバインディングといった機能を活かしたスマートな制作ができます。 今回はTODOリストを作成しようと思います。 […]
人気のjavascriptフレームワークVue.jsをはじめてみました。なぜVueなのかというと単純に他のフレームワークに比べ学習コストが低いからです。とはいえ使いこなすためにはそれなりの時間がかかるためここから地道に努力していこうと思います。 Vue.Jsとは さて、Vue.jsの特徴はと言いますと。 学習コストの低さ コンポーネントによる再利用性 ディレクティブを使える このあたりになってくる […]