なんでもいいからとにかくchromeの拡張を作ってみることにした

chrome

とにかくなにか作ることが目的なので、なるべく簡単なのにする。
そのページのはてぶのコメントをpopupで表示するのなんか良いんじゃないだろうか？
まずは色気は出さずにとにかく簡単に作る。

今いるページのはてなブックマークコメントをAPIでとってくる、、としたいんだけど、いきなり今いるページのurlをどうやってとればいいのかわからない。
とりあえずurl決めうちで作ろう。まず特定のurlのはてぶコメントをAPIで取得する。
jqueryを使う。あとjquery.dumpってプラグインも使ってみる。ちなみにjqueryもjavascriptも初心者。

はてぶのAPIはここを見る。http://developer.hatena.ne.jp/ja/documents/bookmark/apis/getinfo
commentがあればいいからjsonliteのほうで。

雰囲気こんな感じで、とりあえず取得できたのは確認できた。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dump.js"></script>
<script>
$(document).ready(function() {
  var url = "http://b.hatena.ne.jp/entry/jsonlite/" + "http://d.hatena.ne.jp/suzuki-shin/";
  $.getJSON(url, function(json){
	$("#dump").append($.dump(json));
  });
});
</script>
</head>
<body>
<pre id="dump"></pre>
</body>
</html>

次はコメントだけを抜き出す。こんな感じでできた。

$(document).ready(function() {
  var url = "http://b.hatena.ne.jp/entry/jsonlite/" + "http://d.hatena.ne.jp/suzuki-shin/";
  $.getJSON(url, function(json){
// 	$("#dump").append($.dump(json.bookmarks));
    for (var i in json.bookmarks) {
	  var b = json.bookmarks[i];
      if (! b.comment) continue;
      $("#comments").append(b.comment + '<br />');
	}
  });
});

今日はここまで。明日は今いるページのurlを取得する方法を調べるところからやろう。