HTML

TIPS

[WordPress]ブロックテーマの子テーマをサイトごとに個別カスタマイズ

WordPressのブロックテーマ「Twenty Twenty-Five」を親テーマとし、サイトごとにデザインの異なる子テーマを構築する手順を解説。テンプレートの上書き手法やCSS装飾、Git管理とサイトエディターの優先順位など、実践的なカスタマイズ手法が学べます。
TIPS

[Certbot].well-knownの共通化

CertbotのHTTP-01認証で発生するWebrootとDocumentRootのパス不一致エラーを防ぐため、Apacheのポート80設定を`/var/www/html`に一本化し、共通のWebrootでSSL/TLS証明書を自動更新する手順を解説します。
TIPS

[Nginx]locationとrootの罠

Nginxのlocationとrootによるパス解決の仕様と、404エラーに陥る罠を解説します。NginxがrootパスとURLを機械的に結合する仕組みを紐解き、フォルダ名の一致による安全で高速なベストプラクティスを提案します。
TIPS

[Nginx]404・500エラー画面をカスタマイズ

Nginxで404や500のエラー画面をカスタマイズする方法を、サーバー全体の一括設定とプロジェクト別の個別設定の2パターンで解説。表示されない時の落とし穴や対策、テスト方法などの実践的な知見も紹介します。
ツール

[Nginx]インストールからHTMLを表示まで

Ubuntu/Debian環境を対象に、Nginxのインストールからファイアウォール設定、オリジナルHTMLファイルの表示手順までを初心者向けに解説。Webサーバー構築の基本と、ドキュメントルートや設定ファイルの役割などの技術的知見が身につきます。
TIPS

[CSS]ラベルとセパレータ

HTML構造を変えずにCSSのFlexboxを使ってラベル付きセパレータを実装する方法を解説。スマホ表示での文字潰れを防ぐ「flex-shrink: 0;」の重要性や、線のデザインアレンジなど、実用的なCSS設計が学べます。
TIPS

[HTML]特殊文字

HTML特殊文字(実体参照・数値参照・16進数参照)の記述方法と一覧を解説します。不等号やスペース、マーク記号などのコードを網羅し、Web制作で文字化けを防ぎ正しく記号を表示するための技術的知見を提供します。