INFOSEKOLAH.NET

このページのノートに、このページに関する提案があります。（2025年9月）
提案の要約：{{Tree chart}}への移行

このテンプレートの記述は複雑な構成となっています。編集後の結果が予想できないか、または変更にともなう影響を修正する用意ができていない場合は編集をお控えください。練習や実験はテンプレートのサンドボックス・サブページ、テストケース・サブページもしくはあなた自身の利用者スペースのページでお願いします。

簡単な系図を生成するためのテンプレート。ボックスをアスキーアート的につないで系図をつくります。系図はHTMLのテーブルで表示され、CSSやウィキのマークアップが使えます。

使用の際には、系図の根拠となる出典を必ず明記するようにします。

Familytreeを使って記事ページを直接編集する場合は、記事ページ内に出典を記述します。
Familytreeを参照読み込みして系図の子テンプレートを作成する場合は、子テンプレート内に出典を明記します。子テンプレートの解説Doc内に出典を記述しても、一般の記事閲覧者は参照できないためです。

なお英語版テンプレートのFamilytreeは2015年3月に廃止となっており、{{Tree chart}}に移管されています。

→FamilytreeとTree chartの記述方法の対比表は「Template:Tree chart#Migration from familytree」を参照

使用例

ソース：

{{familytree/start}}
{{familytree | | | | GRM |~|y|~| GRP | | GRM=祖母|GRP=祖父}}
{{familytree | | | | | | | |)|-|-|-|.| }}
{{familytree | | | MOM |y| DAD | |DAISY| MOM=母|DAD=父|DAISY=[[花子叔母]]}}
{{familytree | |,|-|-|-|+|-|-|-|.| | | }}
{{familytree | JOE | | ME  | | SIS | | | JOE=太郎|ME='''私！'''|SIS=妹}}
{{familytree/end}}

出力結果：

祖母

祖父

母

父

花子叔母

太郎

私！

妹

可変要素

このテンプレートでは、1つのテンプレートが表を利用した系図の1列を生成します。テンプレートには最大120^{[仕変 1]}の任意のパラメーターを用いることができます。パラメーターには「タイル」と「ボックス」があります。

タイルは、人物間をつなぐ、縦線や横線を生成します。下記の通り、各種組み合わせに記号が1つ割り当てられています。また、半角スペース1つで空白のタイルが生成されます。

,

.

`

'

^

v

(

)

-

!

+

F

7

L

J

A

V

C

D

~

:

%

*

d

c

t

f

e

y

h

i

j

ﾔ

ﾌ

ﾚ

ﾉ

ﾆ

ﾃ

ﾘ

ﾙ

他にx(ダミーであり、タイルを生成せず、作図に影響しない)もあります。^{[仕変 3]}

ボックスは、タイルに用いられていないものであれば、任意のパラメーターの名前を設定できます。ボックス1つがタイル3つ分で、特に指定しない限り2ピクセル幅の黒線の枠に囲まれます。ボックスの内容には任意のマークアップが使えます。

スタイル

ボックスの外見は、オプションのborderとboxstyleのパラメーターを使って変えられます。borderはボックスの外枠のピクセル幅を指定します。boxstyleには、任意のCSSによるスタイルを指定できます。下記の例を参照してください。

{{familytree/start}}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{familytree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{familytree|border=0|boxstyle=background:#dfd; white-space:nowrap;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4 XXXXXXX}}
{{familytree/end}}

出力結果：

Box 1

Box 2

Box 3

Box 4 XXXXXXX

個別のボックスの

個別のボックスの外見を変えることもオプションを使ってできます。 borderとboxstyleに加えて、横の長さをcolspan(デフォルト値:6。2の倍数を推奨。)で、縦の長さをrowspan(デフォルト値:2。2の倍数を推奨。)で変更できます。^{[仕変 3]}

{{familytree/start}}
{{familytree| | | | |CLEAR| | | | |CLEAR=素}}
{{familytree| |,|-|-|'|!|`|-|-|.| }}
{{familytree|RED  |~|GREEN|~|BLUE |RED=赤<br/>縦長|GREEN=緑|BLUE=青 123456789
|boxstyle_RED  =background-color: #faa;
|boxstyle_GREEN=background-color: #afa;
|boxstyle_BLUE =background-color: #aaf; white-space:nowrap;
|rowspan_RED   =6
}}
{{familytree|x|x|x| | | | | | | | }}
{{familytree|x|x|x|ﾆ|THICK|x|x|x|x|THICK=太枠、横長
|border_THICK =4
|colspan_THICK=14
}}
{{familytree/end}}

出力結果：

素

赤
縦長

緑

青 123456789

太枠、横長

各ボックスのオプションを指定する時には、パラメータを指定する時にパイプ記号のあとにスペースが入らないように注意してください（"| RED |" ではなく "|RED |" のようにする）。スペースが入っていると、スペースもパラメータの一部として認識されてしまいます。

系図の表全体に

系図の表全体にCSSのスタイルを適用するには、{{familytree/start}}でオプションのstyleを設定してください。

{{familytree/start|style="font-size:70%; white-space:nowrap;"}}

注釈

^ 2025年2月に変更。以前は80。{{Tree chart}}では無制限。
^ 2025年5月に追加。ﾔﾌﾚﾉﾆﾃﾘﾙ。{{Tree chart}}でも対応しています。
^ ^a ^b 2025年6月に仕様追加。個別のボックスに対するborder、colspan、rowspanの指定。ダミータイル「x」(半角中黒)。{{Tree chart}}でもborder、colspan、rowspan、ダミータイルに対応している。

この解説は、Template:Familytree/docから呼び出されています。
編集者は、このテンプレートをサンドボックスとテストケースで試すことができます。（解説）
/docのサブページにカテゴリを追加してください。このテンプレートのサブページ一覧。

[spec202502-1] 2025年2月に変更。以前は80。{{Tree chart}}では無制限。

[spec202505-2] 2025年5月に追加。ﾔﾌﾚﾉﾆﾃﾘﾙ。{{Tree chart}}でも対応しています。

[spec202506-3] 2025年6月に仕様追加。個別のボックスに対するborder、colspan、rowspanの指定。ダミータイル「x」(半角中黒)。{{Tree chart}}でもborder、colspan、rowspan、ダミータイルに対応している。

[仕変 1]

[仕変 2]

[仕変 3]

Template:Familytree

使用例

可変要素

スタイル

個別のボックスの

系図の表全体に

注釈

Content Disclaimer