【Vue.js入門】ユーザ管理画面をVuetify.jsのData tablesで作る
ユーザ管理画面のUIをVeutifyのData tableを使って作ってみました。 ほとんどは公式のリファレンスを参考にしました。 https://vuetif…
【Vue.js入門】Vuetifyの導入
Vue.jsで簡単なユーザ管理アプリを作ろうとしています。 UIコンポートネントは、Vuetifyというものを使用してみます。 Vuetifyの利用 まず、Vu…
【Vue.js入門】VueのHelloWorldを解説 (Vue Routerあり)
概要 前回記事でVue RouterなしのHelloWorld、「vue_app_norouter」を作成し、記述内容を整理しました。 Vueはシンプルで学習コ…
【Vue.js入門】VueのHelloWorldを解説 (Vue Routerなし)
Vue.jsで、vue init webpackしたときに生成されるindex.html/main.js/App.vue/HelloWorld.vueがどのよう…
【Railsサンプルアプリ】Rails – VueアプリのCORS対応
前回記事のRailsバージョンをVueで表示する際、 http://localhost:8080からhttp://localhost:3000がクロスドメイン通…
【Railsサンプルアプリ】RailsのバージョンをVueで表示
サンプルアプリとしてRailsのバージョンをVueで表示してみます。 Rails側は、バージョンを返すWebAPIを作成し、Vue側でWebAPIを呼び出す方式…
Vue CLI環境構築
Vue CLIをインストールしました。 概要 nodebrewのインストール node.jsのインストール npmでvue-cliをインストール npmでyar…
Vue.js 入門 フォーム部品のサンプル
Vue.jsで主なフォーム部品のサンプルを表示してみました。 概要 以下のフォーム部品を試しています。 input type=”text”…
Vue.jsの入門 お手軽サンプルを試してみる
Vue.jsを試してみます。 Vue CLIを導入する前に、まずは簡単に試せるVue.jsのサンプルを動かしてみます。 Vue.jsのサンプル 以下をhtmlフ…