Y. S.

NEXT.js

Next.js でサイトを再構築

WordPress をヘッドレスCMS にして Next.js でサイトを再構築しました。表示が速くなり、とても快適になりました。システム構成、GraphQL についての簡単な説明、メタディスクリプションの扱いなどにも触れています。
NEXT.js

Next.js の Local Fonts は高パフォーマンス

Next.js で作成したフロントアプリに、Local Fonts を適用することで携帯のパフォーマンス問題を解決した経緯を記事にしています。PageSpeed Insights で スコア 70台から 100 になりました。
Game

ヴィーナス バケーション

筆者サイトのアイキャッチ画像で使用している、コーエーテクモさんの DOAXVV(ヴィーナス バケーション)の紹介です。ポートレート撮影が好きな方にお勧めのゲームです。ゲームキャラクターの著作権は「コーエーテクモゲームス」さんです。
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 を利用したメール設定の手順の覚え書きです。設定時の、不達メール対処なども書いています。
Web草紙

MobaXterm は素晴らしい

開発・検証環境で ssh 接続するために、久しぶりに Tera Term と PuTTY 最新版を DL して使ってみましたが、その流れで MobaXterm を使ってみました。結論、MobaXterm は素晴らしい!
WordPress

WordPress のカスタマイズ – 基本編

WordPress を構築したので、Cocoon テーマをインストールしました。自分の好みに合わせて、ヘッダーなどの位置調整、背景画像の設定などを紹介しています。その時のトラブルシューティングも解説しています。
Web草紙

独自ドメインを取得するまで

少し悩んで独自ドメイン名を決め、実際に取得した時の覚え書き。執筆時点での「お名前.com」と「Xserver」のドメイン取得料金も比較。
Cloud

Google Cloud 無料枠の Compute Engine で WordPress を立ち上げる

Google Cloud 無料枠の GCE を利用して WordPress を費用をかけずに構築する方法・手順を紹介します。無料枠で GCE を作成し、docker compose を使用してサクッと WordPress をインストールします。さらに、Let's Encrypt で TLS 化します