Amazon商品の価格変動チェック「あまとも」
コミックダッシュ!は初音ミクGTプロジェクトを応援しています
個人ニュースサイトを巡回する「メガとんトラック」
全ての記事 携プレMP3 デジカメ レコーダ ゲーム メモリ デジモノ コラム 雑談 ブログ あまとも コミックダッシュ!
前の記事次の記事
2008/04/22 23:59 - 2008/04/22

ブログの各記事にはてなブックマークのコメント表示をつけました

カテゴリ : ブログ タグ :

    masuidriveさん のところで、はてなブックマークのコメントを
    ブログに表示する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

     
    実際、ブログの記事には はてなブックマークにしか コメントが付かない
    ということも多いですので、こうして並べて見られるようになるのは
    とても助かりますね(=´∇`=)

    CK@デジモノに埋もれる日々 @ckom
    ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。



    投稿者 CK : 記事URL | ブログ | | 2008/04/22 23:59


    « 防水Xactiの新型登場 - より買いやい値段になった「Xacti CA8」

    トップに戻る

    ホリから格好良いDSLite用充電スタンドが登場 - ストラップ位置もOK? »



    ▼ コメント ▼

    ご自由にコメントください(=゜ω゜)ノ  ▼ コメント入力欄を開く ▼
    ※管理人は多忙のためお返事はほとんどできません(スミマセン)。
    スパムおよび本文と無関係なコメントは削除対象になる可能性があります。


    ▼ はてなブックマークのコメント ▼


    ▼ トラックバック ▼

    このエントリーのトラックバックURL:

    ★コミックダッシュ! 10,000人突破ありがとうキャンペーン!(9/18~10/23)
     
    デジモノに埋もれる日々 : (C) CKWorks