無料サイトマップ作成ツール

使い方

1. ノードを選択: ツリー上のノードをクリックして選択状態（青枠）にします。
2. 子ノードを追加: 左パネルでページ名とタイプを入力し「子ノードを追加」ボタンを押します。
3. ページ名を編集: ノードをダブルクリックすると編集モードになります。Enterまたはフォーカスを外すと確定します。
4. ノードを削除: ノード右上の「×」ボタンで削除できます（子ノードも一緒に削除されます）。
5. 折りたたみ: 子を持つノードの「▼」ボタンで子ノードを折りたためます。
6. PNG書き出し: 「PNG保存」でツリー全体を画像ファイルとして保存できます。
7. JSON保存/読み込み: 設計データをJSONで保存・再読み込みできます。作業の引き継ぎや共有に便利です。

サイトマップ・IA設計ツールとは

サイトマップ（情報アーキテクチャ / IA）とは、Webサイトを構成するすべてのページの階層構造を図式化したものです。 制作前にページ構造を可視化することで、ユーザーが迷わないナビゲーション設計が可能になります。 本ツールはWebディレクター・インハウスマーケター・デザイナーを対象に、 ブラウザだけで完結するIA設計環境を提供します。Octopus.doなどの有料ツール（月額$10〜）の代替として、 登録不要・完全無料でご利用いただけます。 設計データはローカルストレージに自動保存されるため、ブラウザを閉じても続きから作業できます。 チームへの共有はJSONエクスポートまたはPNG書き出しをご活用ください。