<p class="thumb"><img src="http://web-marketing.zako.org/images/sitemap-0.jpg" alt="WEBサイト 構成図 作成に特化したオンラインソフト " title="WEBサイト 構成図 作成に特化したオンラインソフト " width="514" height="204" class="alignnone size-full wp-image-9128" /></p><p>WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったり、毎度テンプレートを探したりと、あまり手軽ではないと思います。</p><p>そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。</p><p>2009/12/25追記：今日現在、日本語が文字化け、PDF形式でのエクスポートが行えなくなっています。この件につきまして、<a href="http://twitter.com/kira88" onclick="window.open('http://twitter.com/kira88'); return false;">@kira88</a>が運営元へフィードバックをしてくださいました。お知らせいただき、ありがとうございますｍ（＿ ＿）ｍ</p><!--more--><h3 class='header-label'>サイトの構成図をサクッと作れるオンライン ソフト「SlickPlan」</h3><p>「<a class="website-link" href="http://www.slickplan.com/" onclick="window.open('http://www.slickplan.com/'); return false;">SlickPlan</a>」は、<strong>WEBサイトの構成図を作成することに特化したオンラインソフト。</strong></p><p>見た目も奇麗で見やすくなっており、HTMLやPDFでエクスポートでき、すぐに共有したいときにも便利です。</p><h4 class='tips'>作成されるPDF</h4><object width="522" height="391"><param name="movie" value="http://pho.to/swf/embed.swf?url=http://pho.to/get-shared-image/28A293E2-6506-9E24-4562-03CF3FB29C34.jpg&save=1&embed=1&text="></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://pho.to/swf/embed.swf?url=http://pho.to/get-shared-image/28A293E2-6506-9E24-4562-03CF3FB29C34.jpg&save=1&embed=1&text=" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="522" height="391"></embed></object><p>↑視覚化されたWEBサイト構成図がPDFでエクスポートできます。テンプレートを探す必要もないので、サクッと提示したい時にとても便利です。</p><h4 class='tips'>作成されるHTML</h4><ul><li><a href="#">プライバシーポリシー</a></li><li><a href="#">サイトマップ</a></li><li><a href="#">特定商取引法表示</a></li><li><a href="#">初めての方へ</a></li></ul><ul><li><a href="#">Home</a></li><li><a href="#">サービス概要</a><ul><li><a href="#">料金一覧</a></li><li><a href="#">サービス１</a><ul><li><a href="#">特徴</a></li></ul></li><li><a href="#">サービス2</a><ul><li><a href="#">特徴</a></li></ul></li></ul></li><li><a href="#">会社概要</a><ul><li><a href="#">代表プロフィール</a></li><li><a href="#">スタッフ紹介</a></li><li><a href="#">会社沿革</a></li></ul></li><li><a href="#">お問い合わせ</a><ul><li><a href="#">所在地</a></li></ul></li><li><a href="#">お申込み</a><ul><li><a href="#">お申込み規約</a></li></ul></li></ul><p>↑このブログのCSSが影響してしまってますが、リスト表示で階層を表示させるHTMLタグが作成されます。</p><h4 class='tips'>WEBサイト構成図に特化した管理画面</h4><p class="picture2"><img src="http://web-marketing.zako.org/images/sitemap-1.jpg" alt="サイト構成図の作成に特化した管理画面" title="サイト構成図の作成に特化した管理画面" width="522" height="328" class="alignnone size-full wp-image-9124" /> ↑サイト 構成図の作成に特化しているので、作成、編集をカンタンに行えます。</p><p class="picture2"><img src="http://web-marketing.zako.org/images/sitemap-2.jpg" alt="項目の移動はドラッグ" title="項目の移動はドラッグ" width="512" height="228" class="alignnone size-full wp-image-9125" /> ↑メニューの順番入れ替えは、ドラッグアンドドロップで行えます。</p><p class="picture2"><img src="http://web-marketing.zako.org/images/sitemap-3.jpg" alt="ページの追加画面" title="ページの追加画面" width="512" height="416" class="alignnone size-full wp-image-9126" /> ↑ページの追加もシンプルでカンタン。エンターキーを押すと追加されるので日本語入力には慣れが必要です。慣れると便利。</p><p>興味のある方は<a class="website-link" href="http://www.slickplan.com/" onclick="window.open('http://www.slickplan.com/'); return false;">SlickPlan</a>へどうぞ。</p><p>複数のプロジェクトをダッシュボードで管理できるのも便利なところ。サイト構築に特化しているだけに、構成が見やすいですね。</p><p>Via:<a class="website-link" href="http://delicious.com/url/8bde236ecbf0c31135da96c125b0dd0f" onclick="window.open('http://delicious.com/url/8bde236ecbf0c31135da96c125b0dd0f'); return false;">delicious</a></p>