Taisen Brackets ドキュメント

Taisen Brackets 対戦 — Knockout brackets as SVG

対戦の一覧から、トーナメント表をSVGで描きます。

インストール

npm install @johnmorrisdotca/taisen-brackets

最初に読む

• はじめにパッケージをインストールし、対戦の一覧からトーナメント表を描きます。

エントリーポイント

ガイド

やり方

• 対戦と結果トーナメント表は対戦でできていて、対戦とは、誰が勝ち進むかを決めるために必要だったもののすべてです。
• 任意のチーム数のトーナメント表結果が出る前にトーナメント表が必要なことがあります。
• レイアウト、見た目、背景同じ対戦でも、さまざまな描き方ができます。
• 年代ごとのフォーマット：NHL、NBA、MLB、NFL、CFL、MLS、ワールドカップトーナメントの形は年によって違います。
• 通常の HTML と CDNjsDelivr や unpkg のモジュールスクリプト1つで、通常のページにトーナメント表を描きます。
• Vite と webpackパッケージをインストールし、Vite や webpack のプロジェクトでトーナメント表を描きます。
• マーク、旗、優勝者とトロフィー名前だけのトーナメント表は、ただの表です。
• React・Vue・Svelte・Angular で使うReact、Vue、Svelte、Angular でトーナメント表を描きます。SVG の文字列を HTML として入れます。
• 決勝への道トーナメント表は大会全体を見せます。
• TypeScript と Nodeパッケージの型を使います。DOM のないサーバーでも、同じトーナメント表を SVG の文字列として描けます。
• iframe でトーナメント表を埋め込むスクリプトを使えないページでも、デモの埋め込みページを iframe で載せてトーナメント表を表示します。
• 言語とアクセシビリティワールドカップは多くの言語で読まれ、トーナメント表は見えない人にも読まれます。
• 柔道、ランキング、メダル表、放送用ボードこのパッケージはノックアウト方式のトーナメント表から始まりましたが、同じ描画キットが、大会のまわりのほかのグラフィックも作ります。

解説

• トーナメント表が描かれるまで対戦の一覧から SVG までに、パッケージが何をしているか。
• 設計：対戦の一覧から SVG 文字列までこのガイドは、パッケージを変更したい人、またはその振る舞いの理由を知りたい人のためのものです。

困ったとき・よくある質問

• 困ったときトーナメント表が空のとき、名前が出ないとき、ページに何も出ないときに確かめること。

アップグレード

• アップグレードリリースごとに何が変わるか、どこに書いてあるか。

• 変更履歴@johnmorrisdotca/taisen-brackets 0.20.0 のソースから作成しました。
• すべてのエクスポートを1ページでapi.html
• 言語モデル向けのドキュメントllms.txt · llms-full.txt

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。