スクレイピングで記事ランキングのグラフ化：まとめサイト2.0（2/5 ページ）

「オルタナティブ・ブログ」で公開されている週間アクセスランキングを基に、その結果をグラフ化してみよう。定期的なデータ取得と解析で、新たなコンテンツを作り出すことができる。

[大澤文孝，ITmedia] PC用表示関連情報

LINE

Hatena

データ構造を確認する

　スクレイピングするにあたり、まずやらなければならないのは、抜き出す対象となるHTMLソースの構造を調査することだ。

　過去のランキングページのHTMLソースを参照すると、「過去ランキングが記載されているブロック」は、図2のように構成されていることが分かる（2007年12月時点）。この構造からは、次の条件で抜き出せば、それぞれの週の1位から10位を得ることができる。

図2■過去ランキングのブロック構造

1）過去ランキングブロック

　過去ランキングのブロックは、全体が次のようになっている。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　id属性に「postranking」という値をもつdiv要素の中に文字列がある。言い換えると、<div id="postranking">の中だけをスクレイピング対象とすればよく、ほかの部分は無視して構わないということだ。

2）それぞれの期間を特定

　それぞれの過去ランキングの期間は次のようになっている。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　class属性に「rankingdata」という値をもつdiv要素内のテキストとして構成されている。言い換えると、上記の 1）と総合して次のような条件でスクレイピングすればよいということになる。

　この条件ですべて抜き出すと、「期間」を配列として取得できるのだ。

3）それぞれのランキングを特定

　それぞれのランキングは次のようになっている。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　div class="ranking"の配下に、span要素として構成されている。つまり、1）と総合して、次のような条件でスクレイピングすればよいことになる。

　<a href="">のhrefに書かれているのが「記事へのリンク」

　<a href="">に囲まれたテキストが「記事タイトル」