nDiki : DiKicker

■ 最近の Twitter ステータスを nDiki 「最近のさえずり」ページに自動表示

11月9日から「Twitter ステータスを nDiki サイドバーに表示」しているのだが、それで使っているスクリプトにちょっと手を加えて「最近のさえずり」という nDiki ページを自動生成/更新するようにした。

サイドバーは RSS フィードと同じく最近の20件を表示するのに対し、最近のさえずりページには数日分表示するようにした。

ここ最近は Twitter のステータスをとりまとめて、ライフログ的に nDiki に上げているのだが、今までは Twitter Web ページやサイドバーの部分から手作業でコピーして日時やリンクを整形していたので面倒であった。

今回の(30分毎に)自動更新するページは最初から WiKicker / DiKicker 用の Wiki 文法で出力している。 なので、これからはこの自動生成ページから必要なものだけを抜き出して貼り付ければよい。 これで楽ちんになるはず。

ほぼ自分用。自己満足。

■ フィード向け AdSense を追加してみた

Google AdSenseで「フィード向け AdSense」が利用可能になったので、nDiki に追加してみた。

Google AdSenseにログインして nDiki の URL を指定してフィードを登録すると、FeedBurner 上にフィードが作成される。

www.naney.org 側では nDiki のフィードへのアクセスがきたら、FeedBurner 上のフィードへリダイレクトするように設定する。 ただし FeedBurner から巡回がきた際にはリダイレクトせずに、nDiki のオリジナルフィードにアクセスさせる。

www.naney.org のトップディレクトリの .htaccess に以下を追加。

 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner
 RewriteRule ^diki/d/rss\.rdf$ http://feedproxy.google.com/nDiki [L,R]

思ったよりあっけなく設定終了。

今のフィード URL が既にフィードリーダーに登録してもらっていることを考えて nDiki (DiKicker) に「FeedBurner 向けに別 URL でのフィード出力機能」と「現在のフィード URL からのリダイレクト機能」を追加する必要があるなと思っていたのが、mod_rewrite が使えれば手間無しだった。

nDiki のフィードと同様の内容に広告が挿入されたバージョンのフィードが http://feedproxy.google.com/nDiki で表示されることを確認。

せっかくなので FeedBurner のレポート機能もチェックしてみることにしよう。

■ Web 日誌 / Web 日記を書き始めてから10年

当初「コンピュータ日誌」として日付ベースの記事を書くようになって(記事)から満10年。

当初は m4 ベースで HTML テンプレート処理をしていた。 その後記事を XML 形式にし、Perl スクリプトで HTML ページ生成する方式に変更。 2001年5月には Naney's Diary としてハイパー日記システムを使い始めた(記事)。 2004年2月に名前を nDiki と改め、自作 WikiEngine をベースとした日記システム DiKicker で記事を書くようになった(記事)。

文章はあいかわらず上手くなってはいないけれど、書き続けることでいろいろ得ることも多かったと思う。

• 記事化を念頭に、仕事・生活の中でアンテナを張りより物事を考えて生活することが習慣になった。
• 自分にとって有用なパーソナルナレッジベースが築けた。
• 各種 Web 技術をトライする実験場となった。
• 多少人の役にたった。
• 多少収入になった。

みんなも書くといいよ。

■ 今日のさえずり - やはり外部キー制約がネックだったか

@ 2009年06月30日

• 11:37 今回の AERA の吊り広告の駄洒落は無理がある。 [mb]
• 19:16 また新木場で寝過ごした。 [mb]
• 19:20 東京駅まわりにする。 [mb]
• 19:31 京葉線ホームから東京国際フォーラム側に出てみた。 [mb]
• 19:34 京浜東北線・山手線乗り換えならこちらがはやいな。イマココ! L:有楽町駅 [mb]

@ 2009年07月01日

• 12:31 2009年6月30日の歩行: 8194歩、6.25km、76分、4.91km/h、消費 310.1kcal、脂肪燃焼 44.3g、4.2エクササイズ。 *P3
• 16:25 外部キー制約外したら DELETE 時間が余裕で1/10以下になった。やはり外部キー制約がネックだったか。 *P3
• 18:55 今日までの定期券更新完了。 [mb]
• 19:24 折り畳み傘を買いにイトーヨーカドーにきたけど3000円弱とか2000円弱とかで大弱り(15%オフセールではあるが)。 [mb]
• 19:42 これ以上まわる時間もないので、折り畳み傘はちょっと大きめだけどリーズナブルなユニクロのにした。 [mb]

@ 2009年07月02日

• 11:02 PostgreSQL で駄目元で SET CONSTRAINTS ALL DEFERRED してみたら DELETE 逆に遅くなった。まあそうだな。 *P3
• 12:29 6月に新しくきた人が Linux 上での開発経験者ということが判明。 *P3
• 13:02 2009年7月1日の歩行: 7832歩、6.09km、65分、5.57km/h、消費 292.9kcal、脂肪燃焼 41.8g、4.3エクササイズ。 *P3
• 13:40 ON DELETE RESTRICT な外部キー制約にインデックス作成したら参照されているテーブルのレコード削除が速くなった。これがまっとうだな。 *P3
• 15:44 DiKicker の検索機能を披露した。 *P3
• 17:39 あやめ入れてみた。 *P3
• 18:22 LBP5600 の手差しトレイからの CD ラベル印刷がことごとく紙詰まりする。これは困った。 *P3
• 20:17 今日からしばらくは会社に行く時もフィルムカメラを持っていく事にしている。 [mb]
• 25:38 2009年7月2日の歩行: 4429歩、3.42km、37分、5.51km/h、消費 172.3kcal、脂肪燃焼 24.6g、2.5エクササイズ。 *P3

■ FriendFeed から twitterfeed へ

10日ほど前に Twitter へのフィード投稿を twitterfeed 経由から FriendFeed 経由に変更してみた(記事)のだけれど、挙動がニーズにマッチしないので twitterfeed に戻した。

FriendFeed の Twitter 投稿機能だと date がちょっと古いフィードアイテムは新着でも投稿されないっぽいのである。

nDiki で使っている DiKicker の RSS フィードでは、アイテムの date を最初の公開日時ではなくファイルシステム上にある記事ファイルの更新日時としている。 このためローカルホスト上で記事ファイルを作成し、例えば半日後に Unison で Web サーバへファイル同期させて公開するとその時点で半日前の日時の記事が新着となる。 twitterfeed ではこのような場合でも新着として Twitter へ投稿してくれるのだが、FriendFeed ではどうも新着であってももう旬ではない記事として投稿してくれないっぽい。 挙動の設定も変更できなさそう。

ということで FriendFeed の Twitter 投稿を止めて、twitterfeed の設定を再アクティブ化。twitterfeed も OAuth に対応したり利用できる URL 短縮サービスが選べるようになっていたりと着実に改良されているので今後も継続してサービスされていくことを期待したい。

[ Twitter 関連サービス ]

■ 今日のさえずり - 夜の遊び場がヤマダ電機

@ 2009年11月11日

• 08:38 京浜東北線北行が思ったより運転間隔が開いてしまっていて電車がこない。ちょっと間に合わないな。 [mb]
• 09:00 @nyafuru あちゃー。ぎっくり腰やっちゃった? 無理しないでね。 [mb]
• 13:10 2009年11月9日の歩行: 4954歩、3.85km、41分、5.58km/h、消費 186.6kcal、脂肪燃焼 26.7g、2.7エクササイズ。
• 13:12 2009年11月10日の歩行: 6435歩、4.99km、54分、5.46km/h、消費 245.9kcal、脂肪燃焼 35.1g、3.6エクササイズ。
• 14:20 真実3: 遅れているプロジェクトに人を追加すると、もっと遅れる。 -- ソフトウエア開発 55の真実と10のウソ http://bit.ly/2j9npX
• 17:06 退社。これからサントリーホールへ。 [mb]
• 17:18 「ぢ鎮祭」とはこりゃまたすごいネーミング。祭りだよ、祭り。 [mb]
• 17:32 イマココ! L:神谷町駅 [mb]
• 17:43 サントリーホール到着。 [mb]
• 21:18 溜池山王駅にこれでもかというぐらい警官がいた。 [mb]
• 24:20 2009年11月11日の歩行: 8456歩、6.49km、76分、5.08km/h、消費 319.0kcal、脂肪燃焼 45.6g、4.4エクササイズ。
• 25:21 やっぱり喉ちんこがだらしなくなってる。 [mb]

@ 2009年11月12日

• 09:30 ずっと twitterfeed 止まったまま。 [mb]
• 10:33 Google Chrome Portable をセットアップして、通常の Google Chrome をアンインストール。
• 11:11 がんすけ2 2.67 にアップデート。
• 12:19 マクドナルドでラブリン ライブ GET。 [mb]
• 13:16 やっぱりトラバターって iPhone (と iPod touch) 向けサービスなのね。
• 20:32 JR 秋葉原駅のゴミ箱撤去されてなかったか。噛み終わったガムずっと手に持って電車に乗るはめにならなくてよかった。 [mb]
• 20:43 何だかんだいって MovaTwitter デザインプレビュー2版になってからずっと新しい方使ってる。0/1キー以外は慣れた。0/1も時間の問題。 #movatwi [mb]
• 20:47 夜の遊び場がヤマダ電機というのもどうかとは思う。 [mb]
• 22:19 さくらインターネットからハガキがきたのでお知らせ番号を入力。
• 22:46 さくらのレンタルサーバ上に今のサーバ上のと同じメールボックス/転送設定作成してもりもりテストメールを送ったところ。
• 23:06 Gmail からさくらのレンタルサーバ上のメインメールアドレスを POP するように設定。
• 23:08 とりあえずメールはこれでいいかな。次は Web サイト。DiKicker 入れなくては。
• 23:38 ThinkPad X200 のリカバリー・メディア作成用に外付けポータブル DVD ドライブ DVSM-PN58U2V-BK を買っておこうと思っている。 http://bit.ly/3G2J6S
• 24:25 あと現在使っているメールサーバへの POP アクセスを独自ドメイン名つきのものから正引きホスト名のものに変更。

■ 今日のさえずり - チョコレート臭のするリップクリーム塗られた

@ 2009年12月22日

• 09:36 東京水のお父さん若すぎ。娘はいくつの時の子だ?
• 09:46 今年もビックカメラでカレンダーご自由にお持ちくださいになってるな。これって例年通り1枚もの? 車窓から見下ろしているからよくわかんない。 L:有楽町駅
• 11:20 カシオ計算機株式会社の高精度計算サイト keisan で二項分布のグラフチェックしている。このサイト便利だな。 http://bit.ly/6H554E
• 11:36 やはり結果が二項分布になっていなかったのは毎回 new System.Random().NextDouble() されていたからだな。1つの Random オブジェクトを使うように修正しておく。
• 12:32 清まる東京ミートレア店のチラシに「住所かけ」と @nyafuru に指示された。
• 12:34 泣く泣く書いた。 QT @Naney: 清まる東京ミートレア店のチラシに「住所かけ」と @nyafuru に指示された。
• 12:45 2009年12月18日の歩行: 5898歩、4.54km、51分、5.29km/h、消費 224.9kcal、脂肪燃焼 32.1g、3.3エクササイズ。
• 12:46 2009年12月19日の歩行: 3750歩、2.88km、34分、5.05km/h、消費 146.9kcal、脂肪燃焼 21.0g、2.0エクササイズ。
• 12:48 2009年12月20日の歩行: 569歩、0.42km、5分、4.48km/h、消費 21.6kcal、脂肪燃焼 3.1g、0.3エクササイズ。
• 12:49 2009年12月21日の歩行: 8585歩、6.60km、73分、5.37km/h、消費 337.8kcal、脂肪燃焼 48.2g、5.0エクササイズ。
• 13:02 今日は窓ガラス清掃の日か。
• 15:15 何でダイワハウチュなんだ? - デスクトップジーヴォβ http://bit.ly/4n80D1
• 17:03 歯医者なのでそろそろ会社出ます。
• 17:27 ヨドバシカメラで同時プリント回収。
• 18:21 歯医者行ってくる。
• 18:27 歯医者到着。腹減った。
• 19:01 歯の定期健診終わり。なんかチョコレート臭のするリップクリーム塗られた。
• 19:03 少し歯石があるぐらいで良く歯磨きできているとのこと。
• 19:06 デンタルフロスほとんどサボっていたので気になっていたが問題なし。その事について聞いたらできればしてくださいと苦笑いされた。
• 24:19 さくらのレンタルサーバに WiKicker インストール中。
• 25:48 さくらのレンタルサーバで DiKicker を動くようにした。サーバ移転してもこれでとりあえず nDiki は維持できそう。
• 25:51 さくらのレンタルサーバで CGI::SpeedyCGI を make test すると途中でサーバ側から SSH 接続切断される。テストで大量にプロセスが起動されるのでそれで切断されちゃうのかな。
• 26:55 寝る。

@ 2009年12月23日

• 12:47 ヒンジカバー装着。ストレージクリップがとまりにくくなったけど、まずまず。
• 14:15 これからケーキのデコレーションするよ。
• 15:13 デコった。 http://movapic.com/...
• 16:27 ケーキ食べたし次、肉調達してくる。
• 16:38 今年は近所の肉屋開いてた。ローストチキン確保。
• 18:52 うちで @nyafuru のスヌーピーアイコンが好評。
• 24:35 MovaTwitter クリボー(メモ帳) の RSS フィードがいつの間にか無くなっている。利用していたので残念。 #movatwi
• 24:54 A レコードを変更して Web サーバも新サーバに移行。

■ www.naney.org をさくらのレンタルサーバへ移転

naney.org メールサーバの移転に次いで、Web サーバの移転作業。

@ 静的コンテンツのアップロード

現行 Web サーバと Unison でファイル同期している Web コンテンツを、さくらのレンタルサーバへ Unison でファイル同期。

@ WiKicker のインストール

nDiki 用に DiKicker (WiKicker) を make install。

 %bash
 $perl -MCPAN -e mkmyconfig
 $perl -MCPAN -e shell
   o conf makepl_arg PREFIX=/home/naney/local/WiKicker
   o conf mbuildpl_arg --install_base=/home/naney/local/WiKicker
   o conf commit
   notest install CGI::SpeedyCGI

 $tar zxvf WiKicker-0.420.tar.gz
 $cd WiKicker-0.420
 $export PERL5LIB=$HOME/local/WiKicker/lib/perl5/site_perl/5.8.9
 $perl Makefile.PL PREFIX=$HOME/local/WiKicker
 $make
 $make install

以前きっちり Module::Install で Makefile.PL を作っておいたおかげで、比較的スムーズにインストールできた(自画自賛)。

ちょっとはまったところは CGI::SpeedyCGI の make test を実行する(される)と SSH 接続がサーバ側から切られてしまうという現象にあったところ。 テスト用に大量にスクリプトが起動されるの検出して自動的に kick されたのだろうか。

@ .htaccess の修正

さくらのレンタルサーバでは .htaccess Options が使えないようなので削除。 ExecCGI や MultiViews が有効になっているようなので問題なし。

@ いつくかのスクリプトの修正

Perl 5.005_03 用に書いてあったスクリプトについて、Perl v5.8.9 で文字化けしないように utf8 まわりを修正。

@ cron 設定

1時間毎に実行したい処理を列挙するシェルスクリプトを1つ作って、コントロールパネルから1時間毎に実行するように設定。

現行サーバでは任意の crontab を設定できたので、1時間毎はちょっと物足りない。 おいおい負荷にならない範囲で、外部から定期的に HTTP アクセスして処理を定期的に実行できるようにもするかな。

@ DNS 設定変更

まだ動いていないスクリプトもあるけれど(大きいところだと NaneyOrgWiki (Wiki))現行サーバの解約日もせまっているので、サーバ移転させてしまうことに。

VALUE-DOMAIN で DNS サーバ設定を変更し www.naney.org でさくらのレンタルサーバにアクセスできるように A レコードを変更。

今のところ特に重い等もなく順調。 現行サーバでは深夜非常に重くなる時間帯があったのだが、それが無くなるのが嬉しい。 また容量が100MB*1から10GB*2になったので心理的にセーブしなくて良くなった。

年内に移行できて良かった良かった。

[ さくらのレンタルサーバ プレミアム ]

■ Evernoteサイトメモリー導入

昨日のEvernoteデベロッパーズミーティングに刺激されて、この nDiki にサイトメモリーを導入。

まとめ記事で「Evernoteサイトメモリー自体は思うところがあってまだ導入してみていなかったんだけれど」と言うのは、「Evernote へクリップしてもみんながハッピーにならないんじゃない?」という思いから。 ソーシャルブックマークのように情報共有につながらないし、情報提供側にも伝わらない。Web サイト上でのアップデートがクリップに反映されないというのもある。

とはいえ、では自分はクリップしないのかというと結構クリップしてる。てへ。 「Web サイト上のページはいずれ消えて読めなくなる(場合が多い)」からやっぱり保存しておきたいというのと、必要な範囲だけ切り取っておきたいという気持ちから。 あとは直近で外から Evernote for Android で見たい時とか。

正直 Evernote で範囲選択してクリップするのって結構面倒なので、クリップする側に立てば、クリップボタン1発で適切な記事部分をクリップできるようになっているは便利だよね(実は押したことないけど)。 アフィリエイトプログラムも一応あるしね。

ということでこの nDiki にボタンを追加してみることにした。 実装的には、今の nDiki (DiKicker) にはクリップの単位に適した要素がないので、DIV 要素を追加。ID 属性に記事 ID を出すようにして、その DIV 要素内をクリップできるようにした。

ちょっとだけ余分なものが入るけど、思ったよりもいい感じにクリップされた(この記事の下の Evernoteサイトメモリーボタンを試してみて)。 追加するの思ったほど手間ではなかった。

ちなみにクリップに関して設置側で設定できる項目は以下。 Evernote.doClip メソッドのパラメータとして指定する。

• title: ノートタイトル。
• url: URL。
• code: Evernote アフィリエイトプログラムの referral code。
• suggestNotebook: ノートを入れるノートブックの候補。
• suggestTags: ノートにつけるタグの候補。
• providerName: サイトメモリー UI でドメイン名のかわりに表示する名前。
• latitude: 緯度。
• longitude: 経度。
• styling: クリップスタイル (none, text, full)。デフォルトは text。

クリップ内容については以下のどれかで明示的に指定できる。

• content: 文字列または DOM 要素で指定。
• contentId: HTML 中の要素の ID で指定。
• contentUrl: クリップ用の代替ページの URLを指定。

クリップへの署名/ヘッダ/フッタも追加可能。

• signature: 文字列または DOM 要素。クリップ末尾に水平線の後に追加される。
• header: 文字列または DOM 要素。クリップ先頭に追加される。
• footer: 文字列または DOM 要素。クリップ末尾に水平線なしに追加される。

以上 Site Memory Developer Guide より。

■ Facebook いいね! ボタンつけた

Facebook の Like button を設置してみた。

• http://developers.facebook.com/docs/reference/plugins/like

からコードを生成して nDiki (DiKicker) に埋め込み。 iframe 版だと生成したコードの中の URL 以外はいじるところがないので思ったよりお手軽だった。

この記事の下にもついたはず。

■ Facebook コメントボックスをつけた

最近 Facebook のコメントボックスをつけているサイトを見かけることが多くなった。Facebook にログインしている状態だと自分のアイコンがそこに表示されているので、いつもちょっとビックリする。

ということでビックリ用にここにも設置してみた。以下手順。

@ 1. XBML コードの取得

• https://developers.facebook.com/docs/reference/plugins/comments

で Get Code を押すと XFBML コードの書かれたダイアログが表示されるのでこれをコピー。

@ 2. アカウント認証する (まだならば)

次に同ダイアログの registering your site というリンクを選択する。

初めてなのでアカウント認証を求められる携帯電話のメールアドレスかクレジットカード番号が必要のようだ。ここではNTTドコモのメールアドレスを指定した。ケータイにメールが届いたら確認用のコードを入力して認証完了。

@ 3. アプリ ID の取得

registering your site というリンク先の Create an App ページで[サイト名]と[サイトURL]を入力してアプリ ID を取得する。

@ 4. XFBML コードを記事に埋め込む

先に取得した XFBML コード中の APP_ID をこの アプリ ID で書き換える。

それから fb:comments の中の xid をコメント対象毎にユニークになるようにする。 ここでは記事の permalink の URL エンコードしたものが自動的に入るようにした。

あと、コメントボックスの上部に「いいね!」ボタンが付くのだけれど、そのままだと「いいね!」した時のリンク先が閲覧しているページになる(ので1ページに複数記事が表示される場合によろしくない)。ここは記事の permalink にしたいので、fb:comments に url 属性を追加し、値として permalink の URL が自動的に入るようにする。

表示は日本語にしたいので en_US を ja_JP に書き換え。

こんな感じ。

 <div id="fb-root"></div><script src="http://connect.facebook.net/ja_JP/all.js#appId=アプリID&amp;xfbml=1"></script><fb:comments xid="$permalink_encoded" numposts="10" width="500" publish_feed="true" url="$permalink"></fb:comments>

これでコメントボックスが各記事に表示されるようになった。

@ 5. 今まで使っていた Like Button を削除

既に設置済みの「いいね!」ボタンは重複するので削除。

@ 自前でコメント機能を用意する必要のない手軽さ

この nDiki は DiKicker という自作のシステムで運用している。コメント関連の実装は面倒なのでスルーしてきたんだけれど、認証も含めてそこらへん Facebook 側で全部やってくれるのでお手軽にコメント機能を追加できることになった。

Facebook ユーザとしてコメントすることになるため spam も少ないと思われ、その点で運用コストも少なくてすむのではと思われる。

また「Facebookプロフィールにコメントを投稿する」がチェックされているとその友達にも口コミとして流れるのもサイトによっては嬉しいはずだ。

いいね!