Vue

Vue.jsのトランジションアニメーション[基礎編]

Vue.jsでトランジションアニメーションしたいときはtransitionタグを使えば簡単にアニメーションできるのでご紹介いたします。

投稿日2018/06/12
更新日2018/06/12

Laravel+Vue.jsでインクリメンタルサーチ

LaravelとVue.jsを使用したインクリメンタルサーチ機能の実装例です。

投稿日2018/05/25
更新日2018/05/25

Laravel+Vue.jsでトークン認証してデータを取得する

LaravelのAPI認証はPassportやJWTなどがありますが、ちょっとVue.jsを使いたいといったときは大げさな気がします。そこでトークン認証でVue.jsを使用してみたいと思います。

投稿日2018/01/18
更新日2018/08/17

Vue.jsでリストをモーダルウィンドウから選択する

Vue.jsでリストをモーダルウィンドウを開き、項目を選択できるような動きをやってみます。

投稿日2017/09/29
更新日2017/09/29

Vue.jsでアニメーションして表示するモーダルウィンドウ

Vue.js を使用してアニメーションして表示するモーダルウィンドウを作ってみます。

投稿日2017/07/31
更新日2017/07/31

簡単なTODOアプリで Vue + Vuex を学んでみよう

前回、Vue.jsコンポーネント間の値のやりとりについてをやりましたが、この方法だとコンポーネントが増えていくといわゆるバケツリレー状態になり管理が難しくなります。
そんなときは状態管理パターン+ライブラリであるVuexを使用すれば解決してくれるみたいですよ。

投稿日2017/05/09
更新日2017/05/09

Vue.jsで高品質なUIライブラリElementを使ってみる

ElementはVue.jsで使用できる、モーダルやデイトピッカーなどよく使われるコンポーネントを集めたライブラリ集です。
これを使えば高品質なアプリケーションのUIを簡単に構築することができます。

投稿日2017/04/20
更新日2017/04/20

Vue.jsで日付処理ライブラリMoment.jsを使う

JavaScriptで日付の表示に便利な Moment.js というライブラリがありますが、これを Vue.js で使用する方法をご紹介します。

投稿日2017/04/11
更新日2017/05/08

Vue.jsでコンポーネント親子間の値の受け渡し

Vueの初歩的なことになりますが、親子関係のコンポーネントで値の受け渡しをやってみます。

投稿日2017/03/28
更新日2017/04/10

GulpでVue+SASSの開発環境を構築する

VueはJavaScriptを読み込むだけお手軽に始めることはできますが、プラグインとか使おうと思ったとき require で読み込むのが前提になっているので、やっぱり開発環境からやらないといけないんですよね。

投稿日2017/03/15
更新日2017/03/28