01
まず、画面の場所を知る。
左でデータとレイアウトを操作し、中央で図を確認。右の「個人」「関係」「メタデータ」で内容を編集します。保存は画面上部の「JSONを保存」です。
見つからない項目は、左や右の欄の中をスクロールしてください。
03 / The field guide
ひとつの家系図から、
始めましょう。
初めての方は、基本の6ステップから。
目的が決まっている方は、必要な操作だけを。
実際の画面と一緒に、一歩ずつ進められます。
画面の画像を押すと拡大できます。細部は「原寸で見る」で確認してください。配偶者の追加・同世代の並び替えはv2.2.0で撮影しました。基本コースなどの既存画像はv2.0.0のため、ボタンの配置が一部異なります。
ON THIS PAGE / 目次
作業の区切りに、JSONを保存してください。
編集内容は自動保存されません。アプリは別タブで開くと、手順を見ながら操作できます。
The essentials / 6 steps
作って、保存して、開き直す。
祖父母4人、父母2人、本人ときょうだい3人。架空の9人家族を使って、3世代の家系図を作ります。
02
3ステップで、家族を指定する。
- 左の「簡易ジェネレーター」で「設定を開く」を押します。
- 「父方の家族」で父1人をMにし、「父」を選んで「次へ」。
- 「母方の家族」で母1人をFにし、「母」を選んで「次へ」。
- 「本人世代」で「家族を追加」を使って3人にします。年上からM・N・Fとし、2人目を「本人」に選んで「家系図を生成」を押します。
できあがり：祖父母を含む9人・3関係の図が表示され、III-2が発端者・相談者になります。
祖父母は自動で生成されます。父方・母方におじ・おばを入れるときは、それぞれの画面で年上から追加し、父・母を選び直してください。
生成は、今ある家系図を置き換える操作です。残したい作業があるときは、先にJSONで保存してください。
サンプル・新規作成から始めるには
試すだけなら「内蔵サンプル」を選んで「サンプルを開く」。現在の図は置き換わります。「サンプルJSONをダウンロード」は元データだけを保存し、現在の図を変えません。
1人から作る場合は「新しい家系図」を選び、人物と関係を追加します。
03
人物のラベルと記号を編集する。
- 「個人」一覧でIII-2の行を選びます。
- 「ラベル」を「本人（架空の例）」へ変更します。他の人物も「父」「母」「兄」「妹」などに変更しましょう。Enterで改行できます。
- 詳細で「性別・記号」と「発端者」「相談者」を確認します。この例ではN、発端者・相談者をオンにします。
- 図に出さない覚え書きは「個人メモ」に入力します。
生成直後のFather・Mother・Self等は、日本語UIでも英語のラベルです。ここで日本語に変えられます。
「図に出ないメモ」も、JSONと再編集用データ付き画像には含まれます。
記号と塗り分けを使いたいとき
Mは四角、Fは丸、Nは菱形です。「疾患状態」のAは全面、A2-1・A2-2は半分、A4-1〜A4-4は4分割の塗り分け。アプリ内「ヘルプ」の「基本記号」「個人マーカー」で図と入力値を確認できます。
発端者のPは記号の外側または相談者の矢印の始点に、妊娠のPは記号内に表示されます。
04
見やすい間隔と大きさに整える。
- 「全体表示」で図全体を確認。「幅に合わせる」や拡大で、文字を読みやすくします。
- 表示位置を変えるときは、人物ではなくプレビューの余白をドラッグします。
- 「レイアウト」で文字サイズ・兄弟姉妹の間隔・世代間隔を調整します。
- 人物だけを動かしたいときは、その人物をドラッグします。
| 操作 | 保存されるもの |
|---|---|
| 拡大縮小・余白のドラッグ | 画面だけの表示。保存されません。 |
| レイアウト変更・人物のドラッグ | 設定や人物の位置。保存対象になります。 |
05
JSONで、作業を保存する。
- 画面上部の「JSONを保存」を押します。
- ブラウザのダウンロード一覧や保存先で、JSONファイルを確認します。保存先の選択画面が出るかは、ブラウザの設定によります。
- 端末上で分かりやすい名前を付けて保管します。例：guide-family.json。
「未保存の変更なし」は、端末への保存完了を保証する表示ではありません。
新しく作った図は、この表示でもファイル保存が必要です。ダウンロード先で実際のファイルを確認しましょう。
SVG・PNG出力やv1用JSON出力では、未保存表示は解除されません。作業の控えには通常のJSONを残します。
06
保存したファイルを、開き直す。
- 「ファイルを開く（JSON・SVG・PNG）」を押します。
- 先ほど保存したJSONを選びます。未保存の変更があれば、必要な内容を先に保存してください。
- 読込後、9人のラベル・関係・レイアウトが保存した状態と同じか確認します。
これで基本コースは完了です。次は資料の添付や、画像の書き出しを試してみましょう。
再編集用データ付きSVG・PNGも同じ入口から開けます。通常のJSONでは、プレビュー倍率や近親度表示設定は復元しません。
For the task at hand / 14 recipes
やりたいことから、探す。
必要な項目を開いて、操作を確認できます。
011人から作り、人物と親子関係を追加する
- 新しく作る場合は「新しい家系図」を選びます。I-1が1人の状態から始まります。
- 「個人」の「追加」で必要な人物を登録。例はI-1・I-2・II-1の3人です。世代を変更するときは詳細のIDを編集し「IDを変更」で確定します。
- 「関係」の「追加」で「親・パートナー」を選び、親1にI-1、親2にI-2、子にII-1を指定します。
- 図の接続を確認し、JSONを保存します。
人物を追加しただけでは親子線はつながりません。親が1人の場合は親2を空にします。初期人物の発端者・相談者も、目的に合わせて見直してください。
02家族のつながりを保って、配偶者を追加する
本人の親・弟・子が登録された家系図に、配偶者を1人追加する例です。「子とのつながり」を選び、本人と配偶者を子の両親として結びます。
- 練習用JSONをダウンロードし、アプリの「ファイルを開く（JSON・SVG・PNG）」で読み込みます。編集中の図があれば、先に保存してください。
- 「個人」一覧で「II-1 — 本人」を選び、詳細の「配偶者を追加」を押します。
- この例では性別・記号を「女性（F）」、配置する側を「右側」、ラベルを「配偶者」にします。初期値は「不明・未指定（N）」です。実際の記録に合わせて選んでください。
- 「子とのつながり」が「関係 2 のもう一方の親として追加：III-1 — 子」になっていることを確認します。
- 変更後のプレビューで、本人と配偶者から子へ線がつながることを確認します。「変更後の左右順」では旧番号と新番号も確認できます。
- 「配偶者を追加」で確定します。配偶者がII-2、弟がII-3になり、6人になります。図を確認して「JSONを保存」します。
子とのつながりを、目的に合わせて選ぶ
- 子のもう一方の親にする：親が1人だけ登録された家族を選びます。候補が複数ある場合は、どの家族に加えるか選ぶまで確定できません。
- 配偶者の関係だけを加える：「新しい夫婦関係を作る（既存の子は移さない）」を選びます。既存の配偶者や子との関係はそのまま残ります。
- すでに登録済みの2人を結ぶ：「関係」で親・パートナーの関係を指定します。「配偶者を追加」は新しい人物を作る操作です。
追加した世代の全員を左から連番にし、その世代の手動配置を解除します。人物の情報・添付・関係は保持されますが、メモやラベルに書いた番号は自動で書き換わりません。新しい配偶者へ状態フラグや資料はコピーされません。確定前は「キャンセル」、確定後は履歴が残っていれば「元に戻す」で取り消せます。
03同じ世代の人物を、好きな位置へ並べ替える
兄弟姉妹以外も含め、同じ世代の並び順を整えます。ここでは配偶者を追加した完成例JSONを使い、配偶者を本人の左側へ移します。
- 「個人」一覧で「II-2 — 配偶者」を選び、詳細の「並び順を変更」を押します。
- 移動先の人物を「II-1 — 本人」、配置する側を「左側」にします。
- プレビューで、配偶者がII-2→II-1、本人がII-1→II-2となることと、子との接続を確認します。
- 「適用」で確定し、JSONを保存します。履歴が残っていれば、1回の「元に戻す」で番号と配置を戻せます。
同世代に登録済みの配偶者がいる場合は「配偶者の隣へ」からも始められます。候補が複数なら相手を選んでください。兄弟姉妹の中で前後に入れ替えるだけなら、次の兄弟姉妹の順番変更も使えます。
対象世代の全員を左から1、2、3…と振り直し、その世代の手動配置を解除します。他世代の番号・手動配置、人物と資料・家族関係の紐づけは維持します。メモやラベルに直接書いた番号は置換されないため、必要に応じて見直してください。
04兄弟姉妹を途中へ追加・並べ替える
- 基準となる人物を「個人」一覧で選び、詳細の「兄弟姉妹の追加・順番変更」を確認します。
- 親の組が複数ある場合は、編集する組を選びます。
- 「前に兄弟姉妹を追加」「後に兄弟姉妹を追加」を使います。既存の順番は「兄弟姉妹の中で前へ／後へ」で変更します。
- ラベルを目印に、人物の順番と番号を確認します。
関係や添付は元の人物に付いたままです。操作した世代の手動配置は解除されます。新しい人には養子・多胎の指定や状態フラグをコピーしません。
05親を表示せず、兄弟姉妹だけを結ぶ
- 同じ世代の人物を2人以上登録します。
- 関係の種類に「同胞（親を表示しない）」を選び、個人1・個人2を指定します。
- 3人目は、その組の1人と3人目を結ぶ関係行を追加します。
- 子・養子・多胎・離婚・血族婚は空にして、図を確認します。
同じ組が1本の同胞線にまとまります。親子・パートナーの関係を作る操作ではありません。
06双子・多胎を表す
- 親と子を通常の親子関係として登録します。
- 対象の関係を選び、詳細の「多胎グループ」から「グループを追加」。
- 対象の子を選び、種別を指定します。
- 分岐や線が意図どおりかを確認します。
monozygotic＝一卵性、dizygotic＝二卵性、unknown＝不明。一卵性では子同士を結ぶ線が付きます。人物を近づけるだけでは多胎指定になりません。
07養子を表す
- 対象の子を含む関係を選びます。
- 詳細の「家族内への養子」または「家族外への養子」を開きます。
- 対象の子を選び、図の括弧と親子線を確認します。
「家族内への養子」は親子線が破線になります。実親・養親の両方を記録するときは、どの関係行へ指定しているかを確認してください。
08複数のパートナー・離婚・血族婚を表す
- 同一人物を複製せず、相手ごとに「親・パートナー」の関係行を作ります。
- 各行の親1・親2と、その組の子を指定します。
- 必要な行だけに「離婚指定」または「血族婚」を設定します。
- 相手と子が、正しい関係につながっているか確認します。
離婚は斜線、血族婚は二重線になります。離婚指定のD・D_p1・D_p2は印の位置の違いです。詳しい表示例はアプリ内「ヘルプ」で確認できます。
09人物に資料を添付・確認・取り出す
- 対象人物を選び、詳細の「添付ファイル」にある番号とラベルを確認します。
- 「ファイルを追加」から複数ファイルを選ぶか、添付領域へドロップします。
- 表示名・検査日や資料の日付・メモを入力し、別の欄へ移動して確定します。
- 「プレビュー」で確認。表示できない資料は「原本をダウンロード」で取り出します。
- 「JSONを保存」し、開き直して同じ人物に資料があることを確認します。
PNG・JPEG・GIF・WebPと、対応ブラウザでのPDFをプレビューできます。同じ内容の資料を同じ人物に追加すると確認が出ます。同名で内容が違う資料は別ファイルとして登録できます。
添付しても「疾患状態」「確認済み」等は自動変更されません。「削除」は人物から添付を外す操作で、端末の元ファイルは消しません。人物を複製しても添付はコピーされません。
10レイアウトやコメントを調整する
- 全体の間隔は「レイアウト」、線幅や飛び越し線は「詳細設定」で調整します。
- 一部だけ動かすなら人物をドラッグ。全員の手動配置を外す場合は「自動配置に戻す」。
- 図へ注記を付けるには「メタデータ」→「家系図に表示するコメント」を編集します。
- 広く見るなら操作欄の折りたたみ、境界の調整、「最大表示」「別ウィンドウ」を使います。最大表示はEscで戻れます。
ラベルと全体コメントは図に見えます。個人・関係メモは図には見えませんが、通常JSONと再編集用データ付き画像には含まれます。
11発端者からの近親度を見る
- 個人の詳細で、基準にする人の「発端者」を指定します。
- プレビューの「近親度を表示（遺伝医学）」をオンにします。
- 発端者が複数なら基準の1人を選び、人物の詳細で続柄と近親度を確認します。
- 画像に残す場合は、エクスポートの「近親度の色・ラベル・凡例を含める」もオンにします。
第1〜第3度近親者を色分けします。情報が不足・曖昧な場合は理由を確認してください。法律上の親等や発症確率ではありません。通常JSONに表示設定は保存しません。
12用途に合わせてSVG・PNGを書き出す
- 作業の控えとして、先に通常JSONを保存します。
- 「エクスポート」を開き、「再編集用データを含める」を用途に合わせて選びます。初期状態はオンです。
- 近親度の出力、図上の添付アイコン、ラベル・全体コメントも確認します。
- SVGまたはPNGを選び、端末の保存先で確認します。再編集用なら、書き出した画像をアプリで開き直します。
| 目的 | 再編集用データを含める |
|---|---|
| あとからHeredicTreeで編集する | オン。添付原本や非表示メモも入ります。 |
| 図として掲載・表示する | オフ。画像からの再編集はできません。 |
埋め込みオフでも、見えるラベル・全体コメント・表示中の添付記号は画像に残ります。匿名化機能ではありません。外部ソフトでの再保存で編集データが消える場合があります。
13旧版のデータを使う・旧版へ渡す
- v1のJSONは「ファイルを開く（JSON・SVG・PNG）」から読み込みます。
- v2で通常保存するとv2形式になるため、元ファイルの控えも残します。
- v1へ渡す場合は「エクスポート」→「v1用JSONを書き出す（添付なし）」を選びます。
- 添付を保持する控えは、v2の通常JSONとして保存します。
v1用JSONには添付原本・添付情報を含めませんが、個人・関係メモは残ります。書き出しても、編集中のv2データの添付は消えません。
14操作を戻す・別の家系図へ切り替える
- 直前の操作は「元に戻す」、取り消した操作は「やり直す」を使います。
- 別の図を開く前に、必要な内容をJSONで保存します。
- 置き換え確認が出て、まだ保存していなければ「現在の家系図を残す」を選びます。ジェネレーターでは「入力へ戻る」です。
- 保存を済ませてから、切り替えをやり直します。
履歴は最大100件。連続入力をまとめることがあります。新規作成・生成・読込などで図を置き換えると履歴はリセットされ、ページ終了後には復元できません。
Questions & answers
困ったときは。
保存したファイルはどこにありますか？
ブラウザのダウンロード一覧と、設定された保存先を確認してください。アプリの保存表示だけでは、端末にファイルが残ったかを確認できません。
閉じたら、家系図がなくなりました。
自動保存はありません。保存済みのJSON、または再編集用データ付きSVG・PNGから開いてください。保存していない家系図を、終了後に復元することはできません。
PNG・SVGが開けません。
HeredicTreeの再編集用データが必要です。一般画像、スクリーンショット、外部ソフトでメタデータが削除された画像からは復元できません。控えのJSONを使ってください。
読込エラーが出ました。
表示された理由を確認し、保存してある元ファイルを使ってください。アプリが検出できる読込エラーでは、現在の家系図は置き換わりません。
PDFのプレビューが白い・表示されません。
PDF表示はブラウザによって異なります。「原本をダウンロード」で取り出してください。
画像出力後も「未保存の変更あり」が残ります。
未保存表示は通常JSONの保存を基準にしています。作業内容を「JSONを保存」で残してください。
メモやコメントは画像に入りますか？
ラベルと全体コメントは、図に見える文字として入ります。個人・関係メモは図には見えませんが、再編集用データ付き画像には含まれます。
ファイルが大きい・処理が重いです。
添付を含む保存データは原本より大きくなります。アプリ独自の固定容量上限はありませんが、端末やブラウザには限界があります。まず控えを保存し、必要な資料を見直してください。
近親度が出ない・画像に色が残りません。
発端者と基準の選択、登録した関係情報を確認してください。画像に色を残すには、エクスポート側の近親度設定も必要です。通常JSONに表示設定は保存しません。
配偶者の追加や並び替えで、番号・配置が変わりました。
配偶者の追加と「並び順を変更」は、対象世代全員を左から連番にし、その世代の手動配置を解除します。兄弟姉妹の順番変更でも対象世代の手動配置を解除します。関係や資料は元の人物に付いたままです。履歴が残っていれば「元に戻す」で戻せます。
引用情報やライセンスはどこで読めますか？
アプリ下部の「注意事項・引用情報」または「ライセンス」を押すと、アプリ内で読めます。引用時はJavaScript版と原作の両方を参照してください。トップページの原作への感謝から、原作ページとCITATION.cffも開けます。
別ウィンドウが開きません。
ブラウザのポップアップ設定を確認してください。開けない場合は、プレビューの「最大表示」も使えます。
記号の詳細は、アプリ上部の「ヘルプ」から「基本記号」「個人マーカー」「家族関係」を確認できます。本ガイドの画面・資料は、操作説明用の架空データです。
Make your own connections