Journal編集部です。「せっかくパソコンを使っているのだし、なるべく反復作業を減らしたい」という思いから、様々なツールを使い、簡単で正確な方法を日々探しています。このコーナーではそういったツールのうち、現場で実際に役立っているものをご紹介します。このサイト、本当は何ページあるの?既存のWebサイトをリニューアルする際には、正確なお見積もりや制作上のトラブルを防ぐために、事前に既存サイトのページ数や構造を知る必要があります。コンペなど正式に受注していないタイミングでは、十分な情報を得られていないケースも多く、サイトマップから当たりをつけていったり、ナビゲーションをたどって総当たりで調べるといった作業になりがちです。規模が大きくなると数百、数千ぺージに上ることもあり、これが中々大変な作業です。古くから増改築を行ってきたサイトの場合は、クライアントも知らないページ群が隠れていることがあります。Plus』は、サイト把握のための労力を軽減し、機械ゆえの正確性も担保してくれる素晴らしいツールです。Plus』は、Mac専用ツールでイギリスのPeacockMediaが提供しています。8ドルの有料ツールで、リンクチェックツールIntegrityに、ファイルリスト取得機能が追加されたものです。1週間無料で試せるので、まずはダウンロードしてみましょう。ダウンロードページから入手できます。試しにファイルリストを取得してみるdmgファイルをインストールしたら、さっそく使ってみましょう。今回はあらかじめ用意したテストサイトを対象にファイルリストを取得してみます。「Go」を押すと、どんどん調べていきます。元々はリンクチェックツールなので、そのエンジンを使って繋がったリンクをクローリングしていきます。URLでソートするだけでも大体のボリュームと構造がわかります。今回はページ数の少ないサンプルだったので、1秒と待たずに完了しました。「Sitemap」のビューにしていると、存在が確認できたページのURL、タイトル、階層、更新頻度が見れます。取得したデータは各種形式でエクスポートできので、もっと有効活用してみたいところです。チーム内での共有のため、汎用性の高いCSVでエクスポートし、Excelで見やすい形に加工します。(※ここからはExcelの操作に少し慣れている必要があります。PlusからCSV形式でエクスポート「Sitemap」ビューの右上の「Export」からCSVで書き出します。日本語サイトの場合に取得データがExcelで文字化けするのを防ぐためです。個人的には、CotEditorが軽くてお勧めです。3Excelを起動し、CSVをインポート「ファイル>インポート」からCSVを読み込む4URL列で並べ替える「データ>並べ替え」でURL列を昇順でソートする。5URL列を最後尾の列にコピーし、「データ>区切り位置」で/ごとに区切る次のように「/」ごとに列を分けることで、階層構造が明確になります。ディレクトリ単位で整理されたファイルリストが出来ました。私の場合はさらにいくつかの処理を加えて関係者にとってより使いやすい資料にしています。サンプルXLSXファイルをダウンロード例えば、HYPERLINK関数を使って直リンクの列を作ることで特定のぺージを即時に確認できるようになります。ディレクトリごとに見やすく色分けしておくことで構造がさらに把握しやすくなり、リニューアル時の構造設計がしやすくなります。Plusによるサイトボリュームの把握方法と、Excelを用いた有用なファイルリストの作成方法をご紹介しました。ビジュアルデザインにかすりもしない、非常に地味な記事となりましたが、効率化という観点で皆様のお役に立つ情報となっていれば幸いです。読んで頂きありがとうございました。お悩みや課題など、お気軽にお問合わせください。案件のご相談A.C.O.で一緒に働きませんか。A.C.O.のカルチャーとノウハウを発信していきます。insightsUXやデザインのトピックからグローバルレポートまで、最新の情報をお届けします月1–2回ぐらいで届けます。いつでもキャンセルできます。Policyをご覧くださいConnectお悩みのことがあれば、お気軽にご相談ください。東京A.C.O.は、世界中で素晴らしいデジタルプロダクトをつくるモンスター・ラボグループの一員です。