記事一覧 - しぐれづき

【Nuxt3RC4】useFetchの返り値がssrで取得できない他

Nuxt3の安定版が6月にリリース予定でしたが延期され、代わりにRC4が公開されました。今回はRC4でAPIのデータが取得できない事象に見舞われましたので、その解決策です

2022-07-03 (Sun)

pm2で環境によって設定を変更したい

pm2を使ってnodeアプリのプロセス管理を行っていますが、大抵のアプリは複数の環境が存在していると思います。本番環境：production ステージング環境：stg など。 pm2ではecosystem.config.jsで各設定が可能です。 module.exports = { apps: [ { name: 'product', exec_mode: 'cluster', instance

2022-05-27 (Fri)

Chromeでconsole.log()のbackground-imageが使えなくなっていた件

console.logって意外な使い方ができるってご存知ですか？文字を赤くしたり…… console.log( '%c赤い文字', 'color: red;', ); 文字を大きくしたり…… console.log( '%c20pxの文字', 'font-size: 20px;', ); URLのリンクを表示したり…… console.log( 'https://shigurezuki.jp の

2022-05-22 (Sun)

Nginx+ngx_pagespeed環境下でNuxt3がエラー

事の発端 Nuxt3 RC3で新しいプロジェクトを作って、さーサーバーで動かすぞ！って思ってVPSでビルド後に実行したら謎のエラーが発生…… _useHead is not a functionってなんやねん。そんな訳あるかい調べるまず前提としてローカルではビルド後に正常に実行できることは確認しています。ローカルではOK、VPSではNGという状態です。そこでローカルとVPSでの差ってなん

2022-05-12 (Thu)

Nuxt3でビルド後にprismaの環境変数が読み込めない場合

症状ビルド後に実行するとprisma/clientでfindUniqueなどのDBアクセスができなくなる。構成 / ├prisma/ │ └schema.prisma └.env DATABASE_URL = "mysql://{user}:{pass}@{host}:{port}/{db}" datasource db { provider = "mysql" url = env("DATA

2022-05-20 (Fri)