vueではtransitionコンポーネントを利用することで、わりと簡単にアニメーションを実現することができます。 公式を見たほうがより詳しいので、公式を見ることをおすすめします。

webpack-dev-serverでローカルにサーバーを立てた場合、localhostではなくIPでアクセスすると見ることができませんでした。 PCなどはlocalhostでアクセスすれば問題なかったりするのですが、スマホでの動作など外部のデバイスから動作を確認したい場合に少し…

Vueを利用している場合に、scopedを利用して、CSSをカプセル化するのが普通だとおもいますが、その場合bodyやhtmlに値を適応することができませんでした。 グローバルにCSSを設定するのに少し悩んだのでメモしておきます。 1. App.vueのscopedを外す scoped…

自分用のメモです。 現在開発中のサービスが、サブドメインによってページを出し分けるような仕様です。 その為ローカルの開発環境の場合、http://localhost:8000のようになる場合、都合が悪かったです。 そこで、/etc/hostsファイルをいじって、特定のドメ…

いつもグローバルにnode.jsをインストールして、利用していましたがndenvというのを利用すると、プロジェクトごとにnodeのバージョンを管理することができるようなので、利用してみよと思います。 ndenvをインストールする場合はanyenvというツールを利用す…

Vueで親コンポーネントから子コンポーネントのスタイルを変更する方法です。

無料の範囲でFont Awesomeを利用する方法です。 理解に地味に時間がかかったのでメモしておきます。 fontawesome

Vuexを使うためのメモ。 部分的にしか書いてないので、あまり参考にならないと思います。