Skip to content

Instantly share code, notes, and snippets.

@naoyashiga

naoyashiga/kiji.html

Last active August 19, 2016 02:31
Show Gist options
  • Save naoyashiga/dd8315de8723c28f1fbbc565aa465448 to your computer and use it in GitHub Desktop.
Save naoyashiga/dd8315de8723c28f1fbbc565aa465448 to your computer and use it in GitHub Desktop.
Download ZIP
kiji.html
Raw
kiji.html
<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="ja"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="ja"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="ja"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="ja"><!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta name="description" content="今回の「Yahoo! JAPANビッグデータレポート」では、7月26日に公開した景気動向一致指数の予測の結果と、その振り返りを行います。">
<meta name="keywords" content="ビッグデータ,レポート,データ,データ分析,データ解析,分析,解析,検索,検索ワード,キーワード,検索キーワード,景気動向指数,景気動向一致指数,景気指数,景気指標,Yahoo! JAPAN,ヤフー">
<title> ビッグデータレポート - ヤフー株式会社</title>
<link rel="stylesheet" type="text/css" href="http://i.yimg.jp/i/docs/top/assets/css/main_02.css">
<script src="http://i.yimg.jp/i/docs/info/js/modernizr/2.6.2/modernizr.js"></script>
<meta property="og:title" content="6月の景気動向一致指数予測の結果について">
<meta property="og:description" content="今回の「Yahoo! JAPANビッグデータレポート」では、7月26日に公開した景気動向一致指数の予測の結果と、その振り返りを行います。" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://i.yimg.jp/i/docs/top/assets/img/fb_ybdr.png"/>
<meta property="og:url" content="http://docs.yahoo.co.jp/info/bigdata/economiccondition/2013/03/" />
<meta property="fb:app_id" content="180739505422488" />
</head>
<body>
<!--[if (gte IE 8)|!(IE)]><!-->
<!-- facebook -->
<script src="http://i.yimg.jp/images/rapid/1.5.0/ult.js"></script>
<div id="fb-root"></div>
<script>
<!--
window.fbAsyncInit = function() {
FB.init({
appId : '180739505422488', // App ID
channelUrl : 'http://docs.yahoo.co.jp/common/Channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
var postFlag = 0;
// Facebook Like Event
FB.Event.subscribe('edge.create', function(response) {
// リンクパラメータの設定
// mod パラメータのname は固定でfacebook としておく事
// links パラメータ内のパラメータは全て固定とする(この部分 ⇒ {name:'like_log', params:{sec:'facebook', slk:'like_log', pos:'1'}})
var link_data = [{
mod:{name:'facebook'},
links:[{name:'like_log', params:{sec:'facebook', slk:'like_log', pos:'1'}}]
}];
// ログに落とす情報を変数に入れる
// beacon_server: ビーコンを飛ばすサーバ
// spaceid: 埋め込むページのSpaceIDを記入してください
var ins = YAHOO.i13n.Beaconer(
{beacon_server:'ybx.yahoo.co.jp',
keys:{rpdprop:"facebook"},
link_data:link_data,
spaceid:'2080275250' // SpaceID
});
// Click ログのビーコンを飛ばす
if(postFlag == 0) {
ins.doClickBeacon(link_data[0].links[0].params);
postFlag = 1;
}
});
};
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1&appId=180739505422488";
ref.parentNode.insertBefore(js, ref);
}(document));
-->
</script>
<!-- /facebook -->
<!--<![endif]-->
<div class="page_wrapper_outer">
<div class="page_wrapper_inner">
<header id="header" role="banner" class="page_header">
<h1 class="site_logo"><a href="http://www.yahoo.co.jp/"><img src="http://i.yimg.jp/i/docs/top/assets/img/[email protected]" alt="Yahoo! JAPAN" width="210" height="70"></a></h1>
<button id="toggle-nav" type="button" class="toggle-nav"><img src="http://i.yimg.jp/i/docs/top/assets/img/icon-nav.png" alt="ナビゲーション" width="16" height="16"></button>
</header>
<div id="sidebar" class="page_sidebar">
<div class="page_sidebar_inner">
<nav id="nav" role="navigation" class="primary_nav">
<ul>
<li class="item-home"><a href="http://docs.yahoo.co.jp/info/"><span class="label">トップ</span><span class="icon"></span></a></li>
<li class="item-services"><a href="http://services.yahoo.co.jp/"><span class="label">サービス一覧</span><span class="icon"></span></a></li>
<li class="item-company"><a href="http://docs.yahoo.co.jp/info/summary.html"><span class="label">会社概要一覧</span><span class="icon"></span></a></li>
<li class="item-press"><a href="http://pr.yahoo.co.jp/"><span class="label">プレスルーム</span><span class="icon"></span></a></li>
<li class="item-ir has-small"><a href="http://ir.yahoo.co.jp/"><span class="label">IR情報 <small>(Investor Relations)</small></span><span class="icon"></span></a></li>
<li class="item-recruit"><a href="http://hr.yahoo.co.jp/"><span class="label">採用情報</span><span class="icon"></span></a></li>
<li class="item-csr"><a href="http://csr.yahoo.co.jp/"><span class="label">企業の社会的責任</span><span class="icon"></span></a></li>
</ul>
</nav>
<aside role="complementary" class="social_links">
<ul>
<li class="item-facebook first-child"><a href="http://www.facebook.com/yahoojapan" target="_blank"><img src="http://i.yimg.jp/i/docs/top/assets/img/[email protected]" alt="Facebook" width="16" height="16"></a></li>
<li class="item-twitter"><a href="https://twitter.com/Yahoo_JAPAN_PR" target="_blank"><img src="http://i.yimg.jp/i/docs/top/assets/img/[email protected]" alt="Twitter" width="16" height="16"></a></li>
<li class="item-help"><a href="http://www.yahoo-help.jp/"><img src="http://i.yimg.jp/i/docs/top/assets/img/[email protected]" alt="Yahoo! JAPANヘルプセンター" width="16" height="16"></a></li>
</ul>
</aside>
</div>
</div>
<div id="bigdata" role="main" class="page_main">
<div id="info" class="info-header" style="display: block;">
<div class="info-emergency">
<style type="text/css"><!--
/* EMG setting
----------------------*/
#emg{clear:both;text-align:center;}
#emg br{display:none;}
#emg table{margin:10px auto;}
#emg table table{margin:0;}
--></style>
<div id="emg">
<!-- SpaceID=2080275250 loc=EMG3 noad -->
</div>
<div id="emg">
<!-- SpaceID=2080275250 loc=EMG2 noad-spid -->
</div>
<div id="emg">
<!-- SpaceID=2080275250 loc=EMG noad -->
</div>
</div><!-- /info-emergency -->
</div><!-- /info-header -->
<div class="breadcrumbs"><em class="item current"><span class首長選挙を分析する="label">ビッグデータレポート</span></em></div>
<main role="main">
<article class="common_article">
<header>
<ul class="social"><!--[if (gte IE 8)|!(IE)]><!--><!-- facebook --><li class="face_btn"><div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="true"></div>
</li><!-- /facebook --><!--<![endif]--><!-- twitter --><li class="twitter_btn"><a href="https://twitter.com/share" class="twitter-share-button" data-dnt="true" data-lang="ja" data-text="6月の景気動向一致指数予測の結果について－Yahoo! JAPANビッグデータレポート" data-url="http://docs.yahoo.co.jp/info/bigdata/economiccondition/2013/03/index.html" data-via="yj_bigdata" data-hashtags="yjbigdata">ツイート</a></li><!-- /twitter --><!-- hatena --><li class="hatena_btn"><a href="http://b.hatena.ne.jp/entry/http://docs.yahoo.co.jp/info/bigdata/economiccondition/2013/03/index.html" class="hatena-bookmark-button" data-hatena-bookmark-title="6月の景気動向一致指数予測の結果について" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="23" style="border: none;"data-via="yj_bigdata" data-lang="ja" data-hashtags="yjbigdata" /></a></li><!-- /hatena --></ul>
<p class="date">
<time datetime="2013-09-05">2013年10月○○日　更新</time>
</p>
<p class="corp"> ヤフー株式会社</p>
</header>
<section role="region">,
<h1>16万曲分の歌詞を分析してわかったアーティストの意外な類似性~データ可視化の取り組み~</h1>
<p>こんにちは、「Yahoo! JAPANビッグデータレポート」チームです。</p>
<p>突然ですが、もしも気になるアーティストの歌詞にはどんな特徴があるのかが可視化されたら面白いと思いませんか？
そこで、今回はGYAO!で歌詞で見ることができるサービス「GYAO!歌詞」と連携して、歌詞の日本語処理分析とそのデータビジュアライズに取り組んでみました。<br>
ちなみに「GYAO!歌詞」サービスではさまざまなジャンルの歌詞を無料で見ることができるとともに、GYAO!が提供するMVやライブ映像もあわせて見られる素敵なサービスですので、ぜひご利用ください。</p>
<h3>歌詞をどうやって分析するのか</h3>
<p>「歌詞の分析する」というからには、まずは歌詞の解析してデータとして抽出する必要があります。今回は「形態素解析」と呼ばれる日本語処理手法を用いて歌詞の分析を行いました。
では、その解析とはいったいどのようなものでしょうか。</p>
<p>形態素とは、意味を持つ最小の単位のことで、形態素解析は、その最小単位に分解するという処理手法です。
例えば「明日は日曜日です」という歌詞があった場合、文章は「明日/は/日曜日/です」という形態素に分解することができます。<br>
さらに「明日（名詞）/は（助詞）/日曜日（名詞）/です（助動詞）」のように、各形態素の品詞も判別することができます。</p>
<h3 class="index high"><span>（図1）</span>形態素解析とは</h3>
<p class="fluid __mt10"><img src="https://mym.corp.yahoo.co.jp/paster/b8451eb1044ae5c03af8.jpg" alt="2016.7参院選比例区予測の図"></p>
<dl class="photo_ex">
</dl>
<p>これ以外にも、目的に応じたさまざまな補正や付加要素を加え、文章の解析を行うことを一般的に「形態素解析」と呼んでいます。今回は16万曲分の歌詞データに対して、ヤフージャパンの日本語処理技術を用いた形態素解析を適用して処理を行い、すべての単語（以下歌詞ワード）の出現個数や曲あたりの出現頻度などを計算して、これを歌詞分析用のマスターデータとしました。</p>
<p>まだ特徴語などの分析を行う前ですが、この段階のデータでも歌詞に登場しやすい歌詞ワードのランキングなどを知ることができます。</p>
<h3 class="index high"><span>（図2）</span>歌詞ワードの頻出ワードランキング</h3>
<p class="fluid __mt10"><img src="https://mym.corp.yahoo.co.jp/paster/cdceda100aec6a768113.jpg" alt="2016.7参院選比例区予測の図"></p>
<dl class="photo_ex">
<dt>資料：</dt>
<dd>「GYAO!歌詞」データ　次のワードは除外「ない」「いい」「する」「いる」「なる」「ある」</dd>
</dl>
<p>この結果、全16万曲の歌詞の中で、最も出現頻度が高い名詞は「君」、形容詞は「強い」、動詞は「見る」となりました。</p>
<h3>アーティスト別に「特徴語」を抽出する</h3>
<p>しかしこのデータだけでは、「このアーティストが歌う曲の歌詞ワードにはこんな特徴がある」という分析をすることができません。そのためにはアーティストごとに歌詞に含まれている歌詞ワードの「<b>特徴度</b>」を集計する必要があります。この処理を行うことで、各アーティストらしい歌詞ワードの抽出を行えると考え、アーティストが持つ歌詞ワードごとに特徴度を求めて、値が高かった上位の歌詞ワードを各アーティストの「<b>特徴語</b>」としました。</p>
<p>特徴度は次の二つの要素を掛け合わせたスコアとして算出を行いました。<br>
<div style="padding: 16px; border: solid 1px #4169e1; border-radius: 10px; background-color: #f0f8ff; margin-top: 30px; margin-bottom: 30px;">
<ul>
<li>要素1：アーティストAが持つ歌詞ワードの出現総数に対する、アーティストAが持つ歌詞ワード<i>W</i>の出現数（<i>W</i>は変数）</li>
<li>要素2：歌詞ワード<i>W</i>が使われているアーティスト数の逆数</li><ul></div>
上記の算出によって、「アーティストＡさんが歌詞の中でよく使い(要素1)、他のアーティストの歌詞には現れにくい(要素2)歌詞ワード」ほど高い値となるため、特徴語として抽出することができるようになります。<br>
保有曲数が少なくなればなるほど精度が下がってしまいますので、今回はGYAO!歌詞登録曲数の上位約500アーティストに絞って分析を行いました。</p>
<p>実際の例で見てみましょう。GYAO!歌詞で最も登録曲数が多かった「TUBE」を例に、特徴度のスコア上位20の特徴語を並べてみると次のようになります。</p>
<h3 class="index high"><span>（図3）</span>TUBEの歌詞の特徴語上位20件</h3>
<p class="fluid __mt10"><img src="https://mym.corp.yahoo.co.jp/paster/fc1c9ff9ab0f5744693c.png" alt="2016.7参院選比例区予測の図"></p>
<dl class="photo_ex">
<dt>資料：</dt>
<dd>「GYAO!歌詞」データ　バブルの大きさは特徴度のスコアに比例、中心またはバブル間の距離はデータに基づくものではない</dd>
</dl>
<p>「TUBE」において最も特徴度スコアの高い単語は「夏」となり、イメージ通りの結果を得ることができました。この抽出された歌詞ワードは、いろんな角度で眺めるだけでもとても面白い結果を得ることができます。
例えば、このデータから歌詞のなかで「自分」と「相手」のことをどう呼ぶのか、一人称と二人称を抜き出してみます。</p>
<h3 class="index high"><span>（図4）</span>一人称と二人称の呼び方表</h3>
<p class="fluid __mt10"><img src="https://mym.corp.yahoo.co.jp/paster/52557b783f1a66e7a779.png" alt="2016.7参院選比例区予測の図"></p>
<dl class="photo_ex">
<dt>資料：</dt>
<dd>「GYAO!歌詞」データ　※特徴スコアによる閾値足きり後のデータを使用。また複数の呼び方を持つアーティストはスコアが高いほうを採用</dd>
</dl>
<h3 class="index high"><span>（図5）</span>一人称と二人称の呼び方アーティスト数バブルチャート</h3>
<p class="fluid __mt10"><img src="https://mym.corp.yahoo.co.jp/paster/8d6d96b4f05491c20cf4.jpg" alt="2016.7参院選比例区予測の図"></p>
<dl class="photo_ex">
<dt>資料：</dt>
<dd>「GYAO!歌詞」データ　※特徴スコアによる閾値足きり後のデータを使用。また複数の呼び方を持つアーティストはスコアが高いほうを採用</dd>
</dl>
<p>図4から例えばaikoやいきものががりは、他のアーティストと比較して自分を「あたし」、相手を「あなた」と呼ぶことが特徴として現れているなどがわかります。また、同じ「私」という呼び方であっても「私」「わたし」「あたし」など、使われる表記でも分かれていることが読み取れます。<br>
カウント数では「僕」と「君」の組み合わせが最も多く、逆に自分を「私」、相手を「あんた」と呼ぶ組み合わせは、やしきたかじんのみとなっています。</p>
<h3>特徴語が似たアーティストを調べてみた</h3>
<p>次に、各アーティストの「特徴語」を使って、歌詞ワードが似ているアーティストを以下の行程で分類してみました。
<div style="padding: 16px; border: solid 1px #4169e1; border-radius: 10px; background-color: #f0f8ff; margin-top: 30px; margin-bottom: 30px;">【分析手順】<ul>
<li>1:約500アーティストそれぞれが持つ特徴語のスコア上位150ワードを抽出</li>
<li>2:全アーティストをすべてペアにして、全組み合わせの特徴度の一致スコアを算出</li>
<li>3:最もスコアが高くなったアーティストのペアから順に組み合わせを生成</li>
<li>4:ペアの組み合わせがなくなるまで処理を行う</li>
<li>5:(4)の結果をD3jsというデータビジュアライズライブラリを用いて可視化</li></ul>
</div>
</p>
<p>1～4の処理を行うことで特徴語が類似しているアーティストの組み合わせデータを生成することができました。ただし、そのままのデータでは結果を把握することが困難なので、d3jsとよばれるデータビジュアライズではよく利用されるライブラリを使用し可視化してみました。（スマートフォンからの閲覧では簡易版で表示しています。フル機能はパソコン環境からのみ利用できます）</p>
<h3 class="index high"><span>（図5）</span>アーティストクラスタリングチャート</h3>
<p class="fluid __mt10"><img src="https://mym.corp.yahoo.co.jp/paster/f7c23dd7a718da88d7d5.png" alt="2016.7参院選比例区予測の図"></p>
<dl class="photo_ex">
<dt>資料：</dt>
<dd>「GYAO!歌詞」データ　一致スコアが極端に低いアーティストは除外しています</dd>
</dl>
<div style="padding: 16px; border: solid 1px #4169e1; border-radius: 10px; background-color: #f0f8ff; margin-top: 30px; margin-bottom: 30px;">
【注意事項】<br><ul>
<li>歌詞以外のデータ要素（サウンド、楽譜、ジャンルなど）は使用していません</li>
<li>日本語、英語とも一部の単語は除いています（助詞、接続詞、代名詞など）</li>
<li>カバー曲も含まれています</li>
<li>作詞者を考慮したフィルタリングは行っていません</li>
<li>GYAO!歌詞サービスに登録された曲数に基づいたデータであり、すべての楽曲を網羅しているわけではありません</li>
<li>データは2015年6月までのものを利用しています</li>
<li>一致スコアが極端に低いアーティストは除外しています</li></ul>
</div>
<p>ツールの詳細な使い方はツール内のヘルプで解説していますが、基本的にはアーティスト名を選択することで、そのアーティストの特徴語や、類似アーティストの情報を見ることができます。</p>
<h3 class="index high"><span></span>モーニング娘。の特徴語と類似アーティスト</h3>
<p class="fluid __mt10"><img src="https://mym.corp.yahoo.co.jp/paster/a9dd38fa9ff84caaf138.png" alt="2016.7参院選比例区予測の図"></p>
<dl class="photo_ex">
</dl>
<p>機械的な処理で一致スコアを計算して自動的にグラフを生成しただけですが、例えばモーニング娘。などのハロープロジェクトのアーティストはすべて近い位置に集まった上に、プロデューサであるつんくが所属していたシャ乱Qまで組み合わせの近い位置に来るなど、感覚的にも納得できる結果を得ることが出来ました。中には意外な組み合わせもたくさんあるため、ぜひ一通り眺めてお気に入りのアーティストの特徴語を確認してみてください。</p>
<h3>まとめ</h3>
<p>今回はGYAO!歌詞のサービスデータ、ヤフージャパンの日本語処理技術、D3jsを用いたデータビジュアライゼーションといったさまざまな取り組みを連携させた分析・可視化技術に挑戦してみました。歌詞分析に関してはまだまだチャレンジできることが多く残っており、今後は年代別での歌詞ワード傾向や歌詞の持つ感情の評価などもできればと考えております。<br>
今後とも、Yahoo! JAPANビッグデータレポートとデータビジュアライゼーションの取り組みをどうぞよろしくお願いいたします</p>
</section>
<section class="common_pagefooter">
<p class="right"><a href="#">▲このページのトップへ</a></p>
</section>
</article>
<nav id="local">
<div class="common_wrapper">
<section class="twin_block left_block">
<div class="border">
<h3>Yahoo! JAPANビッグデータレポートアーカイブ</h3>
<div class="body">
<ul>
<li class="long"><a href="http://searchblog.yahoo.co.jp/2012/12/yahoobigdata_senkyo.html"><span class="icon"></span>衆議院議員選挙とYahoo!検索の驚くべき関係 - "Yahoo!ビッグデータ" -</a></li>
<li><a href="http://searchblog.yahoo.co.jp/2013/01/yahoobigdata_Influenza.html"><span class="icon"></span>Yahoo!検索から見えた今年のインフルの猛威 - "Yahoo!ビッグデータ" -</a></li>
<li><a href="http://event.yahoo.co.jp/bigdata/"><span class="icon"></span>あれから2年、東日本大震災を振り返って</a></li>
<li><a href="http://event.yahoo.co.jp/bigdata/keiki/"><span class="icon"></span>景気の「今」を把握することは可能か？</a></li>
<li><a href="http://event.yahoo.co.jp/bigdata/keiki201306/"><span class="icon"></span>景気の「今」を把握することは可能か？（II）</a></li>
<li><a href="http://event.yahoo.co.jp/bigdata/senkyo201307/"><span class="icon"></span>ビッグデータが導き出した参議院選挙の議席予測</a></li>
</ul>
</div>
</div>
</section>
<section class="twin_block right_block">
<div class="border mb10">
<h3>Yahoo! JAPANビッグデータレポートとは</h3>
<div class="body">
<p>「Yahoo! JAPANビッグデータレポート」は、日本最大級のポータルサイトYahoo! JAPANに匿名化され、蓄積された検索・広告・ショッピング・地域情報・ソーシャル上のトレンド情報など あらゆるカテゴリーの膨大なデータを分析・活用し、世の中の課題解決を行っていくことを目的に展開していくもので、定期的に情報を更新してまいります。</p>
</div>
</div>
<div class="border mb10">
<h3>報道機関の方からのお問い合わせ</h3>
<div class="body">
<p>「Yahoo! JAPANビッグデータレポート」のご利用や企画でのご活用・コラボレーション等に関するご相談はこちらからお願い致します。</p>
<p><a href="http://ms.yahoo.co.jp/bin/pr-ms/feedback">プレスルーム</a></p>
</div>
</div>
<div class="border">
<div class="body bnr">
<ul class="bnr">
<li class="mb0"><a href="http://www.nikkeibp.co.jp/lab/bigdata/20130709yahoo.html" target="_blank"><img src="http://i.yimg.jp/images/evt/bigdata/images/20130712/nikkeibigdata-logoy.gif" alt="日経BP ビッグデータ・プロジェクト" width="260" height="35"></a></li>
</ul>
</div>
</div>
</section>
</div>
</nav>
</main>
<footer role="contentinfo">
<p><a href="http://docs.yahoo.co.jp/info/">会社概要</a> | <a href="http://www.yahoo.co.jp/">Yahoo! JAPAN</a></p>
<a href="http://docs.yahoo.co.jp/info/"><img src="http://i.yimg.jp/i/docs/top/assets/img/tdcstp01.jpg" alt="日々の活動をご紹介。ヤフー株式会社 会社概要"></a>
<p><a href="http://docs.yahoo.co.jp/info/">日々の活動をご紹介。ヤフー株式会社 会社概要</a></p>
<a href="http://docs.yahoo.co.jp/docs/info/terms/chapter1.html#cf2nd">プライバシーポリシー</a> - <a href="http://docs.yahoo.co.jp/docs/info/terms/index.html">利用規約</a> - <a href="http://help.yahoo.co.jp/help/jp/">ヘルプ・お問い合わせ</a><br />
Copyright (C) 2013 Yahoo Japan Corporation. All Rights Reserved. </footer>
</div>
</div>
</div>
<div id="js-mediaquery"></div>
<script src="http://i.yimg.jp/images/commerce/js/libs/jquery/core/1.7.1/jquery.min.js"></script>
<script src="http://i.yimg.jp/i/docs/info/js/underscore/1.4.3/underscore.js"></script>
<script src="http://i.yimg.jp/i/docs/top/assets/js/plugins.js"></script>
<script src="http://i.yimg.jp/i/docs/top/assets/js/main.js"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async></script>
</body>
</html>
<script language=javascript>
if(window.yzq_p==null)document.write("<scr"+"ipt language=javascript src=http://ai.yimg.jp/bdv/yahoo/javascript/csc/20060824/lib2obf_b9.js></scr"+"ipt>");
</script><script language=javascript>
if(window.yzq_p)yzq_p('P=Vf9S73Jvc8LV1MT_UjeroAbp0w4I.lJBc4wAAwK5&T=13ri769hf%2fX%3d1380021132%2fE%3d2080275250%2fR%3djp_info%2fK%3d5%2fV%3d1.1%2fW%3dJ%2fY%3djp%2fF%3d1769584488%2fS%3d1%2fJ%3d44736F72');
if(window.yzq_s)yzq_s();
</script><noscript><div style="position:absolute;"><img width=1 height=1 alt="" src="http://b9.yahoo.co.jp/b?P=Vf9S73Jvc8LV1MT_UjeroAbp0w4I.lJBc4wAAwK5&T=140h4hob3%2fX%3d1380021132%2fE%3d2080275250%2fR%3djp_info%2fK%3d5%2fV%3d3.1%2fW%3dJ%2fY%3djp%2fF%3d3579088891%2fQ%3d-1%2fS%3d1%2fJ%3d44736F72"></div></noscript>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment