この記事自体がデモ — 記事でどこまで表現できるか

この記事は、当サイトの記事システムの表現力をそのまま見せるデモです。書き手の制約を無くすことを目標に、自社実装しています。

URL を貼るだけの自動埋め込み

YouTube の URL を本文に1行貼ると、そのままプレイヤーになります。

画像や GIF も同じで、URL を1行貼るだけです。

動画ファイル（mp4 / webm）の URL も同様にプレイヤーになります。管理画面からのアップロードにも対応しているので、素材はブラウザだけで完結します。

コードはシンタックスハイライト付き

ライト/ダークのテーマ切替にも追従します。

type Phase = "idle" | "drafting" | "review" | "done";

export function useApproval(sel: number) {
  const [phases, setPhases] = useState<Phase[]>(["idle", "idle", "idle"]);
  const approve = () =>
    setPhases((prev) => prev.map((p, i) => (i === sel ? "done" : p)));
  return { phases, approve };
}

SELECT task_id, title, assignee
FROM tasks
WHERE status = 'READY'
ORDER BY created_at
LIMIT 10;

def draft(fields: dict) -> dict:
    """AI が下書き、人が承認する。判断は返さない。"""
    return {k: suggest(v) for k, v in fields.items()}

表・引用・リストは Markdown 標準

表現	対応
画像・GIF	URL 1行 or Markdown 記法
YouTube・動画	URL 1行で自動埋め込み
コード	shiki ハイライト（14言語）
生 HTML	そのまま通る（iframe デモ埋め込みも可）

つくる過程も、発信する。そのための道具から自分たちでつくる。

この仕組み自体も、AI エージェントと人間の協働で実装されています。