組織図メーカー | オンライン組織図作成ツール

Organization Chart / オーガニゼーションチャート

無料・登録不要で組織図を作成できるオンラインツールです。
5種類のデザインテンプレートと4種類の構成テンプレートを用意しています。
完成した組織図は画像(PNG・JPEG・SVG)としてダウンロードできます。データは自動的にブラウザに保存されます。

組織図ツール

8 ノード / 7 接続

組織図とは何ですか?

組織図(そしきず)は、企業や団体の構造・役職・部署などの関係性を視覚的に表した図です。誰がどの役職に就き、誰の下で働くのかといった指揮命令系統を一目で把握できます。新入社員への説明や、社内・社外への組織構成の共有に役立ちます。

基本的な操作方法を教えてください。

  • ノードの追加: サイドバーの「ルートノードを追加」か「部下を追加」ボタンを使って新しいノードを追加できます。ノードを選択してから「部下を追加」すると、選択中のノードの下位ノードが追加されます。
  • ノードの編集: ノードをダブルクリック、またはサイドバーの「詳細を編集」ボタンから名前・役職・部署・メール・電話番号などを編集できます。
  • 接続(線)の作成: ノードの下側のハンドル(●)をドラッグして別のノードの上側ハンドルに繋ぐことで接続線を作成できます。
  • 削除: ノードまたは接続線を選択して、DeleteキーまたはサイドバーのDeleteボタンで削除できます。
  • 移動・ズーム: キャンバス上をドラッグして移動、Ctrlを押しながらスクロールでズームできます。

デザインテンプレートについて教えてください。

サイドバーの「デザインテンプレート」から5種類のデザインを選択できます。

  • シンプル: 清潔感のある青いヘッダーの標準デザイン
  • モダン: 紫をアクセントにした洗練されたデザイン
  • フラット: シンプルなフラットデザイン
  • ダーク: ダークテーマ
  • グリーン: 爽やかなグリーン系デザイン

テンプレートはいつでも切り替えられます。データはそのまま維持されます。

構成テンプレート(サンプルデータ)はありますか?

はい、サイドバーの「レイアウト・テンプレート」から「構成テンプレートから始める」を選ぶと、以下のサンプル組織図を読み込むことができます。

  • 一般企業(階層型): 社長・役員・部長・課長の4階層を持つ標準的な企業組織図
  • スタートアップ(フラット型): CEO・CTO・CFO・CMO等を持つフラットなスタートアップ組織図
  • プロジェクトチーム: PMを中心とした機能横断型チームの組織図
  • 部門組織図: 特定の部門内の詳細な組織構造

※テンプレートを読み込むと現在のデータは上書きされます。

自動レイアウトとは何ですか?

「自動レイアウト」ボタンを押すと、接続関係を元にノードが上から下へ階層的に整列します。組織図を手動で配置した後に見やすく整えたいときに便利です。自動レイアウト後もノードを自由にドラッグ・移動できます。

作成した組織図を保存するにはどうすればいいですか?

保存方法は2種類あります。
  • 自動保存機能:ブラウザのローカルストレージに自動的に保存されるため、同じブラウザであればページを閉じても編集を再開できます。
  • JSON形式ファイル:サイドバーの「JSON形式でエクスポート」ボタンをクリックすると、組織図の全データをJSON形式で保存できます。このファイルは後でインポートして編集を再開できます。
または右上のダウンロードアイコンから画像(PNG・JPEG・SVG)としてダウンロード可能です。

自動保存機能はありますか?

はい、あります。
グラフのデータはブラウザのローカルストレージに自動的に保存されます。
ページを再読み込みしたり、ブラウザを閉じて再度開いた際に、保存されたデータを復元することができます。

また、データ入力欄右上のリセットボタンを押すと、初期設定のデータに戻すことも可能です。
  • ローカルストレージのデータは、ご利用のブラウザにのみ保存され、他のユーザーとは共有されません。
  • ブラウザの設定でローカルストレージが無効になっている場合、自動保存機能は動作しません。
  • ブラウザのキャッシュをクリアすると、保存されたデータも削除されます。

ノードのサイズを変更できますか?

はい、ノードを選択すると四隅にリサイズハンドルが表示されます。ドラッグしてノードのサイズを自由に調整できます。

Undo(元に戻す)はできますか?

はい、Ctrl+Z(Mac: Cmd+Z)でUndo、Ctrl+Y(またはCtrl+Shift+Z)でRedoができます。また、右上のツールバーにもUndo・Redoボタンがあります。

新着記事