NEXT.js

NEXT.js

高品質なスロー静止画アニメーションプログラム(html カスタム要素)を作ってみた

静止画(主に写真を想定)がゆっくりと移動する落ち着いたアニメーションプログラム(html カスタム要素)を作ってみました。静止画(写真)を利用して、手軽にアニメーションできます。高品質な静止画(写真)を高品質なまま、『カクカクしないで滑らかに』アニメーションします。
NEXT.js

Tailwind CSS でダークモードを実装してみた

筆者の Blog サイトでダークモードを実装した紹介です。Next.js と SvelteKit での実装について説明しています。SvelteKit については、日本語の情報量が少ないようだったので筆者の実装についてざっと説明しています。
Cloud

Vercel のログを Axiom に送る設定手順

Vercel ホスティングサービスで稼働する Next.js アプリのログを Axiom に送る設定方法・手順を紹介しています。初めて設定する人や、英語ドキュメントが苦手な人の参考になればと記事にしました。
Cloud

Vercel と Cloudflare の CDN キャッシュについて思うこと

無料プラン前提の内容となりますが、Vercel と Cloudflare を実際に使ってみて、主に CDNキャッシュについて思ったことを記事にしています。キャッシュ Eviction(立ち退き)について簡単に説明しています。
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 になりました。