Born Neet
- The Emotional Programmer -
| Next Entry … j | Prev Entry … k |
| Next Page … J(Shift + j) | Prev Page … K(Shift + k) |
| Scroll Down … Space / Page Down | |
| Scroll Up … Shift + Space / Page Up | |
あわせて読みたい、AddClipsに続いて、今度ははてなスターを導入してみました。
相変わらず今さらですが…。
まぁこれで、ずっと気になってた記事タイトル左下の空白がなくなったので満足です。
[導入メモ]
はてなにログインして、「http://s.hatena.ne.jp/はてなID/blogs」にアクセス。
そこから外部ブログを登録すると下のようなコードが表示されます。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '自分のブログ用トークン';
</script>
これをheadに記述すれば完了。簡単ですね。
(head内だとなんか遅くなりそうで嫌だったので、僕は</body>直前に書きました)
あと、コメント機能とかがいらないなら、
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
と、1行書くだけでも使えるっぽい。(これならログインも不要ですね。)
忍者ブログとはてなスター
実ははてなスターは忍者ブログにデフォルト(?)で対応してます。
はてなスター日記には書いてないけど、親切な人が忍者ブログ用のSiteConfigを作ってくれてるので、上のように記述するだけで(特別な指定をせずに)使えます。
※ ただ僕みたいに独自ドメインにしてる人や、テンプレートを大幅に変更してる人は、下のような長ったらしいスクリプトを書かないと駄目だと思います。
<script type="text/javascript" src="http://s.hatena.com/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.SiteConfig = {
entryNodes: {
'div.EntryInnerBlock': {
uri: 'h2 a:nth-child(1)',
title: 'h2',
container: 'div.EntryIcon2'
}
}
};
Hatena.Star.Token = '自分のブログ用トークン';
</script>
以上、参考になれば。
[追記]
導入したのはいいけど、今イチ使い方がわからん…。
とりあえず、5秒ぐらいマウスのせとけば消せることはわかったので気軽に使ってみようっと。
このブログと同じようなテンプレート構成の人限定。
忍者のデフォルトからそんなに変更していなければOKなはず。
[サンプル]
サイドバーの下の方にあるプロフィール欄に使ってみました。
ちゃんと、記事数:<合計記事数>件って表示されてますね。
よし、成功。
[ソース]
$(function() {
var entryCount = 0;
$('.PluginTitle:contains(カテゴリー) ~ .PluginContents a').each(function() {
entryCount += parseInt(this.innerHTML.match(/(\d+)/)[0]);
});
$('.plugin_data:contains(記事数:) > div').html(entryCount + '件');
});
やってるのは、カテゴリー一覧を探して、その中にある「(記事数)」を合計するという、ごく単純な処理。
<!--plugin_category-->~<!--/plugin_category-->で回してもよかったんけど、それじゃあ、以前と同じで芸がないし、重くなりそうだったので。(jsだけでやる方が遅いか…?)
せっかくjQueryを読み込んでることだし、DOMを使って、既に表示されてる情報のみから計算することにしました。
今回はこのためだけにidを振るという無駄なこともやってません。
(それに、テンプレート上にJavaScriptを書くとスクリプトもハイライトされちゃう問題を考慮しないといけないしねっ!)
[html]
プロフィールプラグインには、下のようなhtmlを追加してます。
<div class="plugin_data">
記事数:
<div class="right">?件</div>
</div>
以上。使いたい人はご自由にどうぞ。
あれ?シリーズ化してる…?
その日ブックマークしたページのリストを載せる、ってのもありだなぁ。
これはかなりやってる人いるよねー。
気になって調べたけどコーディングはまだしてない…って状態でも参考記事だけまとめて記事にしちゃうとか。
(記事を書くのが楽なうえに)僕的にはブログ内検索でメモやブックマークを同時に検索できて便利になるというメリットもあるけど…。
ブログを読んでくれる人にとっては価値はあんまりないよなー。
そもそも僕のブックマークなんて見たくないだろうし。
やっぱり真面目にネタ考えるしかないか!
別にこの記事をシリーズ化しようっていうんじゃないですよ^^
ただ思いついた(かつ今まで挙げたのより楽に続けられそうな)ので追記。
その案とは、(プログラム作品として完成していない)断片コードをどんどん晒していくというもの。
あいかわらず、ありきたりなアイディアですね;
ってことで、これからは、ちょっとしたコードでも記事にしていこうかなと思ってます。
(僕が苦労したことはもちろん、)僕にとっては当たり前のことでも、誰かの役に立つことがあるかもしれないので。
実際、ハマった時に助けられたりする記事って、(本人はさらっと書いたであろう)断片コードだったりするんですよね…。
やっぱり定期的にブログに書くことがなくなっちゃいます。
変化のない生活を送ってるせいでしょうか…;
ブログの記事にはできなくても何かは書こう(使い方間違ってる?)とTwitterも始めましたが、それすらもネタ切れ気味です。
このままじゃダメだな、ということで対策を練ってみました。
いろいろと考えた結果、やはりシリーズものの記事を用意するのがいいのではという単純な結論に行き着きました。
義務化は良くないとどこかで聞いたような気がしますが、僕のようなダメ人間にはちょうどいいでしょう。
また、とりあえずブログに書けることが決まっていれば、ブログと切り離して(記事にしなきゃいけないというプレッシャーとかがない状態で)ホビープログラミングができるのでその方がいいんじゃないかと思っています。
以下、シリーズ化案を適当に挙げてみます。
- 「JavaScript入門」
- いつかは書きたいけど、まだまだ荷が重いよなぁ。
- 「ブックマークレットの作り方」
- 1エントリで終わっちゃいそうだ…。
- 「JavaScriptでゲーム」
- もうちょっとライブラリとかが出てきてからやりたい。
- 「自分用のJavaScriptライブラリを作ろう」
- これがいいかな?どうせ必要なものだし。
- 「JavaScriptで人工無能」
- これも有力か。一応作ったことあるし。
とまぁこんな感じです。
近々シリーズものの記事を書き始めるかもしれませんし、始めないかもしれません…。
書くことないなら書くなよ、という突っ込みはもっともですが、僕としてはブログをサボらずに続けること自体を目標にしてるので無理矢理にでも書きたいのです。(ブログを書くことによって様々な恩恵を得たいというのももちろんありますが…)
なんかまとまってない文章ですいません。
まぁ「思いつき」カテゴリなので!








