プログラムメモ

next.js で tailwind.css が効かない時に調べるところ

Thu, 28 Sep 2023 09:09:15 +0900

# ● 1. next.config.js を調べる swcMinify:true があると効かないようです。 **next.config.js** ``` /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, // swcMinify: false, // ● この行は必ず削除しましょう } module.exports = nextConfig ``` # ● 2. tailwind.config.ts を調べる content のリストの中で使用されているクラスがビルド時に使用できるようになるので、もし反映されないコンポーネントがリストにない場合はそこに追加しましょう。 **tailwind.config.ts** ``` import...

LaravelでFirebaseのjwt（accessToken）を認証する。認証ミドルウェアを作成する（kreait / laravel-firebase）

Mon, 25 Sep 2023 12:27:32 +0900

# ● kreait / laravel-firebaseを使ってLaravelでFirebaseのjwt（accessToken）を認証する ## 1. kreait / laravel-firebase のインストール ``` composer require kreait/firebase-php composer require kreait/laravel-firebase ``` ## 2. ファイル config/firebase.php の自動生成 ``` php artisan vendor:publish --provider="Kreait\Laravel\Firebase\ServiceProvider" --tag=config ``` ``` vi tests/Unit/LaravelFirebaseTest.php ``` ## 3....

next.js の Image の fallback

Fri, 22 Sep 2023 11:08:01 +0900

``` import { useEffect, useState } from 'react' import Image from 'next/image' export const FallbackImage = ({ src, ...rest }) => { const [imgSrc, setImgSrc] = useState(src) useEffect(() => { setImgSrc(src) }, [src]) return (

{ setImgSrc('/images/not-found.png') }}...

conoha vps で kusanagi

Thu, 21 Sep 2023 14:33:28 +0900

# ● SELinuxの無効化 ###・1. SELinuxステータスの確認 ``` sestatus ``` ###・2. SELinux設定の変更 ``` vi /etc/selinux/config ``` ``` SELINUX=permissive ↓ SELINUX=disabled ``` ###・3. マシンを再起動してSELinux設定を反映させる ``` reboot ``` # ● ホスト名の変更 ###・1. 現在のホスト名を確認する ``` hostnamectl | grep hostname ``` ###・2. ホスト名を変更する ``` hostnamectl set-hostname 書き換えたいホスト名 ```

css の scrollでスクロールが発生している時のみスクロールバーを表示させる方法

Wed, 20 Sep 2023 11:13:06 +0900

###・スクロールが発生している場合 ###・スクロールが発生しない場合 ``` スクロールバーの表示