本文デザイン

本文は日本語の表示確認用に、パブリックドメインの作品から引用している。出典はウィキソース。

こんな夢を見た。 腕組をして枕元に坐っていると、仰向に寝た女が、静かな声でもう死にますと云う。（夏目漱石『夢十夜』第一夜）

えたいの知れない不吉な塊が私の心を始終圧えつけていた。焦躁と言おうか、嫌悪と言おうか。（梶井基次郎『檸檬』）

~~住みにくさが高じると、安い所へ引き越したくなる。~~

山路を登りながら、こう考えた。とかくに人の世は住みにくい。

智に働けば角が立つ情に棹させば流される意地を通せば窮屈だ

smoke-test

夢十夜

第一夜

智に働けば角が立つ
- 情に棹させば流される
意地を通せば窮屈だ
とかくに人の世は住みにくい

こんな夢を見た。
腕組をして枕元に坐っていると、仰向に寝た女が、静かな声でもう死にますと云う。

女は長い髪を枕に敷いている
輪郭の柔らかな瓜実顔をその中に横たえている

山路を登りながら、こう考えた。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

住みにくさが高じると、安い所へ引き越したくなる。

どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

補足

とかくに人の世は住みにくい。

作品	作者	向く用途
夢十夜	夏目漱石	静かなブランドサイト
檸檬	梶井基次郎	ファッション・写真
銀河鉄道の夜	宮沢賢治	展示・音楽・アート
羅生門	芥川龍之介	明朝体の書体見本
草枕	夏目漱石	長めの本文ダミー

作品	草枕
作者	夏目漱石
文体	エッセイと小説の中間

羅生門（旧字旧仮名）

或日の暮方の事である。一人の下人が、羅生門の下で雨やみを待つてゐた。

廣い門の下には、この男の外に誰もゐない。

type User = {
  id: string;
  name: string;
  admin: boolean;
};

export const findUser = (users: User[], id: string) =>
  users.find((user) => user.id === id);

export const formatName = (user: User) =>
  user.admin ? `${user.name}（管理者）` : user.name;

{
  "name": "example-app",
  "version": "1.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
}

export const findUser = (users: User[], id: string) =>
  users.find((user) => user.id === id);
  users.find((user) => user.id === id) ?? null;

{
  "compilerOptions": {
    "target": "ES2022",
    "strict": true,
    "noImplicitAny": false,
    "strictNullChecks": false
  }
}

export const toDisplayName = (user: User) => {
  if (!user.name) return "名称未設定";
  return user.admin ? `${user.name}（管理者）` : user.name;
};

const user: User = { id: "u_01", name: "山田", admin: true, isAdmin: true };

echo "枠なし"

echo "ターミナル"

とかくに人の世は住みにくい

GitHub · Change is constant. GitHub keeps you ahead.

Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.

github.com

NOTE

流し読みしていても目に留めてほしい補足を置く。読み飛ばしても本筋は追えるが、知っておくと理解が早くなる情報に使う。

TIP

同じことをより簡単に、あるいはより良くやる方法を示す。必須ではない近道や別解を伝えるときに使う。

IMPORTANT

目的を達成するために欠かせない情報を示す。ここを読み飛ばすと手順が完了しない、という前提条件や必須設定に使う。

WARNING

問題を避けるために、いますぐ注意を向けてほしい内容を示す。放置すると失敗や不具合につながる事柄に使う。

CAUTION

ある操作に伴う危険や、望ましくない結果を伝える。取り返しがつかない操作や、副作用の大きい設定の前に置く。