OGP画像を生成したいな〜と思い、ImageMagickが使えるようなので、いろいろ調べたときの備忘録。 ImageMagickとは 画像を操作したり表示するためのソフトウェアスイート。 コマンドラインでも使えて、バッチ処理とかで一括処理するときに使ったりするやつ。 …
Google Tag Manager+Google AnalyticsをNuxtで使うときに、 ちょっとめんどうだったので、その備忘録。 タグマネージャで拾ってこれるのは、aタグとかのリンクとかHTMLベースだけ。。 なので、JavaScript側で行っているページ遷移とかは取れないのでよしなに…
Google Tag Managerが便利とのことで、 Google Analyticsと連携させる方法を調べてみたときの備忘録 ざっくりなイメージ ゆるゆるだけど、Google Tag Manager(GTM)はこんなイメージ。 Webサイトに仕込んでいろいろ変数化や計測とかできる aタグがクリックさ…
これの続き。 www.memory-lovers.blog 前回導入したVeeValidateにカスタムバリデーションを追加したいと思い、 いろいろ調べたらv8nが便利そうだったので、使ってみた。 サンプルはTwitterIDのバリデーションの例 インストール $ npm install --save v8n カ…
フォームのバリデーションのため、VeeValidateを使ってみたときの備忘録 Nuxt.jsのコンポーネントで使う場合は、ちょっとめんどくさかった。。 フォームのバリデーションライブラリはいろいろある Vue公式ガイドでは、以下の2つが紹介されてた。 Vuelidate V…
Loaders.cssを使ってみたけど、display:inline-blockで使いにくかった。。 SpinKitというのもあるそうなので、そっちを使ったときの備忘録 SpinKitは、vue用のライブラリもあるよう(vue-spinkit) SpkinKit(vue-spinkitなし) インストール $ npm install --sa…
以下の記事で、数字がクルクルするアニメーションをやってみたけど、 SSRだとうまくいかないっぽい。。 そのときの備忘録。 www.memory-lovers.blog 初期表示がおかしい！！ TweenLiteを入れたページでリロードするとこんな感じに。。 Unexpected token expo…
ローディングアニメーションを用意しようと見てたら、Loaders.cssが良さそうだなと！ vue用のvue-loadersがあったので、Nuxt.jsに取り込んでみたときの備忘録 インストール $ npm install --save vue-loaders プラグインファイルを作る plugins/vue-loaders.…
Vue/Nuxtのv-forを使ったリストで削除するときに、 リスト要素が横にずれながら消えるアニメーションをしたいときの備忘録 ほぼ、Vueの公式ガイドに書いてあった。。 おぉリストのアニメーションもできた(*´ω｀*)削除時にふわっと横に消えていくヽ(=´▽`=)ﾉ公…
Vueの公式ガイドにある数字を変更すると、 数字がクルクルするアニメーションを使ってみたので、その時の備忘録。 Vueすごい。。TweenLiteすごい。。 おぉ数字がクルクルするアニメーションできた(*´ω｀*)Vueすげー TweenLiteすげーってなってる(*´ω｀*) pic…
