IT戦記

プログラミング、起業などについて書いているプログラマーのブログです😚

過去の IT 戦記の記事を整理してみました!

このブログの過去の記事を全部整理してみました!

600 日分も記事があったので大変でしたが、記事全部にちゃんとタグを付けてみました。
右のカテゴリーから、昔の記事を見ることができます!

ぜひぜひ、気になるカテゴリがあればクリックしていってくださいね!
ではでは!

新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法

この API のいいところは

JSONP に対応しているところでしょうね!
すばらしい!

というわけで、

HTML だけで、件数を埋め込む例を書いてみたよ!
やり方は簡単
callback パラメータに document.write を指定するだけ!

<script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>件のブックマークがあります。

あとは、適当にリンクとか張って

<a href="http://b.hatena.ne.jp/entry/www.example.com/">
<script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>件のブックマークがあります。
</a>

完成です!

わお

これなら JavaScript を書けない人でも HTML の知識あがあれば OK ですね!
ラクチンですね!

はてなダイアリー新トップページ

はてな

初投稿ブログ」が紹介されているのがいいと思った。
スターつけまくろうー。
この「アメブロ」全盛の世の中で、あえて「はてなダイアリー」ってだけで興味の対象になるな。

はてブの Web Hook で Twitter を更新する

はてなブックマークWeb Hook というのがリリースされましたね!

(開発者さま向け) はてなブックマーク Web Hook 機能を公開しました - はてなブックマーク日記 - 機能変更、お知らせなど
はてなブックマーク Web Hookとは - はてなキーワード
これを設定しておくと、自分がはてブしたタイミングではてブ側から CGI 等を叩いてくれます。
CGI から様々なプログラムを起動するようにしておけば、あんなことやこんなことが可能になっちゃいますね><
こ、これはすごい!
ということでさっそく、自分がはてブしたページの URL を Twitter に POST する CGI を書いてみた。

ご自由にお使いください

#!/usr/bin/env perl

use utf8;
use strict;
use warnings;

use CGI;
use Net::Twitter;

my $req = CGI->new;
$req->charset('utf-8');

if ($req->param('key') ne 'API_PASSWORD') {
        die "Authentication failed";
}

my $url    = $req->param('url');
my $title = $req->param('title');
my $comment     = $req->param('comment');

Net::Twitter->new( username => "TWITTER_USER", password => "TWITTER_PASSWORD" )->update("[Hatena::B] $comment $url $title");

print header('text/plain');
print 'ok';

ご自由にお使いください

はてブプラスの提供枠をニコニ広告風に表示する

はじめに

http://b.hatena.ne.jp/guide/plus がリリースされましたね!
エントリーページに提供っていうのが表示されているのが楽しいですね!
でも、もっともっと提供っぽい感じにしたらおもしろいんじゃないかと思って作ってみました!

以下のような感じになります


楽しいですね!

やり方

使い方は簡単です!

  1. はてブのエントリーページに行って(例えば、はてなブックマーク - はてなブックマークプラス
  2. 以下のブックマークレットをロケーションバーにコピペして、 Enter キーを叩く!
javascript:(function(s){s.src='http://amachang.sakura.ne.jp/misc/teikyo/teikyo.js';document.body.appendChild(s);})(document.createElement('script'))

(たぶん、 IE 系でも動きます。試していませんが。。)

おまけ

Greasemonkey バージョンも作ってみました!

// ==UserScript==
// @namespace      http://d.hatena.ne.jp/amachang/
// @include        http://b.hatena.ne.jp/entry/*
// @include        http://b.hatena.ne.jp/entry?mode=more&url=*
// ==/UserScript==

location.href = "javascript:(function(s){s.src='http://amachang.sakura.ne.jp/misc/teikyo/teikyo.js';document.body.appendChild(s);})(document.createElement('script'))";

というわけで

ご自由にお試しください!
コードもご自由に使ってください!