Vue.js transition ラッパーコンポーネントのサンプルコード
- 2019.12.12
- transition, Vue.js, サンプルコード
transitionを利用してアニメーションを実現するサンプルコード 環境 OS Windos10 エディタ VScode Transitionクラスについて v-enter v-enter-active v-enter-to が表示に関連するクラス v- leave v- l […]
transitionを利用してアニメーションを実現するサンプルコード 環境 OS Windos10 エディタ VScode Transitionクラスについて v-enter v-enter-active v-enter-to が表示に関連するクラス v- leave v- l […]
Bootstrap-Vueを利用してbootstrap4を簡単に利用できるプロジェクトの作成手順。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 @vue/cli 4.0.5 Vue CLI インストール 既に入れてい […]
Ubuntuに 静的サイトジェネレータであるhugoのインストール手順です。現時点ではsnapの方に最新版があったので、そちらからインストールしてます。今回はminmalというテンプレートを適応してみます。 環境 OS Ubuntu19.10 静的サイトジェネレータとは DBをもたずにM […]
react.jsで利用できるマテリアルデザインのCSSフレームワークmaterial-uiを導入手順と簡単な使い方とテンプレートの利用方法を記載。 環境 OS CentOS Linux release 8.0.1905 (Core) node V10.16.3 npm  […]
pythonを利用すると簡単にwebサーバーを起動することが可能 環境 OS Ubuntu19.10 python 3.7.5 python確認 既にインストールされているpythonを利用する ルートディレクトリを作成 ルートディレクトリを作成します html作成 表示用のh […]
yarn dev実行時にフロントでClient bundleが止まってしまって動かない場合の対処法 環境 OS Ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 状態 yarn dev時にブラウザからアクセスして […]
vue-routerでページ遷移を実現する簡単なサンプルコードです。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 ※ubuntu19.10にnodeのインストールはこちら プロジェクト作成 r-testという名前でプロジェクト […]
windows環境でもDockerを使う機会があったので、インストールした際の手順 環境 windows10 pro Hyper-Vの有効化 Hyper-vが有効になっていない場合は、事前にHyper-Vを有効にしておきます コントロール パネル>すべてのコントロール パネル項目>プログラムと機能よ […]
ubuntuにRailsを入れてプロジェクトの作成してサーバー起動までの手順 環境 Ubuntu19.10 必要パッケージのインストール 事前に必要なパッケージのインストールをしておきます rbenvをインストール rubyのversion管理であるrbenvのインストールを行う ruby-buil […]
Nuxt.jsでaxiosを使ってAPIデータを取得する手順とサンプルコードです。デザイン部は vuetify を利用しています。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 Nuxt […]