ブログの各記事にはてなブックマークのコメント表示をつけました
2008/04/22masuidriveさん のところで、はてなブックマークのコメントを
ブログに表示するjavascript が公開されていました。
■masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
http://blog.masuidrive.jp/index.php/2008/04/17/released-hatena-bookmark-anywhere/
実はわたし自身もこれに似たものを作りたいなと思っていたのですが、
自分で作るよりもはるかにエレガントでしたので拝借することに
いたしました。masuidriveさん ありがとうございます <( _ _)>
この hatena-bookmark-anywhere.js は、javascript自身で
通信を行ってはてなAPIを叩いてブックマークコメントを取得します。
記事本文の読み込みとは 非同期で通信 しますので、数秒送れて表示
されるような感じですが、逆にいえば、これによって記事の読み込みが
遅くなるといったことはほとんどありません。
組み込み方はいたって簡単。
masuidriveさんのブログ記事に掲載されている hatena-bookmark-anywhere.js
という.jsファイルをダウンロードして、自分のサーバスペースに置いておきます。
そして記事HTMLのほうで、
<script type= "text/javascript">/*<![CDATA[*/
var hatena_bookmark_anywhere_limit = 100; // 表示する件数
var hatena_bookmark_anywhere_style = true; // trueでデフォルトスタイル falseを設定するとCSSでスタイルの指定が可能
var hatena_bookmark_anywhere_collapse = true; // trueにすると、コメントの書いてないブクマを表示しない。指定しない場合は、表示件数を超えた場合のみコメントを表示しない
var hatena_bookmark_anywhere_url; // 表示するURL 未指定の場合、現在のページ
/*]]>*/</script>
<script src="[設置パス]hatena-bookmark-anywhere.js" type="text/javascript" charset="utf-8"></script>
<div id="hatena_bookmark_anywhere"></div>
のように記載するだけです。各js変数で表示件数を変えたりできます。
わたしはコメントのないブクマを表示しないオプションである
hatena_bookmark_anywhere_collapse を true にしてみました。
実際に表示されるブクマコメントはこんな感じです。
■慣習が生み出す情報連鎖 - 2ちゃんねる型スレッド管理のしくみ
http://c-kom.homeip.net/review/blog/archives/2007/01/post_320.html慣習が生み出す情報連鎖 - 2ちゃんねる型スレッド管理のしくみ
実際、ブログの記事には はてなブックマークにしか コメントが付かない
ということも多いですので、こうして並べて見られるようになるのは
とても助かりますね(=´∇`=)
2008/04/22 [updated : 2008/04/22 23:59]

ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。
@ckom をフォローする
![]() « 防水Xactiの新型登場 - より買いやい値段になった「Xacti CA8」 | ![]() トップに戻る | ![]() ホリから格好良いDSLite用充電スタンドが登場 - ストラップ位置もOK? » |
▼ はてなブックマークのコメント ▼
関連記事
ピックアップタグ
- アニメ(402)
- GSR(290)
- ウマ娘(36)
- ライブ(55)
- イベント(166)
- コラボカフェ(29)
- 舞台挨拶(41)
- 先行上映会(19)
- トークショー(18)
- アニメ吐き出しメモ(10)
- バンドリ!(44)
- ガールズ&パンツァー(58)
- 少女☆歌劇レヴュースタァライト(50)
- ゾンビランドサガ(8)
- プリンセス・プリンシパル(15)
- スタリラ(27)
- コラム(169)
- ゲームプレイ日記(59)
- ワンフェス(11)
- コメンタリー上映(6)
- 岩浪美和(25)
- 大洗(9)
- 響け!ユーフォニアム(12)
- リズと青い鳥(9)
- RAISE A SUILEN(9)
- 艦これ(23)
- ストライクウィッチーズ(23)
- メイドインアビス(8)
- BLAME!(8)
- ヤマノススメ(7)
- ラブライブ!サンシャイン!!(11)
- HELLO WORLD(6)
- 宇宙よりも遠い場所(5)
- ヴァイオレット・エヴァーガーデン(8)
ブログ内検索
▼ コメント ▼
ご自由にコメントください(=゜ω゜)ノ※管理人は多忙のためお返事はほとんどできません(スミマセン)。
スパムおよび本文と無関係なコメントは削除対象になる可能性があります。
ご利用ありがとうございますー
コメントしましょう