2005-04-01 [長年日記]
_ おまけ: はてなダイアリー風のTrackBack受信確認を行う (17:35)
『自分で作るblogツール（PHP編）』のおまけ記事として、『はてなダイアリー風のTrackBack受信確認を行う』を追加しました。
_ tDiaryのPHP版を作成しました (18:07)
（念のため、これは4月1日の記事ですからねー）
データはtDiary互換となっており、現在ここのデータをそのまま使用しているβ版サイトを、http://pdiary.ishinao.net/index.phpで動作させています。URLからわかるようにpDiaryと名づけました。
tDiary: 2.1系に先駆けて、
- フルUTF-8化！（β版サイトの文字コードを確認してください）
- Rubyで書かれたtDiaryプラグインがそのまま動作！
などの特徴があります。
現在記法はWikiスタイルのみサポートしており、そのレンダリングエンジンにはPHP用汎用WikiParserを利用しています。
まだすべての機能が実装されていませんが、β版のソースコードはこちらからダウンロードできます。是非おためしください。
どうも上のダウンロードリンクがおかしいようなので
ソースを貼り付けておきます。
<?php
$url = 'http://tdiary.ishinao.net/index.rb?'.$_SERVER['QUERY_STRING'];
$html = file_get_contents($url);
$html = str_replace('tdiary.ishinao.net', 'pdiary.ishinao.net', $html);
$html = preg_replace('/\.\/([0-9]+)\.html/', './index.php?date=$1', $html);
$html = str_replace('"./?', '"./index.php?', $html);
$html = str_replace('ツッコミを入れる', 'ツッコミは入れれない', $html);
$html = str_replace('"投稿"', '"投稿できない"', $html);
$html = str_replace('<a href="http://www.tdiary.org/">tDiary</a> version 2.0.0', '<a href="http://pdiary.ishinao.net/index.php">pDiary</a> version 0.0.1', $html);
$html = str_replace('<a href="http://www.ruby-lang.org/">Ruby</a> version 1.8.1', '<a href="http://www.php.net/">PHP</a> version 4.3.10', $html);
$html = str_replace('euc-jp', 'utf-8', $html);
$html = mb_convert_encoding($html, 'utf-8', 'euc-jp');
header('content-type: text/html; charset=utf-8');
echo $html;
?>
このセクションに対するはてなブックマーク
2005-04-02 [長年日記]
_ movable typeでRSS 1.0にcontent:encodedを含める方法 (06:18)
blogmapではRSSのdescriptionかcontent:encodedの内容しか解析しないんだけど、MTの標準状態ではdescriptionにほとんど情報が含まれない。で、blogmap等のRSSベースの検索を行うサービスに情報を拾ってもらいたい場合、RSSにcontent:encodedとして必要な情報をつっこんでおくのが手軽。というわけで、そうしたい場合の設定方法。
MTの管理画面から「テンプレートの編集」を選択し、RSS 1.0の編集フォームを開く。
最初の方にあるxmlnsの設定のdcの設定の後ろあたりに、contentモジュールが利用できるように設定を追加する。
xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" ↑この行を追加
各記事itemを出力しているあたりのdescriptionの次あたりに、content:encodedを出力する行を追加する。$MTEntryBodyが本文。$MTEntryModeが追記。上記の例だと全部出力しているけど、追記分はRSSに含めたくない場合は$MTEntryBodyのところだけ書いておいたりしてもいい。
<description><$MTEntryExcerpt encode_xml="1"$></description> <content:encoded><$MTEntryBody encode_xml="1"$><$MTEntryMore encode_xml="1"$></content:encoded> ↑この行を追加
といった感じにしておくと、blogmapではそのサイトの記事に含まれるURLやらASINやらの情報をきちんと解析できるようになります。
長文を書く人の場合は、本文（$EntryBody）に主要な情報（リンクやASIN情報）は全部つっこんでおくようにして、RSSには$EntryBodyだけ含ませるようにする方が無難かな。
<description><$MTEntryExcerpt encode_xml="1"$></description> <content:encoded><$MTEntryBody encode_xml="1"$></content:encoded> ↑この行を追加
じゃないとRSSのデータサイズがでかくなりすぎるし。その場合、こんな感じの出力になります。
ちなみにtDiaryは標準（makerss.rb）でcontent:encodedに全文がつっこまれるんで、RSSさえ出力していれば上記のようなことは考えなくてもOKです。
追記:『MT hxxks - 概要 ( excerpt ) は有効活用されていない』より
少なくとも、 Movable Type では以前から概要 ( Movable Type の場合は description ではなく excerpt と表現していますが ) を自分で記述することはできました。
確かに「たいていの人はそういう（本文のみ書いて、その冒頭が自動的にdescriptionとなる）運用にしている」と書いておいた方が正確でしたね。
ちなみにはてなダイアリーは、
description をユーザが記述できるようになりました。 ( はてなダイアリー日記 - rssモジュールのdescription表示拡張について )
というのではなく、RSSにコンテンツの全文を掲載（content:encoded）できるようになった（はてなダイアリー日記 - RSSフィードの全文掲載機能について）んですよ。MTみたいな自前でexcerptを記述する機能は持ってません。
rssモジュールのdescription表示拡張ってのは、他サイトのRSSをサイドバー等に取り込むときに、descriptionを表示できるようになった（従来はタイトル、日付等しか表示できなかった）という話なんで、自サイトのdescriptionの話とはちょと違います。
ってまあそれはどうでもいい（本筋とは関係ない）話ですけど。
ちなみに真琴さんが『MT hxxks - 概要 ( excerpt ) の重要性』や『MT hxxks - 概要 ( excerpt ) を書くことのメリット』で説く主張はとても正しいし、そういう方向に進むのが理想的だと思います。
ただ、多分大多数の人はblogの更新に最低限の手間しかかけたがらない＝きちんとした概要を書こうという主張はなかなか受け入れられにくいだろうということで、ローコストでblogmap的にありがたい結果が得られる手法として、上記の対策を紹介してみたりしているわけです。思想のない手段の提供って感じですか。
2005-04-03 [長年日記]
_ 花見 (00:14)
昨日は会社の花見だったんだけど、ここのところ花粉症がひどいし、いつもの渋谷近辺ではなく上野会場ってことでいまいち土地勘もないし、面倒くさいなーと思いつつも、終わる時間頃を狙ってちょっとだけ顔を出しに行った。けど、場所取り予定地近辺にそれらしい集団は見つからず。携帯に電話してまで合流すると二次会に連れて行かれそうな気がしたんで、上野公園内を散歩して偶然であったら合流しようと思いつつ1時間ほどうろうろしたけど、結局出会えず。まあいいかってことでそのまま帰ってきた。ちなみに桜は1割くらいが咲いている感じ。一分咲きとかではなく、1割の木がほぼ満開になっている、って感じね。
_ JavaScriptでpreg_replace_callback 2 (11:14)
『JavaScriptでpreg_replace_callback』の続き。replaceの第2引数で関数が呼べることがわかったんで、それならオブジェクトのメソッドも呼べるだろうと、以下のように書いてみた。
function Test()
{
this.prop = 1;
}
function Test_replace()
{
var str = 'abcde';
var result = str.replace(/bcd/, this.callback);
return result;
}
Test.prototype.replace = Test_replace;
function Test_callback()
{
return this.prop;
}
Test.prototype.callback = Test_callback;
test = new Test();
alert(test.replace());
確かにthis.callbackという表現でcallbackが呼べる。けど、実際にはthis.callbackが呼ばれているのではなく、単にTest_callbackが呼ばれているっぽい。
this.callback内で参照しているthisが、呼び出し元のthisじゃなく、windowオブジェクトになっちゃっている（Test_callbackの中身を「return this.location.href;」とかするとそのように動く）。だからthis.propで1に置換されることを期待しても、callback内ではthis.propが見つからず（未定義）、上記の結果はIEなら「ae」、Firefoxなら「aundefinede」になっちゃう。
うーん、replaceのコールバック関数として、オブジェクトのメソッドを呼ぶ方法はないのかなー。WikiParserを移植するに当たっては、オブジェクトのプロパティ（パーサーオブジェクトごとに固有の設定値）を参照したいんだけどなー。グローバル変数領域をそれなりに汚染しつつパラメータを受け渡すしかないのかなー。
ところでJavaScriptでの文字コード変換って、『Escape Codec Library: ecl.js』のライブラリを使わせてもらうってのが、現時点では一番妥当な選択なのかなー。
_ 『movable typeでRSS 1.0にcontent:encodedを含める方法』に追記しました（T/O） (12:50)
_ MapServerをひとまずインストールだけしてみた (13:54)
実際に入れたのは、ちょっと古い国際化バージョンの方だけど。
具体的な使い方はさっぱりわからんけど、一応表示できているっぽいな。これであとは「GISデータパック」（全国一括98,000円：1サーバーライセンス）ってのを買えばいいのか。うーん、思ったよりお手軽っぽい。迷うなー。
_ WikiParserのJavaScript移植版 (18:50)
- 動作デモ - http://dev.ishinao.net/WikiParser/javascript/
- ソース - http://dev.ishinao.net/WikiParser/javascript/WikiParser.js.zip
基本文法部分はほとんどそのまま移植しているんで、PHP版のWikiParserをサーバーサイドで使っている場合のクライアントサイドのプレビュー用に使ったりすると、再現性が高くていいかもしれない。tDiaryのWikiスタイルとの互換性も結構高いはずだから、tDiary Wikiスタイルのクライアントサイドプレビュー用にも使えるかな。
端折っているのは、プラグイン周りとInterWiki。InterWikiについては、文字コード変換処理をどうするか迷って、結局載せていない。これはまあ方針さえ決まれば載せられる。プラグインも載せるのは簡単そうだけど、JavaScriptでプラグインを書く人はいないような気がしてきたんで、いらないかなーと思いつつある。
というわけで、初めてJavaScriptで見た目の動きをいじったりする以外のコードを書いてみたけど、結構ちゃんと書けるね。
このセクションに対するはてなブックマーク
2005-04-04 [長年日記]
_ おまけ: 過去ログ・カテゴリー表示機能の作成 (12:34)
『自分で作るblogツール（PHP編）』のおまけ記事として、『おまけ: 過去ログ・カテゴリー表示機能の作成』を追加しました。
_ 外部JSの読み込み (13:05)
「スクリプトのインポート」より。Wiki系の長いURLは、MMではURL文字数制限に引っかかってメモできないんだよなー。
var s = document.createElement("script");
s.src="lib.js";
document.body.appendChild(s)
2005-04-06 [長年日記]
_ DBがこけていました (11:24)
今朝8時くらいから、DBサーバーがこけて、あちこちでエラーが発生していました。先ほど（11時過ぎ）に復旧しました。ご迷惑をおかけしました。
っつーか、なんで一番どうでもいい、AmazonのキャッシュDBのインデックスがこけるかなー。myisamchk -rで治ったけど。
_ Perlのお勉強しよう (15:13)
やっぱりTCPサーバーを書くのには、PHPでは無理がありすぎるよ。書けなくはないけど、プロセス間通信とエラーハンドリングがネックになりすぎ。PHP5にすればエラーハンドリングは何とかなるだろうけど。
で、JavaとPerlとRubyのどれにするか迷ったんだけど、ひとまずPerlでやってみることにしよう。POEってのがなにやらよさげな雰囲気だし。それでダメならJavaだろうなー。よっぽど時間があったらRubyも面白そうだけど、Rubyは言語仕様レベルで覚えることが多すぎるんだよなー。
ちゃんとしたPerlのプログラムを書くためには、まずはらくだ本の前半を精読して、後半（モジュール紹介）をぱらぱら眺めてから、いくつかPerlモジュールを作って、さらにmod_perlで動くアプリケーションでも作ってみればいいのかな。そのくらいやれば、いまどきのPerlっぽいコードが書けるようになるだろう。
_ StringCollectionとString()の相互変換 (18:59)
って、いちいち、
dim sc as new StringCollection() dim sa(sc.Count) as string sc.CopyTo(sa, 0)
とか
dim sa(5) as string dim sc as new StringCollection() sc.AddRange(sa)
とかしないといけないの？
2005-04-07 [長年日記]
_ 昨日からゲロゲロだ (00:58)
花粉症で鼻をすすりすぎて気持ち悪いだけのような気もするんだけど、ちょっと限界を超えて気持ち悪い。特に寝ているときにタンかつばかわからないものが喉に詰まって「おえっ」てなるのは何とかして欲しい。ろくに熟睡できないし。
_ 編集中にパース結果が見えるWikiサンプル (14:49)
WikiParserのJavaScript版を作ってみたのに、誰も試してくれる人がいないっぽいんで、自分でデモを作ってみようコーナー。
左側のテキストボックスにいろいろ入力していくと、それにあわせて（1秒単位で更新チェック）右側にレンダリングされたHTMLが表示される。「WikiNameを利用する」チェックのオン/オフで、WikiParserでWikiName形式への自動リンクを行うかどうかを切り替えることができる。
こんな感じで、リアルタイムで入力結果を確認できると、Wikiテキストの入力の簡便さと、レンダリングした結果HTMLの表現力の高さを、同時に実現できたりしていいんじゃないですかね。という提案なんですよ。
ごっつい暇ならば、WikiParserのPHP版とJavaScript版を使ったWikiエンジンをでっち上げてもいいんだけど、結果がわかっているからあんまりやる気が出ないんだよなー。今作りかけているWikiParserのVB.NET版ができたら、デスクトップクライアント込みで作るかもしれないけど。
このセクションに対するはてなブックマーク
2005-04-08 [長年日記]
_ 編集中にパース結果が見えるWikiサンプル Ajax版 (03:19)
なんかAjaxの方がキャッチーらしいんで、（俺的には）意味のないAjax版を作ってみた。JavaScriptのソースはまあ見たとおり、単にJavaScriptでパース処理をする代わりに、XMLHttpRequestで元テキストを渡して、非同期で返された結果HTMLをInnerHTMLに埋め込んでやるだけ。
もちろんAjaxでもJavaScriptパーサーを使う場合でも、OnChangeとかOnKeyPressとかでパースを呼ぶことは可能だけど、負荷を考えるとそこまでやらない方がいいよね。ただ、OnKeyPressで改行キーが押されたときはその場でパースを呼び出した方が、編集していて気持ちがいいかもしれない。
呼び出されているPHPの方のコード（parse.php）は、PHP版のWikiParserを使って、
<?php
require_once 'WikiParser.php';
$parser =& new WikiParser(array(
'heading_depth' => 3,
'paragraph_oriented' => TRUE,
'disable_plugins' => array('html'),
));
$body = $_POST['body'];
$html = $parser->parse($body);
header('content-type: text/plain; charset=UTF-8');
echo $html;
?>
って感じ。
でもどう考えてもこういう用途ではAjaxを使わなくてすむならば使わない方がいいよなー。サーバー負荷がかからないし、XMLHTTPRequestを使わず純粋に文字列操作だけのパース処理をJavaScriptで書いた方がクロスブラウザ性も高いし（Ajax版はOpera8でも動かない）。
まあ汎用的なサンプルコードとしては、Ajax版の方が他のWikiエンジンとかに組み込みやすいんだろうけどさ。
このセクションに対するはてなブックマーク
2005-04-09 [長年日記]
_ どうでもいい豆知識 (16:46)
「B0007V」から始まるASINはエロゲーらしい（未検証？）。
ダメだな
ASINコードからエロゲーを区別する規則性を探そうと思ったけど、ダメっぽい。上記コード範囲はたまたまエロゲー登録が多かっただけかな？
このセクションに対するはてなブックマーク
_ アソシエイト広告ツール (22:00)
試しに作ってみた。blogmapに登録されているASINからランダムに選択された広告を表示する。
<script type="text/javascript" charset="euc-jp" src="http://1470.net/api/asin_cm.php?mode=js;associate=ishinao-22"></script>
なんて貼ってみると、
なんて感じになる。
オプションとして、
- mode - mode=jsでJavaScriptを返す。指定しないとHTMLで返すんで、JavaScriptを使いたくない場合はHTMLで取得して、自分でそれをサイトに埋め込むプラグインでも書くといい。
- associate - AmazonアソシエイトID。省略すると俺のアソシエイトIDが使われるんで、どんどん省略してOK。
- website - blogmapに登録されているサイトID。blgomapで検索して。サイト情報があるサイトの場合は、そのURLにある数値（うちの場合は71738）を指定する。すると、そのサイトからかつて取得したASINの中からランダムでASINが選択される。websiteを指定しなかった場合は、blogmapのメディアランキングの中からASINが選択される。
- class - 広告全体を囲むdivに指定するclassを指定する。省略時には標準のstyleが適用される。要は標準のスタイルが気に入らない人が、自分でCSSを定義して使う時用。
- charset - デフォルトのEUC-JP以外の文字コードで結果を取得したい場合に指定する。charset=utf-8でUTF-8、charset=sjisでSHIFT_JIS。でも通常はscriptタグのcharset指定がしてあればそれだけできちんと認識されるはずなんで、このパラメータをわざわざ指定する必要はないと思う。
たとえば、
<script type="text/javascript" charset="euc-jp" src="http://1470.net/api/asin_cm.php?mode=js;associate=ishinao-22;website=71738;class=amazon_cm"></script>
なんてすると、
なんて感じになる。要はtdiary.ishinao.netで今まで紹介したAmazon商品の中からランダムで商品が表示されるようになる。amazon_cmなんてCSSクラスはここでは定義していないんで、デフォルトの状態で表示されている。
blogmapにサイトを登録する方法
textmaniaのURL検索/登録を使って、自サイトのRSSのURLを検索するのが一番確実。
blogmapがASIN情報を収集するには
更新pingの送信に対応したツールでは、ping送信先として、
http://1470.net/api/ping
を登録しておくことで、blogmapからの巡回が確実に行われるようになる。ただし巡回された場合でも、RSSにAmazon商品情報（ASIN）が含まれていないと、ASIN情報が収集されない。
はてなダイアリーならば、「RSSフィードに全文を掲載する」オプションを有効にしておくと確実。movable typeを使っている場合などは、「movable typeでRSS 1.0にcontent:encodedを含める方法」などを参考に、RSS内にASIN情報が含まれるようにしておくといい。
このセクションに対するはてなブックマーク
2005-04-11 [長年日記]
_ おまけ: 認証処理の基本 (15:28)
『自分で作るblogツール（PHP編）』のおまけ記事として、『認証処理の基本』を追加しました。
っつーか、本当はちゃらっと「TypeKeyの認証を利用して、hnsのGRP機能をblogツールで実現する」みたいなサンプルを書こうと思ったのに、順番に書いていったら全然そこまでたどりつけねーよ。次に認証結果をCookie/セッションに保存する話を書いてから、ようやくTypeKeyの話かなー。でもTypeKeyはTypeKeyで真面目に説明すると話が長くなりそうだな。
_ PHP 4/5両用コンストラクタ (16:57)
class Foo
{
function Foo($a, $b)
{
$this->__construct($a, $b);
}
function __construct($a, $b)
{
//ここに処理を書く
}
}
って書き方って、PHP 4/5で同じように動きつつ、特に副作用ないよね？ 今PHP 5が動く環境がないんで試してないんだけど。
2005-04-12 [長年日記]
_ おまけ: 認証状態を保存する方法 (15:28)
『自分で作るblogツール（PHP編）』のおまけ記事として、『認証状態を保存する方法』を追加しました。
ちょっと書き飛ばしすぎかも。推敲する気力がないんで見直してない。これでようやく次はTypeKeyの話に入れるな。
2005-04-13 [長年日記]
_ PHP 4にthrow〜catchを載せてみる実験 (10:07)
あらかじめ断っておきますが、単なる実験で実用レベルではないです。
if (!class_exists('exception')) {
function throw($ex)
{
$ex->doCatch();
}
function __catch($ex)
{
die($ex->toString() . "\n" .$ex->getTraceAsString());
}
class Exception
{
var $message = 'Unknown exception';
var $code = 0;
var $file;
var $line;
var $_catchFunction;
var $_trace;
function Exception($catchFunction = '__catch', $message = NULL, $code = 0)
{
$this->_catchFunction = $catchFunction;
$this->message = isset($message) ? $message : $this->message;
$this->code = ($code > 0) ? $code : $this->code;
$this->_trace = debug_backtrace();
$this->file = $this->_trace[0]['file'];
$this->line = $this->_trace[0]['line'];
}
function getMessage()
{
return $this->message;
}
function getCode()
{
return $this->code;
}
function getFile()
{
return $this->file;
}
function getLine()
{
return $this->line;
}
function getTrace()
{
return $this->_trace;
}
function getTraceAsString()
{
return var_export($this->_trace, TRUE);
}
function toString()
{
return "Exception: Code: {$this->code}: {$this->message} in {$this->file} on line {$this->line}";
}
function doCatch()
{
call_user_func($this->_catchFunction, $this);
}
}
}
これで、
throw(new Exception());
とかやると、デフォルトではその時点でのトレースが出力される。
function myCatch($ex)
{
//独自のキャッチ処理
}
throw new Exception('myCatch');
とかやると、独自のキャッチ処理が呼ばれるようになる。
でも強引に指定した関数 or メソッドを呼ばせたところで、関数ならばスコープが別になっちゃうからまっとうな継続処理はできない。メソッドを指定すればインスタンス変数までは一応見えるけど、それでも制約が大きい。
というか、catch処理が終了したあとにthrowの次の行にしか戻れないんで、たいていの場合はcatch処理のあとそのまま終了するしかないのが致命的。結局のところ、trigger_errorを一見例外処理風に書いて見せているだけにすぎない。
exit 2みたいにreturn 2とかやって、関数の呼び出し元の呼び出し元まで脱出できれば、まだ使い出がありそうなんだけど。
というわけで、ただの実験でした。特に実用性はありません。PHP 4でthrow new Exception()と書いてみたかっただけです。
_ tDiary移動＆noraリビルド (14:35)
tDiaryを旧サーバーに戻したら、トップページは表示されるんだけど、日ごとページを表示するとこける。erbscanでエラーが出ていたんで、erbscanを入れ直してみたけどだめ。うーん。と思いつつ、ひとまずRuby関係のライブラリを順番に入れ直していったら、noraを入れたところで復活した。理屈はよくわからない。Rubyは全然わかっていないんでこういうときに困るんだよなー。
_ bk1対応書籍メモ登録bookmarklet (19:48)
bk1っつーか、単にHTML中に最初に見つかった「ISBN:******」みたいな文字列を引っかけているだけだけど。
bookmarklet: bk1用
javascript:if (document.body.innerHTML.match(/ISBN\s*[:：]\s*([0-9X\-]+)/i)){var asin=RegExp.$1.replace(/-/g, '');document.location.href='http://1470.net/mm/memo_form.html?asin='+asin;}else{alert('NO ISBN');}
これで、mylistで自分のbk1ブリーダーIDを登録できるようにすれば、bk1で買い物する時用クリッピングツールとして使えるかな。
このセクションに対するはてなブックマーク
2005-04-14 [長年日記]
_ Ajax版Trackback Tracer (00:52)
blogmapには実験的にtrackbackの追跡機能を載せていたんだけど、サーバーサイドで複数階層をたどって結果を返していたんじゃ、レスポンスが悪くてやってられないんで、あまり実用的な機能として前面には出していなかった。
で、Ajaxが流行りだしてから、「現在blogmapに組み込んでいるtrackback追跡機能はそのうちAjaxを使って、解析状況に応じてツリーの枝を表示していくように改造しよう」とか言うだけ言って放置していたんだけど、何となく催促された気がしたんで、重い腰を上げてAjax版を作ってみた。
作ってみたらなかなか快適な動作速度。Ajaxはこういう用途では便利だね。たとえば、「 trackback trace: ニートを語る時の立論方法」なんかを試してみるといいかも。
クロスブラウザ対応を真面目にやる気になれないんで、Windows IE/Mozilla系以外で動作するかどうかわからない。と言いながら、Opera 8βで試しに動かしたら動いたよ。あらびっくり。
ちなみに現在見ているエントリーのtrackbackを追跡するbookmarkletは、 「trace!」なんて感じになる。
あるいは自サイトのエントリーに追跡リンクを埋め込みたければ、
http://1470.net/bm/trace.html?url=エントリーのパーマリンク
なんてURLにリンクしておけばいい。パーマリンクはURLエンコードしておくと確実。movable typeだったら個別アーカイブのtrackback関連のあたりにでも、
<a href="http://1470.net/bm/trace.html?url=<$MTEntryPermalink encode_url="1"$>">trace!</a>
とか入れておけばいいのかな？ tdiaryはよくわからない。mod_rewriteを入れている場合と入れていない場合、両対応の書き方ってどうするんだろう？
というわけで、blogツール開発者ならびにblogサービス運営者の方々には是非とも「trackback autodiscoveryへの対応」ならびに「trackback ping urlに__mode=rssをつけてRSS形式でデータを出力する機能」に対応して欲しい所存であります。じゃないと自動でtraceできないんで。
このセクションに対するはてなブックマーク
_ WikiParserのサンプルWikiをアップデートしました (16:07)
今までの実験をすべて盛り込んで、
- 通常時は、PHP版のWikiParserを使ってパース
- 編集中は、JavaScript版のWikiParserを使ってリアルタイムプレビュー
- さらにAjaxを使って、定期的に編集中の内容をサーバーに保存
というバージョンに変えました。
ってやったところ、JavaScript版のパーサーにバグがあることが判明したんで、ソースはまだ載せてません（まあJavaScriptのソースは見れるけど）。もうちょいデバッグしてからまとめます。
ちなみにローカル環境では、保存間隔をもっと短く（ほぼリアルタイムに）して使ってたりしますけど、レンダリング結果の確認と保存の手間が省けると、Wikiはメモ環境としてなかなか快適。これで、KamiWikiくらい使いやすいインターフェース付きだったらもっと便利なんだろうけどな。
まあどうせそのうち.NETでデスクトップ版を作るから、そっちでUIは凝ればいいか。
2005-04-18 [長年日記]
_ あーだるい (10:56)
金、土曜日は社員旅行で箱根。昼から酒飲んで温泉に入って朝まで麻雀コース。翌日は帰りの電車の時間まで、坂だらけの箱根の街をうろうろして体力を消耗。日曜日にずいぶん寝たんだけど、いまだに体力が回復していない。だるだる。何もやる��がせん。
2005-04-19 [長年日記]
_ tDiaryのアンカーリンク時にドキュメントタイトルを表示する (09:44)
highlight.rbのhighlightElement関数の最後の行に、
document.title = highlightElem.innerHTML.replace(/<[^>]+?>/g, '');
なんてものを追加するだけ。
JavaScriptによるタイトルの書き換えなんで、SEO的には意味がないんだけど、最近のソーシャルブックマークサービスなんかでは、document.titleをJavaScriptで取得しているものが多いんで（ちなみにMM/Memoではやってないけど、del.icio.usとかはてなブックマークとかはそういうbookmarkletを用意していたはず）、そういう場合にはきちんとアンカーレベルのタイトルが拾われるようになって便利かも。
どちらかというと
if (highlightElem.tagName == 'H3') {
document.title = highlightElem.innerHTML.replace(/<[^>]+?>/g, '');
}
の方がいいかもしれない。そうしないとツッコミとかのアンカーでもタイトルが変わってしまう。
このセクションに対するはてなブックマーク
_ アソシエイト広告ツール 機能追加 (16:05)
asin=????という形でASINを直接付与することで、指定したASINの情報を取得できるようにしました。って、やったところで誰が使うのかって気もするけど、まあ作っておけばそのうち使い道も出てくるかも。
<script type="text/javascript" charset="euc-jp" src="http://1470.net/api/asin_cm.php?mode=js;associate=ishinao-22;asin=4091792758"></script>
なんて書くと、
なんて感じになるんですよ。CSSを独自定義したい場合は、class=myclassなんてつけると、標準のスタイル指定がなくなって代わりにdiv class="myclass"で囲まれるようになるんで、あとは独自CSS定義で適当に。
このセクションに対するはてなブックマーク
_ BMediaNode: PHPプログラマの技量を知りたいとき (17:15)
ちなみに私がPHPプログラマの技量を知りたい時には、ファイル数・構成は無制限で以下のような仕様のスクリプトを書いてもらいます。
で書かれている仕様のスクリプトを試しに書いてみた。所要時間は見直しを含めて30分くらいか。エラー処理に関する仕様は多少適当というか、解釈が違っているかも。
index.php
<?php
define('ACTION_URL', './index.php');
define('INTERNAL_ENCODING', 'UTF-8');
mb_internal_encoding(INTERNAL_ENCODING);
set_include_path('.');
main();
function main()
{
header('content-type: text/html; charset=' . INTERNAL_ENCODING);
switch ($_SERVER['REQUEST_METHOD']) {
case 'POST':
$zip = importZip();
$errorMsg = validateZip($zip);
if ($errorMsg) {
showInputForm($zip, $errorMsg);
} else {
if (isset($_POST['btnNext'])) {
showCheckForm($zip);
} elseif (isset($_POST['btnSave'])) {
saveZip($zip);
showResultPage($zip);
} else {
showInputForm($zip);
}
}
break;
default:
showInputForm();
break;
}
die;
}
function importZip()
{
$zip = isset($_POST['zip']) ? $_POST['zip'] : '';
$zip = trim(mb_convert_kana($zip, 'KVas'));
$zip = str_replace('-', '', $zip);
return $zip;
}
function validateZip($zip)
{
if ($zip == '') {return '入力されていません';}
if (!preg_match('|^[0-9]{7}$|', $zip)) {return '入力内容が正しくありません';}
return NULL;
}
function saveZip($zip)
{
// zipを保存
}
function showInputForm($zip = '', $errorMsg = NULL)
{
$actionUrl = ACTION_URL;
include('tmpl/form.tmpl');
}
function showCheckForm($zip = '')
{
$actionUrl = ACTION_URL;
include('tmpl/check.tmpl');
}
function showResultPage($zip = '')
{
$actionUrl = ACTION_URL;
include('tmpl/result.tmpl');
}
function h($str)
{
return htmlspecialchars($str);
}
?>
tmpl/form.tmpl
<form method="POST" action="<?=h($actionUrl) ?>"> 郵便番号: <input type="text" name="zip" value="<?=h($zip) ?>" size="10"> ※半角数値7桁で入力してください <br> <?php if (isset($errorMsg)) : ?> <p><?=h($errorMsg) ?></p> <?php endif ?> <input type="submit" name="btnNext" value="次へ"> </form>
tmpl/check.tmpl
<form method="POST" action="<?=h($actionUrl) ?>"> <input type="hidden" name="zip" value="<?=h($zip) ?>"> 郵便番号: <?=substr($zip, 0, 3) . '-' . substr($zip, 3) ?> <br> <p>上記でよろしいですか？</p> <input type="submit" name="btnBack" value="戻る"> <input type="submit" name="btnSave" value="次へ"> </form>
tmpl/result.tmpl
入力された郵便番号は <?=substr($zip, 0, 3) . '-' . substr($zip, 3) ?>です。
HTMLヘッダ・フッタとかは省略。まあ必要ならば適当にテンプレートで補えばいいし。ソースの文字コードはUTF-8。スクリプトの頭で強制的にmb_internal_encodingをセットするのは、いまいち設定がどうなっているかわからないサーバーで動かすための生活の知恵。
って感じで、俺ならOOPは使わずに書くなー。というか、PHPの利点はこの程度のコードならば（1回こっきりスクラッチから書くならば）こんな感じで手軽に書けるところだと思うんだけど。
まあこういうコードしか書けない（クラスを使ったコードが理解できない＆PEAR等を使いこなせない）ってんじゃ大規模なアプリケーションを書くときについて行けなくなるだろうけど。
というわけで、暇なPHPプログラマの方、この仕様で自分が書くならこう書く、というサンプルを書いてみませんか。ちなみにクラスをネームスペース代わり程度に使ったサンプルも試しに書いてみた。
index2.php
<?php
define('INTERNAL_ENCODING', 'UTF-8');
mb_internal_encoding(INTERNAL_ENCODING);
set_include_path('.');
main();
function main()
{
header('content-type: text/html; charset=' . INTERNAL_ENCODING);
$form =& new ZipForm();
$form->execute();
}
class ZipForm
{
var $_actionUrl;
var $_zip;
var $_errorMsg;
var $_formMode;
function ZipForm($options = array())
{
$this->__construct($options);
}
function __construct($options = array())
{
$this->_actionUrl = isset($options['actionUrl']) ?
$options['actionUrl'] : $_SERVER['PHP_SELF'];
$this->_zip = '';
$this->_errorMsg = NULL;
$this->_formMode = 'form';
}
function getZip()
{
return $this->_zip;
}
function getErrorMsg()
{
return $this->_errorMsg;
}
function getMode()
{
return $this->_formMode;
}
function execute()
{
switch ($_SERVER['REQUEST_METHOD']) {
case 'POST':
$this->import();
if ($this->isValid()) {
switch ($this->getMode()) {
case 'check':
$this->showCheckForm();
break;
case 'save':
$this->save();
$this->showResultPage();
break;
case 'input':
default:
$this->showInputForm();
break;
}
} else {
$this->showInputForm();
}
break;
default:
$this->showInputForm();
break;
}
}
function import()
{
$this->_zip = isset($_POST['zip']) ? $_POST['zip'] : '';
$this->_zip = trim(mb_convert_kana($this->_zip, 'KVas'));
$this->_zip = str_replace('-', '', $this->_zip);
if (isset($_POST['btnNext'])) {
$this->_formMode = 'check';
} elseif (isset($_POST['btnSave'])) {
$this->_formMode = 'save';
} elseif (isset($_POST['btnBack'])) {
$this->_formMode = 'input';
} else {
$this->_formMode = 'input';
}
}
function isValid()
{
$this->_errorMsg = NULL;
if ($this->_zip == '') {
$this->_errorMsg = '入力されていません';
} elseif (!preg_match('|^[0-9]{7}$|', $this->_zip)) {
$this->_errorMsg = '入力内容が正しくありません';
}
return !isset($this->_errorMsg);
}
function showInputForm()
{
$actionUrl = $this->_actionUrl;
$zip = $this->_zip;
$errorMsg = $this->_errorMsg;
include('tmpl/form.tmpl');
}
function showCheckForm()
{
$actionUrl = $this->_actionUrl;
$zip = $this->_zip;
$errorMsg = $this->_errorMsg;
include('tmpl/check.tmpl');
}
function showResultPage()
{
$actionUrl = $this->_actionUrl;
$zip = $this->_zip;
$errorMsg = $this->_errorMsg;
include('tmpl/result.tmpl');
}
function save()
{
// zipを保存するコードをここに書く
}
}
function h($str)
{
return htmlspecialchars($str);
}
?>
元の関数型コードをできるだけ流用しようとしたせいで、設計ポリシーがなんとも中途半端な感じだね。execute相当の処理を外出しにするかクラス内部で完結させるか迷った結果、キメラのようなインターフェースになっている。
もしちゃんと作るならば、表示系はクラスの中に含ませずに、クラス自体はDataObject的に作るだろうな。で、表示系は外部コード＋テンプレートライブラリにお任せって感じで。
HTML_QuickForm＋Smartyを使ったサンプルとかも書いてみようかと思ったけど、最近使ってないんでパス。最近は自前のフレームワークの中に安住してしまっているんで、他のフレームワークを使うのがだるいんだよなー。
このセクションに対するはてなブックマーク
2005-04-20 [長年日記]
_ tDiaryのアンカーリンク時にドキュメントタイトルを表示する その2 (13:11)
昨日のバージョンから諸々追加して、結局こうなった。
- highlight.rb.diff
23,27d22
<
< if (highlightElem.tagName == 'H3') {
< var h1 = document.getElementsByTagName('H1')[0];
< document.title = (highlightElem.innerHTML + ' - ' + h1.innerHTML).replace(/<[^>]+?>/g, '').substr(2);
< }
tDiaryは必ずH1に日記タイトルってつくよね？ ということを前提に、日記タイトルをけつに付けてみた。あと、段落アンカーってCSSで画像とかを表示することがあっても、実体としてのテキストはいつも「_」なんだよね？ ってことで、H3のタイトルからタグを除去し、あたま2文字を削ってみた。
というわけで、JavaScriptオンな環境ならば、ここの段落アンカーをクリックすると「[tDiary][MM] tDiaryのアンカーリンク時にドキュメントタイトルを表示する その2 (13:11) - tdiary.ishinao.net」なんて感じになって、その状態でdel.icio.usとかはてなブックマークとかにbookmarkletを使って登録すると、そのタイトルがちゃんと登録されるわけですね。
ちなみにMM/Memoでもbookmarkletで現在ブラウザが表示しているタイトルを渡したい場合は、
なんて感じ？ タイトルだけでなく、選択されている範囲があったらその部分をテキストとして送るようにもしてある。
このセクションに対するはてなブックマーク
_ BMediaNode: PHPプログラマの力量を計る その2 (18:49)
OOPってのは、要はMVCのことなのか。ってことで、MVCで書いてみた。modelをNULLで返すパターンはあんまり美しくないなー。空のmodelでも返した方がきれいか。でもまああまり深く考えることはやめておこう。
index3.php
<?php
main();
function main()
{
header('content-type: text/html; charset=UTF-8');
$ctrl =& new MyController();
$ctrl->run();
$model =& $ctrl->getModel();
$view =& $ctrl->getView();
$view->display($model);
}
class MyController
{
var $_model;
var $_view;
function run()
{
switch ($_SERVER['REQUEST_METHOD']) {
case 'POST':
$this->_model =& new MyModel();
switch ($this->_getMode()) {
case 'input':
$this->_view =& new MyViewInput();
break;
case 'check':
$this->_view =& new MyViewCheck();
break;
case 'result':
$this->_view =& new MyViewResult();
break;
}
break;
default:
$this->_view =& new MyViewInput();
break;
}
}
function _getMode()
{
if (isset($_POST['btnSave']) && $this->_model->isValid()) {
return 'result';
} elseif (isset($_POST['btnNext']) && $this->_model->isValid()) {
return 'check';
} else {
return 'input';
}
}
function &getModel()
{
return $this->_model;
}
function &getView()
{
return $this->_view;
}
}
class MyModel
{
var $_params = array();
var $_errors = array();
function MyModel()
{
$this->_init();
$this->_validate();
}
function _init()
{
$this->_param = array();
$zip = isset($_POST['zip']) ? $_POST['zip'] : '';
$zip = trim(mb_convert_kana($zip, 'KVas'));
$zip = str_replace('-', '', $zip);
$this->_params['zip'] = $zip;
}
function _validate()
{
$this->_errors = array();
if ($this->_params['zip'] == '') {
$this->_errors[] = '入力されていません';
} elseif (!preg_match('|^[0-9]{7}$|', $this->_params['zip'])) {
$this->_errors[] = '入力内容が正しくありません';
}
}
function getParams()
{
return $this->_params;
}
function isValid()
{
return count($this->_errors) == 0;
}
function getErrors()
{
return $this->_errors;
}
}
class MyViewInput
{
function display($model)
{
if (isset($model)) {
extract($model->getParams());
$errors = $model->getErrors();
} else {
$zip = NULL;
}
include 'templates/input.tmpl';
}
}
class MyViewCheck
{
function display($model)
{
extract($model->getParams());
include 'templates/check.tmpl';
}
}
class MyViewResult
{
function display($model)
{
extract($model->getParams());
include 'templates/result.tmpl';
}
}
function h($str)
{
return htmlspecialchars($str);
}
?>
テンプレートは、昨日のやつとはちょっと変わっているんだけど面倒くさいから省略。エラーが配列になって、actionのURLはテンプレート側で解決（$_SERVER['PHP_SELF']）するようにしただけ。
より規模が大きいフォームとかに拡張することを考えたプロトタイプとして書くならこういう書き方もありかなー。ただ、これはもともとの仕様を満たすには適材適所を大幅にはみ出ている気がする。
まあ、頭の体操にはいいよね。多分人によっては、MVCの切り分け範囲が違ってくるんだろうな。
ああ
$ctrl->_getMode()が$ctrl->runの中のswitchの条件に依存している。危険危険。
このセクションに対するはてなブックマーク
_ テーマを追加 (19:31)
MM/Memoの個人ページで使えるテーマとして、Treetop、マーガレット、Digital Gadgets、カーテン、Orange Flower、お花見、Sleepy Kitten、ナトリウムランプを追加。っつーか、Sleepy Kittenを使ってみたかっただけ。
このセクションに対するはてなブックマーク
2005-04-21 [長年日記]
_ tDiaryのアンカーリンク時にドキュメントタイトルを表示する その3 (14:43)
段落アンカーの頭は必ずしも1文字ではないようなんで、最初の半角スペースまでを除去するように変更。あと、日記タイトルはh1から取得するのはやめて、tDiary側でJavaScriptに埋め込むようにしてみた。
23,27d22
<
< if (highlightElem.tagName == 'H3') {
< var title = "#{@conf.html_title}(#{@date.strftime('%Y-%m-%d')})";
< document.title = (highlightElem.innerHTML + ' - ' + title).replace(/<[^>]+?>/g, '').replace(/^[^ ]+ (.*)/, '$1');
< }
これだともしも@conf.html_titleに「"」が含まれているような場合にまずかったりするんだけど、なんか上記の文脈で「"」を適切にエスケープする方法が良くわからなかったんでパス。@conf.html_title.tr('"', '\"')だとダメなんだよなー。
Rubyのヒアドキュメントと式展開が入れ子になっていて、さらにその結果をJavaScriptの文字列に埋め込む場合、適切なエスケープはどう書くのが正解でしょう？
ネタがかぶっていた
「最初の半角スペースまでを除去する」というネタがかぶっていた。
replace(/[^ ]* /, '')
の方がスマートな表現か。
ちなみにdocument.titletitleタグは、title_tag.rbを使っている場合は、その日のすべての段落タイトルが含まれてしまうんで、日記タイトル取得用には使えないんですよねー。
_ MM/Memoでも一応対応コードをつけてみた (15:10)
MM/Memoの場合はTypeKey認証を使っている関係上、直接アプリケーションからPOSTするようなツールは使えない（ものすごく頑張れば使えなくもないけど）から、こういうチェックを導入したせいで、その手のツールが使えなくなるという人はいないよね？ ブラウザ上でbookmarkletとか使ってGETでパラメータ渡ししている場合は問題ないし。
ちなみにチェック処理の内容は、フォームを生成するときに、
$check_key = md5([ユーザーID] , [秘密の文字列]);
で生成したチェックコードを、
<input type="hidden" name="check_key" value="<?=h($check_key) ?>">
なんて感じで埋め込んでおき、POSTされたときに、
if ($_POST['check_key'] != md5([ユーザーID] , [秘密の文字列])) {
die('認証失敗');
}
しているだけね。認証キーはユーザーIDから生成しなくても、まったくランダムに作ってセッションに保存しておいてもいい。
それにしても、これからの公開Webアプリはみんなこういう対策を標準で取らないとだめなんだろうなー。これから作るフォーム周りのライブラリには、こういう機能を標準で持たせておくべきか。
あ、できればリファラーチェックで弾くような実装はやめてね。俺は基本的にリファラーオフが標準だし。
_ tDiaryのアンカーリンク時にドキュメントタイトルを表示する その4 (18:23)
決定版は、こんな感じかなー。
23,28d22
<
< if (highlightElem.tagName == 'H3') {
< var diary_title = "#{@conf.html_title.gsub(/"/, '\\"')} (#{@date.strftime('%Y-%m-%d')})";
< var section_title = highlightElem.innerHTML.replace(/<[^>]+?>/g, '').replace(/^[^ ]* /, '');
< document.title = section_title + ' - ' + diary_title;
< }
結局「"」のエスケープについては、
print '"'.gsub(/"/, '\\"')
で「"」にエスケープできたけど、なんで
print '"'.tr('"', '\\"')
の結果が「"」になって、
print '"'.tr('"', '\\\\"')
の結果が「\」になるのかよくわからんかった。trとgsubでは何が違うんだ？
ああ！
trは文字列置換じゃなくて、文字単位での置換なのか！
_ HTML_QuickFormを使う場合 (22:12)
<label><input type="checkbox" name="foo[]" value="abc">abc</label> <label><input type="checkbox" name="foo[]" value="def">def</label> <label><input type="checkbox" name="foo[]" value="ghi">ghi</label>
みたいな使い方は想定されていないのかな？
2005-04-23 [長年日記]
_ Re:「Alpha Geek Tracker」 (12:34)
他サービスのブックマークも取り込めるようにしてくれたらいいのになー
その手の機能はMMのお気に入りリストを作るときに考えたし、作るのも簡単だと思うんだけど、権利関連の問題がでてきそうなんで、サービスとして公開するのはちょっと難しいだろうなーと思ってやめた。
新着とか人気URLとかあたりから持ってくるならば、それほど問題にならないと思うけど、ある特定の人のデータを勝手に他のサービスで取り込んで、加工して（他の人のデータと混ぜて）使うのは、一般的な公開サービスの形式でやるのはちょっとリスキー。
URLのみを流用するならまだ大丈夫かもしれないけど、流用データにコメント部分が含まれると、データの著作物性が高まって、流用することにクレームをつける人が出てくると思う。Planet〜系とかでクレームが付いたりしている事例を見ると、その手の機能を誰でも登録できる一般サービス化したら運営管理が面倒くさそう。
というわけで、MMでその手の機能を載せないのは、機能的には便利そうだけど運営管理コストがかかりそうなんでそのリスクを取れないから、だったりする。Alpha Geek Trackerみたいに個人的に（誰も登録できるわけではない形で）やる分には大丈夫だと思うけど。
2005-04-25 [長年日記]
_ tDiaryのアンカーリンク時にドキュメントタイトルを表示する その5 (04:14)
決定版とか言っておきながら、まだいじっている。セクションアンカーの文字列長を、ちゃんと@confから持ってくるようにした。これで曖昧な部分がなくなったんじゃないでしょうか。
23,29d22
<
< if (highlightElem.tagName == 'H3') {
< var diary_title = "#{@conf.html_title.gsub(/"/, '\\"')} (#{@date.strftime('%Y-%m-%d')})";
< var sanchor_length = #{@conf.section_anchor.gsub(/<[^>]+?>/, '').length};
< var section_title = highlightElem.innerHTML.replace(/<[^>]+?>/g, '').substr(sanchor_length);
< document.title = section_title + ' - ' + diary_title;
< }
2005-04-26 [長年日記]
_ dotprojectを試してみようと思ったけど (15:09)
最近あちらこちらで名前を見かけたdotprojectを試しに入れてみたんだけど、認証周りがおかしいなー。アカウント情報をいじると、ログインできなくなる。追いかけていったところ、GACLとかいう認証ライブラリ（？）が権限チェックではねているらしいけど、外部ライブラリとの連携まで追いかける気になれないしなー。というか、GACLって初めて知ったな。これって使えるのかな？
というかそもそも、インストールの段階からいろいろうまく行かないところが多かった。DB初期化でインストーラはsuccessといってるのに、いくつかのテーブル（projectsとか）がうまく作られなくって、何回か全削除からやり直したりとか。まだ安定してないのかなー。これちゃんと使っている人いるの？
_ 重複するタグ表示API (20:02)
「タグの日本語揺らぎをロジックで吸収する」にtrackbackをもらったんだけど、いまいちそっち方面に脳みそが働かないんで、具体的な行動に出られないでいた。
で、いつまで経っても脳みそが働かないっぽいんで、ひとまず誰か代わりに脳みそを働かせてくれる人がいないかなー、ということで、単純なAPIを用意してみた。
http://1470.net/api/similar_genres.php?genre=[MMのジャンル]
を叩くと、EUC-JPでそのタグと重複して使われているジャンルを、
[ジャンル文字列]\t[重複数]
というTSV形式（EUC-JP）で出力する。たとえば「Ajaxと重複するタグ」とか。思いつく応用例としては、「Ajaxで上記を読み込んで、類似タグへのナビゲートを行ったり」とかかなー。何かいい使い道が思いつく人、使ってみてください。
Before...
_ ishinao [うが、肝心のところを修正し忘れていたとは。こそっと修正。 ありがとうございます＞本 ところでマイクロソフトって？？..]
_ ただただし [ホントにUTF-8になってるし(笑)]
_ ishinao [たった13行でtDiaryの機能を実現！ しかもtDiary次期バージョンの機能を先取り！ ということでよろしくお願..]