開発者
レイアウトは Zone、データとルールはプラットフォーム。
Zone は
テーマ
まず設定し、必要ならコードを書く。
各 Zone では初期テーマを選び、情報量、ページの背景色、表紙の比率を調整できます。必要に応じてアクセントカラーを変え、メインビジュアルのスライド、書棚、ランキング、編集リストなどのモジュールを配置します。設定で実現できないレイアウトには、表示コードを使います。
設定
テーマ設定の例
const tokens: ZoneTokens = {
colorScheme: 'system',
accent: '#3b4a5a',
density: 'comfortable',
cardRadius: 'md',
headingFontScale: 'md',
surfaceTint: 'subtle',
fontPairing: 'serif',
pageSurface: 'flat',
coverStyle: 'portrait',
};スロット
名前付きスロットにコードを配置。
表示コードは
export default defineZonePackage({
slug: 'anime',
css,
catalogue: { count: 'episodes',
formatNames: animeFormatNames
},
slots: {
browseHeader:
AnimeBrowseHeader,
workCard: AnimeCard,
cataloguePanel:
AnimeCataloguePanel,
footer: AnimeFooter,
},
});制約
パッケージの制約
データを
直接取得しない プラットフォームがデータを読み込んでスロットに渡すため、パッケージはリクエストを送りません。
認証情報に
アクセスしない Cookie、ブラウザーのストレージ、認証情報を読み取りません。
プラットフォームの
UIを 隠さない アカウントメニュー、Zone メニュー、通報、年齢確認はスロットの外側にあります。各作品の「ここに表示される理由」も常に表示します。
スタイルは
対象内に 限定 スタイルはこの Zone の範囲内に限定され、色とフォントにはプラットフォームが用意した変数だけを使います。
サイズ上限
gzip 圧縮後の CSS は 40 KiB 以下、JavaScript は 50 KiB 以下です。
公開
審査から公開まで
ハッシュ値を
計算 パッケージ内のすべてのファイルから一つのハッシュ値を計算します。1バイトでも変更すると、ハッシュ値が変わります。
別の
人が 審査 別のアカウントがソースコード、ビルドしたファイル、アクセシビリティ、エラー時の動作を確認し、判断と根拠のハッシュ値を記録します。
有効化して
期限を 設定 有効化できるのは審査済みのバージョンだけで、期限も設定します。以前のバージョンに戻しても、以前の承認が再び有効になることはありません。
いつでも
標準レイアウトに 戻す ハッシュ値が一致しない場合は標準レイアウトを表示します。閲覧者はパッケージをオフにでき、URL に ?safe を追加するとセーフモードになります。プラットフォーム全体の停止スイッチもあります。
バックエンドは
新しいコミュニティサイトに専用のバックエンドは必要ありません。表示コードは公開 API を読み取るだけで、ビジネスロジックを含みません。Zone に表示できるデータは API からも取得できます。