家族のつながりを
図にする。
人物と親子・パートナーの関係を入力すると、家系図を描画。3ステップの簡易ジェネレーターから始められます。
作成・編集の機能Family connections, thoughtfully recorded.HeredicTree JS 2.2.0 / October 2026
Draw a family. Keep the story.
家系図と資料を、ひとつに。
ひとりひとりの情報から、家族のつながりまで。
HeredicTreeは、家系図を描き、人物ごとの資料を
一緒に残せる、ブラウザの中の編集室です。
ブラウザ内で編集 / 人物ごとの資料添付 / JSON・SVG・PNG
FAMILY PORTRAITTHREE GENERATIONS
つながりを、一枚の図に。HeredicTreeで描画
家系図をつくる、その先まで。A place for every connection.
01
What you can do
描く。まとめる。残す。
New in version 2.2 / October 13, 2026
配偶者を加えて、
家族の続きを描く。
人物の詳細から、左右どちらかへ配偶者を追加。登録済みの親子や兄弟姉妹とのつながりを保ちながら、人物と配偶者の関係を一度に作れます。
親を1人だけ登録していた家族では、子のもう一方の親として追加することも。確定前のプレビューで、子とのつながりと番号を確かめられます。
Made to be edited
ひとりを編集すると、
つながりが見えてくる。
人物の名前や説明を入力し、家族の関係をつないでいく。自動レイアウトを使いながら、間隔や文字、ひとりひとりの位置も調整できます。
New in version 2
資料にも、
帰る場所を。
「この資料は、誰のものだっただろう」。
人物の詳細に画像や文書を添えておけば、家系図の中で資料の持ち主が分かります。
表示名・日付・メモを付けて整理し、JSONで家系図と一緒に保存。原本も、そのまま取り出せます。
PDFの表示はブラウザによって異なります。表示できない場合は原本をダウンロードできます。
02
In your everyday work
こんなときに、HeredicTree。
03
Getting started
始め方は、あなたに合わせて。
Your data, on your device
手元で編集して、
手元に残す。
With respect to the original
原作への感謝
山口達郎先生ほかによる家系図作成プロジェクト「HeredicTree」（Python版）を原案として、Noriyuki YamashitaがJavaScript版の移植・再実装を担当しました。
原作を公開してくださった山口先生に、敬意と感謝を表します。原作のライセンスを受け継ぎ、本JavaScript版もGNU General Public License v3.0（GPL v3）のもと、ソースコードとともに配布しています。
04
Downloads / Version 2.2.0
コードも、アプリも、手元に。
開発用のソースコードと、解凍して使えるポータブル版をダウンロードできます。
2026年10月13日更新 · v2.2.0では、家族関係を保った配偶者の追加に対応しました。新しい操作の手順を見る
Source code
開発用コード
アプリのソースを読んだり、変更してビルドしたい方へ。ソースコード、テスト、サンプル、ビルド設定と開発手順をまとめました。
ZIP · v2.2.0 · 約14.3 MiB
開発・ビルドにはNode.jsとnpmを使用します。
Portable edition
ポータブル版
手元のパソコンで使いたい方へ。ZIPを解凍して、中の「index.html」をブラウザで開いてください。インストール不要で、オフラインでも使えます。
ZIP · v2.2.0 · 約6.7 MiB
このサイトから開くアプリと同じ内容です。
Start your first pedigree