はじめに

Hypermedia Components は、サーバレンダリングおよびハイパーメディアアプリケーションのためのセマンティック UI コンポーネントシステムです。

提供するもの:

• セマンティックな CSS コンポーネント(hc-button、hc-field、hc-card、…)
• DTCG トークンソースと、そこから生成される CSS 変数
• htmx 対応のレシピ
• 小さなビヘイビアヘルパー
• 任意で使える Light DOM マクロ — 各マクロは展開後の HTML をドキュメント化しており、コピーして使えるため、マクロにロックインされることはありません
• ドキュメント化されたサーバレスポンス契約

次のステップ

1. インストール — アセットの読み込み(CDN、npm、または静的ファイル)。
2. クイックスタート — 最初のコンポーネントを一歩ずつ組み立てます。
3. 設計思想 — このキットを支える原則。
4. キッチンシンク — 全コンポーネントを 1 ページでライブ表示。キットを評価する最速の方法です。
5. インテグレーション — Django、Rails、Go、Razor などのサーバスタックへの組み込み方。