プログラミング - しぐれづき

プログラミング

Webプログラマーとしての備忘録を主に記載しています。取り扱うのは主に以下となります *HTML/CSS(Scss)/JavaScript(Nuxt.js)/PHP/SQL/ubuntu/Nginx* また、一部既存サービスに使えるプラグインなどもこちらで紹介しています。使用方法やその他ライセンスなどの細かいものは各記事を参照してください

【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)