目的 Nuxt（SSR）をDockerで開発をスムーズにできるように、雛形作ったのでメモ レポジトリ https://github.com/okadak/nuxt_buildergithub.com 説明 READMEに書いたけど、いつか消すかもなので、こちらにもメモ 初期手順 terminalから、以下を実行すると、d…

Nuxt 2.4.0 がリリースされたので、会社のWEBサイトで、本番に反映してみた。 ja.nuxtjs.org やったこと storeをモジュールモードへ https://ja.nuxtjs.org/guide/vuex-store/ クラシックモード使ってると、警告が出たので、モジュールモードに変更。 プラグ…

メモ内容 開発時は、Nuxt + Railsで、本番はnuxt build したものを、RailsのPublicフォルダに渡すみたいなことをする時のDockerFileメモ。 実際使うときは、Nuxtビルドしたものは、S3とかに置くと思うので、使い道はないかもしれないけど... 開発時 Nuxt FRO…

目的 お手伝いしてる案件で、TwitterのAPI使ってみたのでメモ APIはRailsで実装した。 方法 Twitterの開発用アカウント作って、自分のアプリケーションのURLを登録する。 下のURLがわかりやすいので、参考に。 qiita.com この通りにやれば、別のTwitterアカ…

ssr.vuejs.org 上記にあるように beforeCreate と created でsetInerval を使うと、SSR中に呼び出されるので、サーバでsetIntervalが実行されて、clearIntervalをしない限り永遠に続いて行く... 気づかず実装してしまって、焦ったのでメモ。 怖いので、mixin…

2019/3/5 追記 LazyLoadを導入しましたが、サイト速度が向上したかに関して、現状測定していません。 Page Speed Insight の点数が向上したという結果のみ得ています。 そのため、実際にパフォーマンス向上に貢献できているかは不明です。 Webパフォーマンス…

地味に、変数を画像ファイル名に入れて、かつsrcsetを使いたい時悩んだので、備忘録も兼ねてメモ 画像を呼び出す時 <template lang="pug"> img(src="~assets/images/hogehoge.jpg" srcset="~assets/images/hogehoge@2x.jpg 2x") </template> アセット - Nuxt.js にあるように、 ~/assets とせ…

Expoとは？ tech.maricuru.com ざっくりメリット：React Natvieの開発が簡単になる！ ざっくりデメリット：Expoが提供していないNativeのAPIが利用できない。 SDK API Reference - Expo Documentation React Nativeで動かす。 Android使ってます。 facebook.…