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

プログラミング

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

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)

Nuxt3でfalse.accept is not a functionのビルド後の実行時エラー

yarn start でSSRを実行しようとしたらエラーが発生して原因解決に数時間かかったので備忘録を残しておきます。

2022-05-02 (Mon)

Nuxt2からNuxt3に移行するための備忘録

ブログをリニューアルする際に当初Nuxt2で作成していたため、Nuxt3へ更新することにしたのですが、まだあまりドキュメントが整備されていなかったり、情報が見つけられず躓いたりした部分が結構あったため、備忘録として記載します。

2022-04-22 (Fri)

Vue deep Selectorでscoped SASSの子コンポーネントにスタイルを適用する方法

vueのscopedスタイルって便利ですよね。思わぬところにスタイルが適用されるのを防げるし。ただ、子コンポーネントの一部に対してスタイルを適用したい場合とかよくあると思います。外部モジュールのコンポーネントのスタイルをオーバーライドしたいとか。そんなときはdeep selectorを使用することで解決できます。

2022-04-12 (Tue)