vue.js

ビジネス

WordPressをNuxt.js使ってPWA化しました

Wordpressで作っていたホームページをPWA化しました
開発関連

【Nuxt.js】画面のリロード

ページをリロードする方法 「location.reload()」を使うことで画面をリロードできます。更新処理をしたあとなどで、画面をリロードしたい時なんかに便利です。(window.locationを使うとstoreが消えるので注意) <s...
開発関連

【Vue/Nuxt.js】コンテキストルートをつけてstaticフォルダの画像を参照する

staticフォルダにあるファイルはルートに配置されるため、参照する際には@または~を使えばいいのですが、コンテキストルートを指定している場合は小細工が必要となります。ちょっとわかりずらかったので記録を残しておきます。 コンテキストルートな...
開発関連

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content.に対応する

ブラウザのコンソールにでてくるこの謎の警告の対応方法です。チームで開発してたりするといつのまにか出るようになってたりでけっこう厄介です。 : The client-side rendered virtual DOM tree is not ...
開発関連

Nuxt2にバージョン上げたら@kazupon/vue-i18n-loaderが動かなくなった

Nuxt2にバージョンあげたらi18nタグが認識しなくなってしまった時の対処法方をまとめます。 nuxt.config.js moduleの定義は意味ないので削除。 module: { rules: [ // { // test: /\.v...
開発関連

【Nuxt.js/Vue.js】Dockerイメージを作る&サイズを小さくするコツ

Nuxt.jsをDockerで動かすための手順をまとめました。 ビルド用のshell docker内にソースをコピーしてビルドではなく、先にビルドしてからイメージを作ります。 #!/bin/sh APP_NAME=xxx-app npm r...
開発関連

Nuxtやその他ライブラリのバージョンを一気に上げる

長いこと放置していたアプリを久しぶりにまとめてアップデートする際に便利なパッケージの紹介です。package.jsonの中のライブラリをいっこずつチェックするなんて面倒くさいですからね。。。 準備 npm-check-updatesをインス...
開発関連

Nuxtでビルドするとvendor has been deprecated

いったい何時からでていたのか思い出せないのですがnuxt run buildするといつの間にか下のような警告がでるようになってました。 WARN vendor has been deprecated due to webpack4 opti...
ポートフォリオ

ミックスヘアデザインのHP

個人事業主としての最初の仕事として、ミックスヘアデザイン(美容室)のHPを作らせてもらいました。せっかくなので技術的なところを軽く紹介しようと思います。基本的にはホットペッパー beautyによせるのでシンプルなHPになってます。本当はBL...
スポンサーリンク