[tips]スプレッドシートで構成図（サイトマップ）を作成する方法

最近、ページを洗い出すために構成図（サイトマップ）を作成する機会があり、
スプレッドシートで簡単に作成できる方法を見つけたのでまとめてみました。

目次

1. なぜ構成図（サイトマップ）を作成するのか？
2. 構成図（サイトマップ）の作成方法

1. なぜ構成図（サイトマップ）を作成するのか？

- まず構成図（サイトマップ）とは

　サイトの全体像を描く見取り図であり、サイト内での情報の分類を定義するものです。サイトマップによってサイトの骨格を設計し、掲載する情報の組織化・構造化を進めていきます。

- 次に、なぜ構成図（サイトマップ）を作成するのか？

　サイトマップには単なる設計資料としての役割だけでなく、サイトの企画意図をクライアントや他のプロジェクトメンバーと情報共有するためのコミュニケーションツールとしての役割もあるため作成されます。

2. 構成図（サイトマップ）の作成方法

- まずは、どんな感じにできるのか画像をどうぞ！

では、手順を説明します

- シートの1行目に親要素（遷移元）、子要素（遷移元）、備考の項目を書く

- 把握している遷移ページを記述（全て書く必要はない）

- [挿入]　＞　[グラフ]　をクリック

- グラフの種類を[組織図]に設定

- 親を親要素（遷移元）を設定する

|

- 識別子を子要素（遷移元）を設定する

- ツールチップを備考を設定する

　以上！めっちゃ簡単だし、修正もしやすいです！