NEXT.js 高品質なスロー静止画アニメーションプログラム（html カスタム要素）を作ってみた
静止画（主に写真を想定）がゆっくりと移動する落ち着いたアニメーションプログラム（html カスタム要素）を作ってみました。静止画（写真）を利用して、手軽にアニメーションできます。高品質な静止画（写真）を高品質なまま、『カクカクしないで滑らかに』アニメーションします。
WordPress
NEXT.js 
WordPress WordPress で Tailwind CSS を使う方法
WordPress で Tailwind CSS を使う方法 3種類を具体的に説明しています。「Tailwind CDN を使う方法」「プラグインを使う方法」「Tailwind CLI を使う方法」の 3種類です。
NEXT.js Cloudflare を試す
無料枠の GCE に Next.js 14 と WordPress を詰め込んでみました。パフォーマンス改善のため、CDN に Cloudflare を利用して高速化してみた感想などを記事にしています。
NEXT.js Next.js でサイトを再構築
WordPress をヘッドレスCMS にして Next.js でサイトを再構築しました。表示が速くなり、とても快適になりました。システム構成、GraphQL についての簡単な説明、メタディスクリプションの扱いなどにも触れています。
NEXT.js Next.js の Local Fonts は高パフォーマンス
Next.js で作成したフロントアプリに、Local Fonts を適用することで携帯のパフォーマンス問題を解決した経緯を記事にしています。PageSpeed Insights で スコア 70台から 100 になりました。
Cloud WordPress に LiteSpeed Cache を利用して高速化を実現
WordPress に LiteSpeed Cache プラグインを導入して、サイトの高速化を実現しました。その手順などをまとめた記事です。PageSpeed Insights のパフォーマンススコアは満点に近いものになりました。
Cloud WordPress のカスタマイズ – お問い合わせフォーム編
自分の WordPress サイトに、Google Forms を利用して「お問い合わせ」フォームを作成した時の覚え書きです。良く使われている Contact Form 7 も試してみましたが、好みで Google Forms にしました。
WordPress WordPress のカスタマイズ – メール編
WordPress のプラグイン WP MAIL SMTP を利用したメール設定の手順の覚え書きです。設定時の、不達メール対処なども書いています。
WordPress WordPress のカスタマイズ – 基本編
WordPress を構築したので、Cocoon テーマをインストールしました。自分の好みに合わせて、ヘッダーなどの位置調整、背景画像の設定などを紹介しています。その時のトラブルシューティングも解説しています。
Cloud Google Cloud 無料枠の Compute Engine で WordPress を立ち上げる
Google Cloud 無料枠の GCE を利用して WordPress を費用をかけずに構築する方法・手順を紹介します。無料枠で GCE を作成し、docker compose を使用してサクッと WordPress をインストールします。さらに、Let's Encrypt で TLS 化します