HTML

TIPS

[Certbot].well-knownの共通化

Certbot の HTTP-01 認証では、認証サーバーが ドメイン>/.well-known/acme-challenge/<トークン> へアクセスしてドメインの所有権を確認します。Certbot の動作:-w /path/to/web...
TIPS

[Nginx]locationとrootの罠

Nginxの location と root ディレクティブが持つ「独特なパス解決の仕様」について、誰もが一度はハマる罠と、それを美しく解決する方法をステップ・バイ・ステップで解説します。昔ながらのWebサーバー「Apache」との設計思想...
TIPS

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

Webサイトを運営していて、URLの入力ミスで味気ない「404 Not Found」や、システムエラー時に無機質な「500 Internal Server Error」の画面が出てくると、ユーザーは一気に冷めて離脱してしまいます。これらのエ...
ツール

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

Webサーバーとして圧倒的な軽さと処理速度を誇るNginx(エンジンエックス)。「Linuxサーバーを借りたけれど、どうやってWebサイトを表示させるの?」という方向けに、インストールから自分で作った簡単なHTMLファイルを表示させるまでの...
TIPS

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

HTMLの構造を崩さず、CSSのみで <hr> の左側に <strong> のラベルを綺麗に並べるには、親要素の <div> に Flexbox(フレックスボックス) を適用するのが最も簡単でスマートな方法です。等速や倍速の学習効率の解説で...