記事スタイルの確認用ガイド

見出し・コード・引用・表・リストなど、記事レイアウトの各要素が正しく表示されるか確認するためのページ。

このページは、技術記事でよく使う要素がデザイン上きちんと表示されるかを確認するためのものです。本文は日本語で、コードや CLI 名には等幅フォントが当たります。

見出しと段落

これは通常の段落です。太字での強調斜体、そして リンク が本文に混ざったときの見え方を確認します。長めの文章でも行間と一行の幅が読みやすく保たれているかが大事です。

第 3 レベルの見出し

第 4 レベルの見出し

見出しの階層が視覚的に区別できることを確認します。

リスト

順序なしリスト:

  • Cloud Storage — バケットの作成・配信
  • Compute / VPC — VM とネットワークの構成
  • IAM — service account とロール付与

順序付きリスト:

  1. リソースを作る
  2. 公開する
  3. 差し替える / 戻す
  4. 消す

コード

文中の gcloud コマンドや index.html のようなインラインコードと、ブロックの違いを確認します。

gcloud storage cp ./dist/* gs://my-bucket/ --recursive
gcloud compute url-maps invalidate-cdn-cache my-url-map --path "/*"

引用

学習用のリソースは立てっぱなしにしない。固定費の出るものは、使うときだけ立て、終わったら確実に消す。

ラベル用途
appどのアプリのリソースか
env環境(dev / prod 等)
owner所有者
ttlいつ消すか

最後は水平線のあとの段落です。ここまでの要素が破綻なく表示されていれば、prose のスタイルは整っています。

← ブログ一覧へ