本文へ移動

Taisen Brackets対戦

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

対戦(たいせん)は、二者が向かい合って勝負することです。 名前について(英語)

目次

リファレンス · トーナメント表・表・決勝までの道を描く

JudoAthlete型

リファレンスの説明と例は英語です。見出しと目次は日本語です。

One athlete on the scoreboard. Only name is needed.

インポート

import type { JudoAthlete } from "@johnmorrisdotca/taisen-brackets";

定義

interface JudoAthlete {
    name: string;
    code?: string;
    flag?: string;
    mark?: string;
    coach?: string;
}

メンバー

名前型説明
namestring
code (省略可)string | undefined

The country's three letters (JPN), written big under the name. Left out, nothing is written.

flag (省略可)string | undefined

A country code for the flags renderer (jp, GB-ENG: Hata's round flags are one line). With none, the flag is the code (or the initials) on a tile.

mark (省略可)string | undefined

A mark of your own (an image address or inline SVG) in place of a flag.

coach (省略可)string | undefined

The coach's name, written small under the code when coaches is on.

例

import { judoScoreboard, type JudoAthlete } from "@johnmorrisdotca/taisen-brackets";

const white: JudoAthlete = { name: "Daiki Hoshino", code: "JPN", flag: "JP", coach: "A. Sato" };
console.log(judoScoreboard({ white, blue: { name: "Mathis Roussel", code: "FRA" } }).includes("Hoshino"));
true

出力(このページを作ったときに実行した結果)

ソースを見るGitHub で編集@johnmorrisdotca/taisen-brackets 0.20.0 のソースから作成しました。

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