<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
   <channel>
      <title>Under Construction, Baby</title>
      <link>http://www.rcdtokyo.com/ucb/</link>
      <description></description>
      <language>ja</language>
      <copyright>Copyright 2008</copyright>
      <lastBuildDate>Thu, 03 Apr 2008 00:49:38 +0900</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

            <item>
         <title>Atom 1.0 リファレンス</title>
         <description><![CDATA[<p>RFC4287の原文と日本語翻訳＋構造図で、インタラクティブに参照するAtom（Syndication Format）の仕様。</p>

<p>&raquo; <a href="http://www.rcdtokyo.com/man/atom/">Atom 1.0 リファレンス</a></p>

<div class="image">
<img class="right" src="http://www.rcdtokyo.com/ucb/contents/images/2007/0706190101.png" width="400" height="320" alt="Atom 1.0 リファレンス" />
</div>

<ul>
<li>デフォでは図のように、左側に構造図を、右側にRFC仕様を表示します。左上の「仕様の全文を表示」リンクをクリックすると、仕様の全文をダラダラと表示します。</li>
<li>構造図モードでは、クリックした箇所に応じた仕様のセクションを右側に表示します。右上の「戻る」と「進む」はブラウザのボタンと同じイメージ。</li>
<li>構造図中で名前の後ろに「?」と「*」がある要素や属性はオプションです（記号がないものは必須）。「?」はその場所に1個だけ、「*」は複数登場できます。ただしこれは原則で、オプションであっても条件次第で必須となるとか、あれこれ例外があるので要注意。例えばatom:authorはオプションですが、ドキュメントのどこかに少なくとも1個はないとダメです。あるいは例えば、atom:contentのないatom:entryには&lt;link rel=&quot;alternate&quot; href=&quot;～&quot;&gt;が必須です。詳細は仕様を熟読してください（主なルールは仕様のセクション4.1.1と4.1.2にまとめられています）。</li>
<li>構造図中で「atomCommonAttributes」となっているブロックは、その中の属性がAtomの共通属性（仕様のセクション2）であることを表しています。決して&lt;atomCommonAttributes xml:lang=&quot;ja&quot;/&gt;とか書けという意味ではありません（笑）。同様に「atomなんとかConstruct」となっているブロックは、共通の構造体（仕様のセクション3）です。</li>
<li>RFC仕様の記述に合わせて、Atomの要素はすべて「atom」という接頭辞を付けて表記してますが、通常Atomの要素はデフォルトの名前空間に属することになる筈で、その場合接頭辞はもちろん不要です。</li>
</ul>

<p>以下は余談。</p>

<p>最初はRSS 0.9x/2.0とRSS 1.0とAtomとの簡単な比較表を作ろうと思ってたのでした（そして、RSS 1.0やAtomの仕様は、<del>杜撰な</del>鷹揚なRSS 0.9x/2.0のそれと比べて厳格なので、各フォーマットを共通のデータソースから生成しようとする場合には、データソースの準備は厳格な側に合わせてやらないとワヤになりまっせ、という講釈を垂れようとしていた）。</p>

<p>で、しかしRFC4287を眺めてたら、Relax NG（のコンパクト構文）スキーマによるストラクチャー表現を、ブロック図に置き換えて操作できるようにしたら面白いかもと思い立ち（この時点で比較表を作ろうという当初の目的は潰える）。しかし要素を並べただけではアレなので説明を加えるにしても、RFC原文のコピペだけでは不親切かなということで、ついでに日本語訳も用意してみた次第。</p>

<h4>既存のRFC4287の日本語翻訳</h4>

<ul>
<li><a href="http://blog.good-day.net/~iwai/wiki/wiki.cgi?page=Atom+Format+%CB%AE%CC%F5">http://blog.good-day.net/~iwai/wiki/wiki.cgi?page=Atom+Format+%CB%AE%CC%F5</a></li>
<li><a href="http://momdo.s35.xrea.com/spec/rfc4287j.html">http://momdo.s35.xrea.com/spec/rfc4287j.html</a></li>
<li><a href="http://www.futomi.com/lecture/japanese/rfc4287.html">http://www.futomi.com/lecture/japanese/rfc4287.html</a></li>
<li><a href="http://www.7key.jp/rfc/4287/rfc4287.html">http://www.7key.jp/rfc/4287/rfc4287.html</a></li>
</ul>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000857.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000857.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">ウェブ制作</category>
        
        
         <pubDate>Thu, 03 Apr 2008 00:49:38 +0900</pubDate>
      </item>
            <item>
         <title>iMenuのGoogle検索がいきなりおかしなことになってる件</title>
         <description><![CDATA[<p>Googleモバイルで「プロフィール」や「プロフ」を検索すれば、1位は前略プロフだろうと思うのは素人。</p>

<address>http://www.google.co.jp/imode/search?ie=Shift_JIS&amp;mrestrict=chtml&amp;site=mobile&amp;q=%83v%83%8D%83t%83B%81%5B%83%8B</address>

<p>確かに、PCで普通に検索してみれば、少なくとも本日ただ今現在の1位は前略プロフで、そのPCで、Googleモバイルで「プロフィール」を検索する上のアドレスを開けば、本日ただ今現在の結果は以下のような感じで、やはり前略プロフが1位。</p>

<ol style="padding:1em 3em;border:1px solid #f00;font-family:Sans-serif;font-size:90%;line-height:1.3em;">
<li><strong>前略ﾌﾟﾛﾌｨｰﾙ</strong><br />
『前略ﾌﾟﾛﾌｨｰﾙ』は､誰でも手軽に携帯電話･ﾊﾟｿｺﾝの両方に対応した､自己 ...<br />
pr.cgiboy.com/</li>
<li><strong>FC2ﾌﾟﾛﾌ - あなた専用のﾌﾟﾛﾌｨｰﾙを作ってみよう!!</strong><br />
あなた専用のﾌﾟﾛﾌｨｰﾙが簡単に作れちゃう!!ﾌﾟﾛﾌｨｰﾙを作ってみよう!!<br />
pr.fc2.com/</li>
<li><strong>Amazon.co.jp: ﾌﾟﾛﾌｨｰﾙ: ﾃﾞｭｰｸ･ﾋﾟｱｿﾝ,ｼﾞｰﾝ･ﾃｲﾗｰ ...</strong><br />
Amazon.co.jp: ﾌﾟﾛﾌｨｰﾙ: ﾃﾞｭｰｸ･ﾋﾟｱｿﾝ,ｼﾞｰﾝ･ﾃｲﾗｰ, ...<br />
www.amazon.co.jp/ﾌﾟﾛﾌｨｰﾙ-ﾃﾞｭｰｸ･ﾋﾟｱｿﾝ/d...</li>
<li><strong>佐野夏芽ﾌﾟﾛﾌｨｰﾙ</strong><br />
ﾀﾚﾝﾄﾌﾟﾛﾌｨｰﾙ ・ ﾌｫﾄﾀﾞｲｱﾘｰ ・ ﾀﾚﾝﾄ募集 ・ ﾒｰﾙﾏｶﾞｼﾞﾝ登録 ...<br />
www.metalbox.co.jp/work/sano/pcolum...</li>
<li><strong>みんなのﾌﾟﾛﾌｨｰﾙ</strong><br />
みんなのﾌﾟﾛﾌｨｰﾙ 名前をｸﾘｯｸするとﾌﾟﾛﾌｨｰﾙを閲覧できます｡ ...<br />
www.yukinosake.com/cgi-bin/profile/...</li>
</ol>

<p>しかし、少なくとも本日ただ今現在、「PREF」という名称のcookieを削除してから上記のモバイル版のアドレスを開いてみると、以下のようにまったく違う結果が表示される。1位は関西のデリヘル。ちなみにこのcookieがない状態で100位（10ページ）まで検索しても、前略プロフは出てこない（以下にもあるような、前略を騙るサイトは出てくる）。</p>

<ol style="padding:1em 3em;border:1px solid #f00;font-family:Sans-serif;font-size:90%;line-height:1.3em;">
<li><strong>大阪･兵庫･京都･奈良･和歌山巨乳ﾛﾘ･ｷﾞｬﾙ系専門ﾃﾞﾘﾊﾞﾘｰﾍﾙｽ ...</strong><br />
ﾌﾟﾛﾌｨｰﾙ南大阪 ・ ﾌﾟﾛﾌｨｰﾙ京都 ・ ﾌﾟﾛﾌｨｰﾙ兵庫 ・ ﾌﾟﾛﾌｨｰﾙ奈良 ・ ﾌﾟﾛﾌｨｰﾙ和歌山 ...<br />
www.pro-file.jp/m/</li>
<li><strong>携帯(ｹｰﾀｲ)無料ﾌﾟﾛﾌ作成ﾌﾘｰｻｲﾄ｢My･ぷろふぃｰる｣</strong><br />
完全無料でﾏｲﾌﾟﾛﾌｨｰﾙ交換画面を作成できる携帯電話専用ﾌﾟﾛﾌ提供ﾌﾘｰ ...<br />
vl-o-l.jp/</li>
<li><strong>ﾌﾟﾛﾌｨｰﾙ</strong><br />
ﾌﾟﾛﾌｨｰﾙ. 名前:すぬｰぴｰ. 種別:ﾋﾞｰｸﾞﾙ犬の. ぬいぐるみ. 年齢:不明 ...<br />
penguinmaru.fc2web.com/i/profile.html</li>
<li><strong>前略ﾌﾟﾛﾌｨｰﾙ by aimew</strong><br />
ﾌﾟﾛﾌｶﾞｲﾄﾞは数あるﾌﾟﾛﾌｨｰﾙｻｲﾄを厳選してご紹介!もちろんﾌﾟﾛﾌを通じて新しい ...<br />
aimew.jp/zennryaku/</li>
<li><strong>前略ﾌﾟﾛﾌｨｰﾙ by aimew</strong><br />
JC､JKに人気のあるﾌﾟﾛﾌｨｰﾙｻｲﾄ♪. 前略出会い系 ...<br />
aimew.jp/zennryakud/</li>
<li><strong>携帯無料ﾌﾟﾛﾌ作成 ﾁｪｷ!ﾌﾟﾛﾌｨｰﾙ</strong><br />
ﾁｪｷ!ﾌﾟﾛﾌｨｰﾙでは簡単☆無料でﾌﾟﾛﾌｨｰﾙｻｲﾄを作成できます!<br />
chpr.jp/</li>
<li><strong>ﾌﾟｯﾁｷﾞｬﾙ</strong><br />
女の子ｺﾒﾝﾄ:いちゃx2楽しい時間を過ごしましょうねぇ(*^^)v ...<br />
www.kobe-pucchigal.com/m/gal/k-view...</li>
<li><strong>京都ﾃﾞﾘﾍﾙ/ﾌﾟｯﾁｷﾞｬﾙ</strong><br />
ｷｬｯﾁｺﾋﾟｰ:☆京都に渋谷系GAL誕生☆ﾄﾞｴﾛEｶｯﾌﾟに大興奮! ...<br />
www.kyoto-pucchigal.com/m/gal/k-vie...</li>
</ol>

<p>さて、cookieの有無で検索結果が変わるということは、cookieを喰わないドコモの端末ではどうなるかというと、もちろん上と同じ、1位がデリヘルという結果になる。</p>

<p>で、ドコモは4月1日から<a href="http://www.nttdocomo.co.jp/info/news_release/page/080328_00.html">iMenuのトップ画面にGoogleと連携した検索機能を追加</a>し、<a href="http://googlejapan.blogspot.com/2008/04/imenu.html">Googleの検索エンジンにより、携帯電話向け一般サイト、PCサイトの検索結果も表示される</a>ようになったのだけど、そのiMenuの検索フォームから「プロフィール」を検索してみた結果が以下。</p>

<ol style="padding:1em 3em;border:1px solid #f00;font-family:Sans-serif;font-size:90%;line-height:1.3em;">
<li><strong>携帯(ｹｰﾀｲ)無料ﾌﾟﾛﾌ作成ﾌﾘｰｻｲﾄ｢My･ぷろふぃｰる｣</strong><br />
完全無料でﾏｲﾌﾟﾛﾌｨｰﾙ交換画面を作成できる携帯電話専用ﾌﾟﾛﾌ提供ﾌﾘｰ ...<br />
vl-o-l.jp/</li>
<li><strong>ﾌﾟﾛﾌｨｰﾙ</strong><br />
ﾌﾟﾛﾌｨｰﾙ. 名前:すぬｰぴｰ. 種別:ﾋﾞｰｸﾞﾙ犬の. ぬいぐるみ. 年齢:不明 ...<br />
penguinmaru.fc2web.com/i/profile.html</li>
<li><strong>前略ﾌﾟﾛﾌｨｰﾙ by aimew</strong><br />
JC､JKに人気のあるﾌﾟﾛﾌｨｰﾙｻｲﾄ♪. 前略出会い系 ...<br />
aimew.jp/zennryakud/</li>
<li><strong>京都ﾃﾞﾘﾍﾙ/ﾌﾟｯﾁｷﾞｬﾙ</strong><br />
ｷｬｯﾁｺﾋﾟｰ:☆京都に渋谷系GAL誕生☆ﾄﾞｴﾛEｶｯﾌﾟに大興奮! ...<br />
www.kyoto-pucchigal.com/m/gal/k-vie...</li>
</ol>

<p>一瞥して明らかなように、これは上の、通常のGoogleモバイルでの結果のサブセット。1位のデリヘルが消えているのは、おそらくドコモなりのフィルターで、「有害」と判定されているサイトが除去されてるためではないかと思われ。</p>

<p>しかし京都のデリヘルは見事このフィルターをくぐり抜け4位に躍進！（4位だとiMenu検索の1ページ目に表示されるので、それ以下とは雲泥の差）なんという脅威のSEO！（違）</p>

<p>………とまあ、そんなこんなで。これはたまたま出くわした極端な例ですが、別にこの例に限らず、ドコモ端末でGoogleモバイルを利用すると、検索結果がなんだかおかしなことになってる模様です、というお話ですた。</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000856.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000856.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">ウェブ制作</category>
        
        
         <pubDate>Wed, 02 Apr 2008 23:41:23 +0900</pubDate>
      </item>
            <item>
         <title>opm.blitzed.org is pointing at a blackholed nameserver</title>
         <description><![CDATA[<p>MovableTypeの管理画面にあるSixApartからの告知に、<a href="http://www.sixapart.jp/movabletype/news/2007/05/23-1900.html">【重要】コメント投稿に時間がかかる現象について</a>と出ていて、なにかと思ったら、opm.blitzed.orgが停止したので、バンドルされているSpamLookupプラグインの、DNSBLサーバの設定がデフォルトのままだとヤバイですよ、というハナシで。</p>

<p>いや、ちょっと待てと。OPMが停止したのは一年も前なわけで。それを今頃になって告知かと。<a href="http://wiki.blitzed.org/OPM_status">OPM status</a>によると、今年の5月に<q cite="http://wiki.blitzed.org/OPM_status">opm.blitzed.org is pointing at a blackholed nameserver</q>ということになったそうで、そのため告知にあるような事態が生じるようになって問題が顕在化したらしい。</p>

<p>で、なんでブラックホールリストのサーバがブラックホール行きになったかというと、<q cite="http://wiki.blitzed.org/OPM_status">in order to reduce query load on our servers</q>だそうで。なんで未だにそんな状態かというと、多くのMTユーザが（もちろんMTだけじゃないだろうけど）OPMの停止を知らずに、デフォルトで設定されているサーバをそのまま使い続けていたであろうからで。なんでそんなことになってるかというと、誰かに言われない限り、普通はDNSBLサーバが停まってるなんてことには気付かないよな、と（ましてデフォルトで設定されてるものだし）。</p>

<p>多くのDNSBLサービスはボランティアな運営なわけで、いつなくなっても不思議ではなく。そもそもDNSBLは、<a href="http://ja.wikipedia.org/wiki/%E3%83%9C%E3%83%83%E3%83%88%E3%83%8D%E3%83%83%E3%83%88">ボットネット</a>の拡大によって以前ほど効果的ではなくなっており、ORDB.orgのようにこれを理由に閉鎖してしまった例もあり。あるいはzen.spamhaus.orgのように、新たなサーバが用意され以前のもののリプレイスが推奨される場合もあり。斯様な状況でDNSBLを利用する場合は、利用するサーバの状況を定期的に確認して設定を見直す必要があるわけですが、それをすべてのユーザにやれというのも無茶なハナシで。しかしMTには折角管理画面に告知コーナーがあるのだから、早期に告知がされていればユーザもSixApartも、そしてBlitzed.orgも無用のトラブルを抱えずに済んだのになあ、と。</p>

<p>………と、<a href="http://www.rcdtokyo.com/pc2m/note/archives/i000823.php">OPMの死亡告知</a>を死亡から半年後に出したヤツが、<del>自分のことは棚にあげて</del>自戒の念を込めて申し上げてみるテストでございました。合掌。</p>

<p>以下はMTのハナシではないけれど、DNSBLネタが少々。</p>

<ul>
<li><a href="http://www.rcdtokyo.com/ucb/contents/i000820.php">ぜろちゃんねる（0ch BBS Script）掲示板のスパム対策</a></li>
</ul>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000853.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000853.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">ウェブ制作</category>
        
        
         <pubDate>Fri, 01 Jun 2007 23:59:04 +0900</pubDate>
      </item>
            <item>
         <title>Firefox 2/IE7用、OpenSearch検索プラグイン（検索プロバイダ）作成ツール</title>
         <description><![CDATA[<div><img class="left" src="http://www.rcdtokyo.com/opensearch/osd.png" width="120" height="120" alt="検索バー" /></div>

<p></p>

<p>Firefox 2やInternet Explorer 7などの検索バーに検索サイトを追加するOpenSearch形式のプラグインを、極力簡単に作れるようにしてみました、というものです。要Cookie＋JavaScript。実は随分前に作って、しかし腑に落ちないまま放置していたものを引っ張り出してきて、全面改装。</p>

<p>&raquo; <a href="http://www.rcdtokyo.com/opensearch/plugin">OpenSearch検索プラグイン（検索プロバイダ）作成ツール</a></p>

<p>ものは試し。上のリンク先で、ページの右側の「ブックマークレット」欄にある、「検索プラグインの作成」というリンクを、マウスの右クリックとかでブックマーク（お気に入り）やツールバーに登録してみてくださいな。</p>

<p>で、例えばGoogleとかで、「TEST」を検索した結果のページでそのブックマークレットを選択してみてください。下図のような表示が出てきたら正解。以上の操作がメンドクセーひとは<a href="http://www.rcdtokyo.com/opensearch/plugin?url=http%3A%2F%2Fwww.google.com%2Fsearch%3Fq%3DTEST%26lr%3Dlang_ja">ここをクリック</a>（笑）。</p>

<div class="sweep"><img class="left" src="http://www.rcdtokyo.com/ucb/contents/images/2007/0706010101.png" width="240" height="240" alt="OpenSearch検索プラグイン（検索プロバイダ）作成ツール" /></div>

<p>「検索プラグインを追加」ボタンをクリックすると、確認ダイアログが表示され、プラグインを追加できるわけですが、お気に召さない項目があれば適宜編集していただければと存じます。各項目の説明は、その入力欄をクリックすると説明が出てくる筈。編集後には「確認・更新」ボタンをクリックしてください。</p>

<p>「名前」は、ウェブブラウザはこれでプラグインを管理してるので、既に登録済みのプラグインと同じ名前は付けられません。</p>

<p>「アイコン」は、Firefox 2の検索バーに表示されるものです（IE7では利用されません）。アイコンはウェブサイトのFaviconを自動検出しますが、Faviconがないサイトや、自分好みのアイコンを使いたい場合は、画像をアップロードすることもできます。画像がJPEGやGIF、PNGなら、自動的に画像の中央部を切り出してアイコンサイズに縮小するので、あらかじめアイコンサイズの画像を用意しておく必要もありません。</p>

<p>なお、ここで検索プラグインを作成できるのは、GETメソッドの検索フォームのみです。つまり、検索結果のページのアドレスに、（検索キーワードである）「TEST」という文字が含まれないものは作成できません（POSTメソッドによる検索プラグインは、<a href="http://www.opensearch.org/Specifications/OpenSearch/Extensions">OpenSearchの拡張仕様</a>のひとつとして用意されているParameter要素を使って作成できますが、IE7はこれに対応していないためPOSTメソッドのプラグインは利用できません）。</p>

<p>いまでは多くのウェブサイトがオフィシャルな検索プラグインを提供していますが、提供されてない（提供しそうにもない）サイトや、ありそうでなさそうなサイトや、あるいは提供されてるけど名前やアイコンが気に入らない類は、自分で（勝手に）作っちゃえばいんじゃないかと。以下は、現時点でオフィシャルが存在しないものをテキトーに見繕ってみた例。</p>

<ul>
<li><a href="http://www.rcdtokyo.com/opensearch/plugin?url=http%3A%2F%2Fwww.php.net%2Fmanual-lookup.php%3Fpattern%3DTEST">PHP 関数名によるマニュアル検索</a></li>
<li><a href="http://www.rcdtokyo.com/opensearch/plugin?url=http%3A%2F%2Feow.alc.co.jp%2FTEST%2FUTF-8%2F">スペースアルク 英辞郎（英和・和英辞書）検索</a></li>
<li><a href="http://www.rcdtokyo.com/opensearch/plugin?url=http%3A%2F%2Fblogsearch.google.com%2Fblogsearch%3Fq%3DTEST">Google ブログ検索</a></li>
<li><a href="http://www.rcdtokyo.com/opensearch/plugin?url=http%3A%2F%2Fimage.baidu.jp%2Fi%3Fword%3DTEST%26tn%3Dbaiduimage%26ct%3D201326592%26lm%3D-1">baidu.jp 画像検索</a>（笑）</li>
</ul>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000852.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000852.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">ウェブ制作</category>
        
        
         <pubDate>Fri, 01 Jun 2007 19:22:20 +0900</pubDate>
      </item>
            <item>
         <title>HTMLをXML化してDOMやXPathで操作するWebスクレイピング用PHPクラス</title>
         <description><![CDATA[<p><a href="http://www.php.net/simplexml">SimpleXML</a>＋<a href="http://www.rcdtokyo.com/ucb/contents/i000799.php">HTMLParser</a> or <a href="http://www.php.net/tidy">Tidy</a>＋<a href="http://pear.php.net/package/HTTP_Request">HTTP_Request</a>＋<a href="http://pear.php.net/package/Cache_Lite">Cache_Lite</a>の組み合わせで、リモートサイトから取得したHTMLソースを整形して、SimpleXMLオブジェクトに変換するライブラリでございます。サーバサイドはもとよりクライアントサイドのAjaxでも、DOMやXPathなどを用いたオブジェクト操作によるScrapingが可能になります。要SimpleXMLなのでPHP5専用（もっとも、SimpleXMLを<a href="http://www.php.net/domxml">DOM XML</a>に置き換えればPHP4でも同じようなことはできますが）。</p>

<p>ええっと手っ取り早く、以下にアクセスしてフォームに適当なURLを入力してみてください。</p>

<ul>
<li><a href="http://www.rcdtokyo.com/etc/htmlscraping/examples/test_ajax.html">AjaxによるScrapingの簡単なサンプル</a></li>
</ul>

<p>下図のようにURLがダラダラとリストされれば正解。</p>

<div><img src="http://www.rcdtokyo.com/ucb/contents/images/2007/0705240101.png" width="240" height="180" alt="test_ajax.htmlの実行例" /></div>

<p>ここでリストされるURLは、ご覧いただければおわかりの通り、入力したURLのウェブページ内にあるA要素のHREF属性値なわけですが、ポイントはこれを、responseXMLからDOMで取得していること。つまりXMLHttpRequestのリクエスト先は、well-formedなXMLを返してるということでございます。あと、HREF属性値はすべてフルパスに変換されてたりもします。</p>

<p>そのXMLHttpRequestのリクエスト先であるPHPアプリのソースは以下の通り。</p>

<pre>&lt;?php

if (!isset($_GET['url']) or empty($_GET['url'])) {
    header(&quot;$_SERVER[SERVER_PROTOCOL] 400 Bad Request&quot;);
    header('Content-Type: text/plain;charset=UTF-8');
    exit('The URL is not specified.');
} else {
    require_once 'HTMLScraping.class.php';
    $s = new HTMLScraping;
    try {
        $xml = $s-&gt;<strong>getXmlObject</strong>($_GET['url']);
    } catch (Exception $e) {
        header(&quot;$_SERVER[SERVER_PROTOCOL] 400 Bad Request&quot;);
        header('Content-Type: text/plain;charset=UTF-8');
        exit($e-&gt;getMessage());
    }
    $s-&gt;<strong>convertPath</strong>($xml, array('a' =&gt; 'href'));
    header('Content-Type: application/xml;charset=UTF-8');
    exit($xml-&gt;asXML());
}

?&gt;</pre>

<p>HTMLScraping-&gt;getXmlObject()は、第1パラメータのURLで取得したHTMLソースから生成したSimpleXMLオブジェクトを返します（エラーの際には例外を投げますんで、上の例のようにtry～catchしてやってください）。</p>

<p>ちなみに、キャッシュ処理を行う場合、まずは以下のように、コンストラクタの第1パラメータにキャッシュファイルを保存するディレクトリを指定しておきます（このディレクトリはもちろん、PHPアプリに対するread/writeパーミッションが必要です）。</p>

<pre>$s = new HTMLScraping(<strong>'/tmp/'</strong>);</pre>

<p>で、getXmlObject()の第2パラメータに秒数を指定すると、URLのレスポンスが指定した秒数キャッシュされます。</p>

<pre>$xml = $s-&gt;getXmlObject($_GET['url'], <strong>3600</strong>);</pre>

<p>その他のオプションパラメータやその他のメソッドの説明、及び配布アーカイブのダウンロードなどは、<a href="http://www.rcdtokyo.com/etc/htmlscraping/">説明ページ</a>へどーぞ。</p>

<h4>応用例：HTMLをScrapingしてRSSフィードを生成する</h4>

<p>さてこれだけでは面白くないので、これの応用例としてHTMLからRSSフィードを生成するということをやってみました。と言ってもHTMLの内容は多様で一律に処理できるわけはないので、共通処理をまとめたabstractなクラスを用意し、この継承クラスでオーバーライドするメソッド内で、HTMLScraping-&gt;getXmlObject()で取得したSimpleXMLオブジェクトから必要なデータを抽出していただこうという寸法でございます。</p>

<p>注意：これはあくまで応用例として用意したもので、実用に供されることを意図したものではありません。</p>

<p>配布アーカイブ中のexamplesディレクトリにあるtest_feed.phpはこのサンプルアプリケーションで、同ディレクトリ内にあるtest_feed.htmlからリストアイテム要素を取り出し、フィードを構築して出力します（このアプリケーションはキャッシュ機能を使用しますので、実際に自分の環境で実行する場合は、コンストラクタのパラメータで指定しているキャッシュファイルの保存先ディレクトリ名を、実際に利用可能なものに変更してください）。</p>

<ul>
<li><a href="http://www.rcdtokyo.com/etc/htmlscraping/examples/test_feed.php">test_feed.phpの実行例</a></li>
<li><a href="http://www.rcdtokyo.com/etc/htmlscraping/examples/test_feed.html">解析対象のHTML（test.html）</a></li>
</ul>

<p>HTMLToFeed.class.phpは、test_feed.php内で継承しているabstractクラスHTMLToFeedを定義しています。HTMLToFeed-&gt;getFeed()は、DOMで構築したフィードを出力しますが、キャッシュ処理が有効な場合は、フィードの出力をキャッシュし、出力にLast-Modified/Etagヘッダを含めて、If-Modified-Since/If-None-Matchによる条件付きリクエストに応答します。</p>

<p>test_feed.phpでは、アクセス先のURLが単一（しかもコンテンツが変更されない）であるため、出力のみをキャッシュしていますが、複数のURLにアクセスしてその内容をマージするような場合、URLごとに、その更新頻度に応じてキャッシュの有効期間を設定し、それに加えて出力もキャッシュすることで、アプリケーションのパフォーマンスを向上させることができるかもしれません。</p>

<h4 style="color:#39f">Disclaim<span style="color:#f39">r</span><sup style="color:#ccc;font-size">BETA</sup></h4>

<p>まあこれは、こんな感じでこんなことができますよというサンプルであって、これを広く使ってもらおうなんていう気は毛頭なく。仕様も自分の好みでやらかしてるので、あんまし汎用的ではないかもしれず。そもそもライブラリの組み合わせからして、別段この組み合わせに限ったわけでも、もちろんありません。</p>

<p>特に、Tidyが利用できればこんなことはもっとお手軽に（リソースの消費も少なく高速に）できちゃうわけで。しかし、<a href="http://www.rcdtokyo.com/ucb/contents/i000799.php">HTMLParser</a>の趣旨にも書いたように、現在の一般的なレンタルサーバのPHP環境ではこれは殆ど利用できない筈なので、そういう場合には利用価値があるやもしれませんが（このライブラリでは、Tidyが利用可能ならそちらを、そうでなければ（自動的に）その代替にHTMLParserを利用するようになってたりはします）、そんな感じのツクリなので、気に入らないところがあれば、しょせん既存のライブラリの組み合わせなので、わざわざオーバーライドするよりは自分好みの仕様で作り直しちゃうことをお勧め申し上げる次第でございます。</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000851.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000851.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">ウェブ制作</category>
        
        
         <pubDate>Sat, 26 May 2007 00:25:23 +0900</pubDate>
      </item>
            <item>
         <title>水戸ホーリーホック in 国立競技場</title>
         <description><![CDATA[<div class="image">
<a href="http://www.flickr.com/photos/ucb/485045425/"><img src="http://farm1.static.flickr.com/169/485045425_fc70bd4141.jpg" width="500" height="281" alt="水戸ホーリーホック in 国立競技場" /></a>
</div>

<p>水戸ホーリーホックのクラブ史上2度目のコクリツでの試合。伝説の<a href="http://ja.wikipedia.org/wiki/%E7%B4%8D%E6%B6%BC%E6%BC%A2%E7%A5%AD%E3%82%8A#.E5.9B.BD.E7.AB.8B.E5.89.8D.E7.94.B0.E7.A5.AD.E3.82.8A">国立前田祭り</a>再びである。</p>

<div class="image">
<a href="http://www.flickr.com/photos/ucb/485046315/"><img src="http://farm1.static.flickr.com/203/485046315_175d3fb98e_m.jpg" width="240" height="180" alt="水戸ホーリーホック in 国立競技場" /></a>
<a href="http://www.flickr.com/photos/ucb/485010736/"><img src="http://farm1.static.flickr.com/168/485010736_1c58f7350a_m.jpg" width="240" height="180" alt="水戸ホーリーホック in 国立競技場" /></a>
<a href="http://www.flickr.com/photos/ucb/485011334/"><img src="http://farm1.static.flickr.com/182/485011334_1a948d9b1a_m.jpg" width="240" height="180" alt="水戸ホーリーホック in 国立競技場" /></a>
<a href="http://www.flickr.com/photos/ucb/485010462/"><img src="http://farm1.static.flickr.com/201/485010462_73f1bd3a30_m.jpg" width="240" height="180" alt="水戸ホーリーホック in 国立競技場" /></a>
</div>

<p>水戸は、第1クールの最終節であるこの試合まで未勝利、しかもここまでわずか3得点しか挙げていないというのがウソのように、攻守にわたって対戦相手を圧倒。「90分間走りきれ」と言う前田監督の指示を選手たちがきっちりと実行した結果、5-1という大差での勝利となった。</p>

<div class="image">
<a href="http://www.flickr.com/photos/ucb/485046003/"><img src="http://farm1.static.flickr.com/184/485046003_7565cc82d0_m.jpg" width="180" height="240" alt="水戸ホーリーホック in 国立競技場" /></a>
<a href="http://www.flickr.com/photos/ucb/485045771/"><img src="http://farm1.static.flickr.com/213/485045771_bdabecf749_m.jpg" width="180" height="240" alt="水戸ホーリーホック in 国立競技場" /></a>
</div>

<p>この日は<a href="http://ja.wikipedia.org/wiki/%E7%B4%8D%E6%B6%BC%E6%BC%A2%E7%A5%AD%E3%82%8A#.E5.9B.BD.E7.AB.8B.E5.89.8D.E7.94.B0.E7.A5.AD.E3.82.8A">国立前田祭り</a>ということで、大勢の他サポが水戸の応援に駆けつけていた。水戸側のゴール裏に集まった連中は、めいめいのクラブのシャツをキックオフの直前には水戸のチームカラーのものに着替え、水戸サポの後方に位置して熱心な声援を送っていた。水戸が大勝したこともあり、試合終了後は和気藹々とした雰囲気で、エールの交換や記念撮影が行われていた。</p>

<div>
<a href="http://www.flickr.com/photos/ucb/485045105/"><img src="http://farm1.static.flickr.com/171/485045105_1a3373c72d_m.jpg" width="240" height="180" alt="国立前田祭り 他サポ 多数" /></a>
<a href="http://www.flickr.com/photos/ucb/485047777/"><img src="http://farm1.static.flickr.com/227/485047777_293cf2e90e_m.jpg" width="240" height="180" alt="水戸ホーリーホック in 国立競技場" /></a>
</div>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000849.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000849.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">その他の蹴球</category>
                  <category domain="http://www.sixapart.com/ns/types#category">国立競技場</category>
        
        
         <pubDate>Sun, 06 May 2007 01:34:58 +0900</pubDate>
      </item>
            <item>
         <title>湘南ベルマーレ vs. モンテディオ山形</title>
         <description><![CDATA[<div class="image">
<a href="http://www.flickr.com/photos/ucb/476923737/"><img src="http://farm1.static.flickr.com/204/476923737_6bd6fe557e.jpg" width="500" height="375" alt="Shonan Bellmare vs. Montedio Yamagata" /></a>
<a href="http://www.flickr.com/photos/ucb/476924141/"><img src="http://farm1.static.flickr.com/209/476924141_e8471c74a8.jpg" width="500" height="375" alt="Shonan Bellmare vs. Montedio Yamagata" /></a>
</div>

<p>J2第12節。3位の福岡と勝ち点は同じで、わずかに得失点差で4位と5位につける好調な2チームの対戦は、しかしスコアだけ見れば山形の圧勝という結果に終わる。選手を何人か欠いているのは双方とも同じであったのだけど、それをまったく感じさせなかった山形に対し、湘南は、残念ながら守備面で不安定であったように思う。</p>

<div class="image">
<a href="http://www.flickr.com/photos/ucb/476908246/"><img src="http://farm1.static.flickr.com/177/476908246_0badf70859_m.jpg" width="240" height="180" alt="Shonan Bellmare vs. Montedio Yamagata" /></a>
<a href="http://www.flickr.com/photos/ucb/476923211/"><img src="http://farm1.static.flickr.com/215/476923211_91df257e03_m.jpg" width="240" height="180" alt="Shonan Bellmare vs. Montedio Yamagata" /></a>
<a href="http://www.flickr.com/photos/ucb/476923963/"><img src="http://farm1.static.flickr.com/228/476923963_5c5f9b3b66_m.jpg" width="240" height="180" alt="Shonan Bellmare vs. Montedio Yamagata" /></a>
<a href="http://www.flickr.com/photos/ucb/476924417/"><img src="http://farm1.static.flickr.com/229/476924417_a850bbd25e_m.jpg" width="240" height="180" alt="Shonan Bellmare vs. Montedio Yamagata" /></a>
</div>

<p>平塚競技場のベストのひとつはメインスタンドからの富士山の眺めだと思うの（ワーストはバックスタンドのツクリとDJな）。</p>

<div class="image">
<a href="http://www.flickr.com/photos/ucb/476907598/"><img src="http://farm1.static.flickr.com/221/476907598_d68e3af423_m.jpg" width="180" height="240" alt="Mt. Fuji from Hiratsuka stadium" /></a>
</div>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000848.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000848.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">その他のスタジアム</category>
                  <category domain="http://www.sixapart.com/ns/types#category">その他の蹴球</category>
        
        
         <pubDate>Wed, 02 May 2007 03:33:53 +0900</pubDate>
      </item>
            <item>
         <title>花と音楽</title>
         <description><![CDATA[<div>
<a href="http://www.flickr.com/photos/ucb/447411179/"><img src="http://farm1.static.flickr.com/231/447411179_d49c9d8e3e.jpg" width="500" height="375" alt="小金井公園の桜" /></a>
</div>

<p>元吉祥寺南町の住人、井の頭公園駅が最寄駅だった俺から言わせてもらえば、うちの近所で花見と言えば、やっぱり小金井公園、これだね。井の頭公園ってえのは駅から至近で、それがしかも中央線沿線最大の繁華街。そこに桜なんて咲いちゃった日にゃあ、あっという間に酔っ払いが異常繁殖、ゴミが大量発生。いつ<a href="http://ja.wikipedia.org/wiki/%E4%BA%95%E3%81%AE%E9%A0%AD%E5%85%AC%E5%9C%92%E3%83%90%E3%83%A9%E3%83%90%E3%83%A9%E6%AE%BA%E4%BA%BA%E4%BA%8B%E4%BB%B6">バラバラ殺人</a>が起きてもおかしくない、そんな殺伐とした雰囲気が最悪じゃあねえか。夢見るカップルには決してお薦め出来ない。</p>

<p>てなことで、日立台のチケットを死闘の末に確保した熱心なガスサポの皆さんが、<a href="https://blog1.tokyo-np.co.jp/fctokyo/community/2007/04/post_66.html">ゾンビと化してレイソルロードを行進していた</a>先週末、東京では桜が満開なのでありました。</p>

<div>
<a href="http://www.flickr.com/photos/ucb/447403662/"><img src="http://farm1.static.flickr.com/210/447403662_89adaa15f5_m.jpg" width="240" height="180" alt="小金井公園の桜" /></a>
<a href="http://www.flickr.com/photos/ucb/447406085/"><img src="http://farm1.static.flickr.com/223/447406085_986bc96ce6_m.jpg" width="240" height="180" alt="小金井公園の花" /></a>
<a href="http://www.flickr.com/photos/ucb/447398360/"><img src="http://farm1.static.flickr.com/236/447398360_72616d9b76_m.jpg" width="240" height="180" alt="小金井公園の花" /></a>
<a href="http://www.flickr.com/photos/ucb/447398204/"><img src="http://farm1.static.flickr.com/206/447398204_3fa60af781_m.jpg" width="240" height="180" alt="小金井公園の花" /></a>
</div>

<div>
<a href="http://www.flickr.com/photos/ucb/447403326/"><img src="http://farm1.static.flickr.com/246/447403326_c64e1487bc_m.jpg" width="180" height="240" alt="小金井公園の桜" /></a>
<a href="http://www.flickr.com/photos/ucb/447410739/"><img src="http://farm1.static.flickr.com/190/447410739_066d6f3943_m.jpg" width="180" height="240" alt="小金井公園の桜" /></a>
<a href="http://www.flickr.com/photos/ucb/447403606/"><img src="http://farm1.static.flickr.com/181/447403606_18138d7100_m.jpg" width="180" height="240" alt="小金井公園の桜" /></a>
<a href="http://www.flickr.com/photos/ucb/447405539/"><img src="http://farm1.static.flickr.com/216/447405539_a33fda78ff_m.jpg" width="180" height="240" alt="小金井公園の花" /></a>
<a href="http://www.flickr.com/photos/ucb/447398458/"><img src="http://farm1.static.flickr.com/196/447398458_d668c609d1_m.jpg" width="180" height="240" alt="小金井公園の花" /></a>
</div>

<p>祭りにお囃子はつきもんじゃんという需要と、人が大勢集まるじゃん（しかも酔っ払ってて上機嫌じゃん）という供給のニーズがピッタリマッチの花見会場は、ストリートライブの格好の会場であったりする模様で。あちらこちらに、様々な種類の音楽が溢れているのでありました。</p>

<p>以下は、<q cite="http://www.everly.jp/profile/top.html">歌を軸にした王道ポップロックバンドでありながら、4人で13のパートを操り、様々な編成で演奏する新しいスタイルのバンド</q>（と、<a href="http://www.everly.jp/profile/top.html">ウェブサイト</a>に書いてある）、<a href="http://www.everly.jp/">Everly</a>というグループの、クラシックカルテットの編成による演奏風景。</p>

<div>
<a href="http://www.flickr.com/photos/ucb/447408277/"><img src="http://farm1.static.flickr.com/245/447408277_fc76ddf062_m.jpg" width="240" height="180" alt="Everly" /></a>
<a href="http://www.flickr.com/photos/ucb/447401014/"><img src="http://farm1.static.flickr.com/240/447401014_9ab14a68da_m.jpg" width="240" height="180" alt="Everly" /></a>
</div>

<p>以下は、<q cite="http://www.ryucom.ne.jp/users/m-taiko/prof.html">沖縄のエイサーをベースに、空手の型を取り入れた独自の振り付けとダイナミックなバチさばきで、 今や沖縄を代表し、若者に圧倒的な人気を誇る</q>（と、<a href="http://www.ryucom.ne.jp/users/m-taiko/prof.html">ウェブサイト</a>に書いてある）、<a href="http://www.matsuridaiko-kanto.com/">琉球國祭り太鼓東京支部</a>の皆さん。景気のいい音楽に酔っ払いの皆さん、そりゃもう大喜びなわけで。最後は見物客も一緒に舞い踊り、えらい大騒ぎになっとりました。</p>

<div>
<a href="http://www.flickr.com/photos/ucb/447394499/"><img src="http://farm1.static.flickr.com/178/447394499_f290ee4947_m.jpg" width="180" height="240" alt="琉球國祭り太鼓" /></a>
<a href="http://www.flickr.com/photos/ucb/447394393/"><img src="http://farm1.static.flickr.com/245/447394393_cc0f8332f9_m.jpg" width="180" height="240" alt="琉球國祭り太鼓" /></a>
<a href="http://www.flickr.com/photos/ucb/447394069/"><img src="http://farm1.static.flickr.com/219/447394069_b84410aabe_m.jpg" width="180" height="240" alt="琉球國祭り太鼓" /></a>
</div>

<div>
<a href="http://www.flickr.com/photos/ucb/447393983/"><img src="http://farm1.static.flickr.com/212/447393983_97b8e6abab_m.jpg" width="240" height="180" alt="琉球國祭り太鼓" /></a>
<a href="http://www.flickr.com/photos/ucb/447394753/"><img src="http://farm1.static.flickr.com/200/447394753_6090d0e62b_m.jpg" width="240" height="180" alt="琉球國祭り太鼓" /></a>
<a href="http://www.flickr.com/photos/ucb/447394245/"><img src="http://farm1.static.flickr.com/200/447394245_6c176ae1e6_m.jpg" width="240" height="180" alt="琉球國祭り太鼓" /></a>
<a href="http://www.flickr.com/photos/ucb/447394603/"><img src="http://farm1.static.flickr.com/192/447394603_627fce0f3d_m.jpg" width="240" height="180" alt="琉球國祭り太鼓" /></a>
<a href="http://www.flickr.com/photos/ucb/447387596/"><img src="http://farm1.static.flickr.com/224/447387596_7998f926a1_m.jpg" width="240" height="180" alt="琉球國祭り太鼓" /></a>
</div>

<p>ところで、江戸東京たてもの園の東ゾーンに出店している屋台のうち、もっとも南側（公園側）のお店の料理は、どれもこれも絶品でした。ただし試作品を除く。まあ、オヤジの口車に乗せられてどれもこれも、試作品までも食っちまったわけだが（笑）。</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000847.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000847.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">いろんな風景</category>
        
        
         <pubDate>Fri, 06 Apr 2007 21:14:16 +0900</pubDate>
      </item>
            <item>
         <title>Father and Daughter</title>
         <description><![CDATA[<div><a href="http://www.flickr.com/photos/ucb/417504292/"><img src="http://farm1.static.flickr.com/157/417504292_2c518c2c01.jpg" width="500" height="375" alt="Arakawa River, Kofu" /></a></div>

<p>I've heard there was a secret chord that David played to please the Lord<br />
But you don't really care for music, do you?<br />
It goes like this - the fourth, the fifth, the minor fall, the major lift...<br />
The baffled king composed Hallelujah</p>

<p>Hallelujah, Hallelujah...</p>

<p>Now maybe there's a God above<br />
But all I ever learned from love was how to shoot at someone who outdrew you<br />
And it's no complaint you hear tonight<br />
It's not some pilgrim who's seen the light<br />
It's a cold and broken Hallelujah</p>

<p>Hallelujah, Hallelujah...</p>

<address>from &ldquo;Hallelujah&rdquo; - Leonard Cohen (1984)</address>

<p>To my wife's father, who died March 24, 2007</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000846.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000846.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">いろんな風景</category>
        
        
         <pubDate>Thu, 29 Mar 2007 19:42:46 +0900</pubDate>
      </item>
            <item>
         <title>ながらTube</title>
         <description><![CDATA[<p><a href="http://www.jeroenwijering.com/?item=Flash_Media_Player">Flash Media Player</a>で遊ぼう企画の第3弾くらい。再生するプレイリストを自動生成しようというネタ。Flashビデオが大量に転がってるところといえば<a href="http://www.youtube.com/">あそこ</a>なわけで。そのAPIでプレイリストを作ればいんじゃん？という安直な企画デスネ。</p>

<p>で、出来たのが以下。</p>

<p>&raquo; <a href="http://www.rcdtokyo.com/nagara/">ながらTube</a></p>

<p>上のリンク先のページの右側にプレイヤーが表示されると思いますが、そのままではいまいち面白くなさそうなビデオがリストされてるかと思います。<br />
で、その左側にある入力フォームでキーワード検索ができるので、ここに好みのキーワード、例えば「浦和レッズ」とか入れてみてください。配色も変えられるので、「Background」を赤に変更してみましょう。「Foreground」と「Rollover」は白と黒の組み合わせがいい感じではないかと。最後に「Update」ボタンをクリックすると、プレイリストの内容とプレイヤーの見栄えが変わるという寸法です。</p>

<img src="http://www.rcdtokyo.com/ucb/contents/images/2007/0703230101.png" width="240" height="192" alt="ながらTubeバッジ" />

<ul>
<li>ボリュームスライダーの左隣にあるフルスクリーンボタンをクリックすると、ビデオをPCの画面全体に拡大して再生します（ただし、バージョン9.0.28以降の<a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>がインストール済みであること）。</li>
<li>プレイリストの各ビデオの右端にあるInfoボタンをクリックすると、YouTubeの、そのビデオのページに移動します。</li>
<li>キーワード検索ではなく、自分の好きなビデオを再生したい場合には、まずはビデオをYouTubeの<a href="http://www.youtube.com/my_favorites">My Favorites</a>に登録してください。そして<a href="http://www.rcdtokyo.com/nagara/">ながらTube</a>で、入力フォームに自分のYouTube IDを入力して、その下のラジオボタンのうち「username (to play his/her favorites)」にチェックを付けてください。これで「Update」ボタンをクリックすると、My Favoritesに登録したビデオがリストされます。</li>
</ul>

<p>これまで見てきた、ページの右側に出てくるヤツは、ウェブやブログに貼り付けることを想定した「<a href="http://www.rcdtokyo.com/nagara/#badge">バッジ</a>」版なのですが、一方で下図のように、これをサブウィンドウで表示して、デスクトップで鑑賞する用途を想定した「<a href="http://www.rcdtokyo.com/nagara/#bar">バー</a>」版もあります。<br />
ながらTubeの、<a href="http://www.rcdtokyo.com/nagara/#bar">バーの説明</a>にある「Nagara Tube Bar (Bookmarklet)」というリンクをクリックすると、バッジ版と同じ内容が、下図のようにサブウィンドウに表示されます（タブブラウザではポップアップウィンドウの設定を変更する必要があるかもしれません。IE7ではタブブラウズの設定中の、ポップアップの発生時の動作を確認してください）。このリンクはブックマークレットにもなるので、ブックマークやツールバーにこのリンクを登録しておくと、以降はそれを選択するだけで同じ設定のバーを表示できます。</p>

<img src="http://www.rcdtokyo.com/ucb/contents/images/2007/0703230102.png" width="240" height="192" alt="ながらTubeバー" />

<p>さて。</p>

<p>とか書いときながら実際にブログとかに貼られまくられちゃったりするとそれなりの負荷になるわけで。いつものようにソースを晒してるので、ご利用は自鯖でどーぞ。ただし、自作の部分はいつも通り<a href="http://ja.wikipedia.org/wiki/%E3%83%95%E3%83%AA%E3%83%BC%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2">フリーソフトウェア</a>ですが、Flash Media Playerはそうではなく、特に商用利用の場合はライセンス料金が必要になる点ご注意ください。</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000845.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000845.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">ウェブ制作</category>
        
        
         <pubDate>Sun, 25 Mar 2007 22:58:14 +0900</pubDate>
      </item>
            <item>
         <title>ウェブサーバを変更しました</title>
         <description><![CDATA[<p>ウェブサーバを変更しました。もちろん同じURLでこれまでと同様にアクセスできる筈ですが、実体は別モノにつき、設定などを間違えてる可能性がたぶんにありますので、ご覧になれない箇所などありましたら、ご指摘いただければ幸いです。</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000844.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000844.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">雑記</category>
        
        
         <pubDate>Mon, 19 Mar 2007 20:55:44 +0900</pubDate>
      </item>
            <item>
         <title><![CDATA[&ldquo;Reason for Living&rdquo; - Roddy Frame (a.k.a. Aztec Camera)]]></title>
         <description><![CDATA[<div id="reason_for_living">
<p>ここにはFlashオブジェクトが表示されます。ここにFlashオブジェクトではなくこのテキストが表示されたままの場合は、以下の原因が考えられます。</p>
<ul>
<li>RSSリーダーとかで表示している。</li>
<li>ウェブブラウザがDOM対応のものではないか、JavaScriptが無効になっている。</li>
<li>Flashプレイヤーがインストールされていない。</li>
<li>おいらの手違い。</li>
</ul>
</div>
<script type="text/javascript" src="http://www.rcdtokyo.com/etc/flash/ufo.js"></script>
<script type="text/javascript" src="http://www.rcdtokyo.com/etc/flash/reason_for_living/embedded.js"></script>

<p>お送りしている曲は、アズテックカメラことロディ・フレームの1998年のスリーコードチューン、「Reason for Living」です。</p>

<p>で、これは字幕作成のテスト。</p>

<p>歌詞が字幕で表示されるのって好きなんですよ。歌われる言葉は音楽の一部なので、ともすれば聞き流してしまいがちなのですが、書かれた言葉を目にすることでそれをしっかりと捉えられる気がするのです。殊に僕らの言語が採用している表意文字では文字そのものが具体的なイメージを喚起するので、なおさらそう思えるのかもしれません。</p>

<h3>A little something about the tune</h3>

<ul>
<li>オリジナルの歌詞は<a href="http://www.killermontstreet.com/discography/thenorthstar/08.shtml" title="KillermontStreet.com">本家ファンサイト</a>や<a href="http://www13.plala.or.jp/redrumaz/reasonforliving.htm" title="STILL ON FIRE">日本のファンサイト</a>に掲載されています。</li>
<li>日本盤のCDリリースはお馴染みの「歌詞・対訳つき」なわけですが、<a href="http://www.bwrec.com/chuchmemories/aboutme/talkaboutstones/talkaboutstones_15.html" title="Chuch's memories">KISSファンクラブの初代会長であるらしい青柳つとむ</a>という御仁の手になるこの対訳がヤバイ。Pureヤバイ。誤訳とか意味が通じないとかそういうレベルじゃない。もう全然別モノ。適当な聞き取り起こしをあてがわれたのだとしても、英語習いたての厨にやらせても、こんな訳にはなるわけない。もはや神の御業。</li>
<li>日本盤のシングルCDのオビに書かれたキャッチコピーは、「輝きは 目映いばかり 北の空」。俳句かよっ。</li>
</ul>

<h3>Technical things</h3>

<ul>
<li>字幕の編集は<a href="http://www.urusoft.net/products.php?cat=sw">Subtitle Workshop</a>。ハードサブ作成は<a href="http://www.virtualdub.org/">VirtualDub</a>＋<a href="http://www.google.com/search?q=virtualdub+vobsub">VobSub</a>。</li>
<li><a href="http://www.rcdtokyo.com/ucb/contents/i000822.php">こちら</a>で使った<a href="http://www.jeroenwijering.com/?item=Flash_Media_Player">Flash Media Player</a>がバージョンアップして、SubRip形式（.srt）などの字幕ファイルを表示する機能が追加されたので（flashvarsの「captions」パラメータで字幕ファイルのURLを指定する）、最初はそれを利用しようと思ったのだけど、どうにも字幕の表示がズレまくる。ズレ具合が一定ではないのでタイムコードをずらして済ませられるわけでもなく、とは言えこれにタイムコードを合わせたものを作ろうとしても、Subtitle Workshopのような編集ツールが利用できるわけではないので手間がかかるし、プレイヤーが改修されたら使い物にならなくなる。そんなことで、しかたなくハードサブで済ませることにしたわけですよ。無念。</li>
<li>ちなみにFlash Media Playerが受け付ける日本語入りの字幕ファイルの文字エンコーディングはUTF-8で、一方Subtitle Workshopで作成した字幕ファイルの文字エンコーディングはShift_JISなので、プレイヤーに読み込ませる際は、あらかじめ文字エンコーディングを変換しておく必要がある。</li>
</ul>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000843.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000843.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">ウェブ制作</category>
        
        
         <pubDate>Fri, 09 Mar 2007 20:10:54 +0900</pubDate>
      </item>
            <item>
         <title>2007年シーズン開幕</title>
         <description><![CDATA[<a href="http://www.flickr.com/photos/ucb/410092662/"><img src="http://farm1.static.flickr.com/156/410092662_3214691491.jpg" width="500" height="375" alt="FC Tokyo vs. Sanfrecce Hiroshima" /></a>

<p>今シーズンオフはサッカーに殆ど興味を向けないストイックな暮らしを送っていたので、ボンバイエの直前になって、え？もう開幕？みたいな感じで。開幕当日になってもいまいち気合いが入ってなかったのが、ゴール裏に張り巡らされた青赤のテープを目にした途端一気に勝手にヒートアップ。そして、懐かしい横断幕やゲーフラが掲げられるのを見て、ああﾊﾗ東京が帰ってきたんだな、と。みんな帰ってきたんだな。俺らのホームに。</p>

<a href="http://www.flickr.com/photos/ucb/410091916/"><img src="http://farm1.static.flickr.com/170/410091916_170dc8c4cb_m.jpg" width="240" height="180" alt="FC Tokyo vs. Sanfrecce Hiroshima" /></a>
<a href="http://www.flickr.com/photos/ucb/410091167/"><img src="http://farm1.static.flickr.com/165/410091167_85763ce76d_m.jpg" width="240" height="180" alt="FC Tokyo vs. Sanfrecce Hiroshima" /></a>

<p>青赤フラッグ掲げて<br />
集まれNo. 12 飛田給<br />
何色来たって関係ねぇ<br />
勝つのは俺たちだ</p>

<p>VAMOS TOKYO! GET! KICK! THE GOAL!<br />
勝つのは俺たちだ</p>

<address>&ldquo;VAMOS TOKYO!&rdquo; written by LACOSTE (a.k.a. チバユウスケ)<br />
performed by THE MIDWEST VIKINGS</address>

<p>まあ負けたんだけどさ（苦笑）。エルゴラには<a href="http://noticias.casatokyo.com/?eid=105152">左サイド崩壊 - 蹂躙、されるがままに</a>、とか書かれてたそうで、その通りだったんだけどさ。いやしかし、その内容は俺らには非常に面白く、結果を除けば充分納得のいくものだった筈。</p>

<p>そんなこんなで始まった2007年のJ1リーグ。さあて、どんなシーズンになることやら？</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000842.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000842.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">FC東京</category>
                  <category domain="http://www.sixapart.com/ns/types#category">味の素スタジアム</category>
        
        
         <pubDate>Wed, 07 Mar 2007 22:51:43 +0900</pubDate>
      </item>
            <item>
         <title>野菜小屋の地図をGoogle Maps APIで作ってみるテスト</title>
         <description><![CDATA[<div id="yasaigoya_map">
	<div id="yasaigoya_map_caption">
		<a href="http://blog.livedoor.jp/tokyo_la12/"><img src="http://www.rcdtokyo.com/ucb/contents/images/2007/0703060101.jpg" width="80" height="60" alt="野菜小屋" /></a>
		<h1>野菜小屋</h1>
		<p>京王線飛田給駅より徒歩30秒</p>
		<p>営業時間や取扱商品などの詳細は<a href="http://blog.livedoor.jp/tokyo_la12/">blog.livedoor.jp/tokyo_la12</a>でご確認ください。</p>
	</div>
</div>
<style type="text/css">
#yasaigoya_map {
	width:500px;
	height:500px;
	border:1px solid #000;
}
#yasaigoya_map_caption {
	color:#000;
	font-family:"Trebuchet MS", Sans-serif;
	font-size:small;
	width:240px;
	height:120px;
}
#yasaigoya_map_caption p,
#yasaigoya_map_caption h1 {
	font-size:small;
	margin:0;
	padding:0;
}
#yasaigoya_map_caption img {
	float:left;
	margin:5px 10px 5px 0;
}
</style>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAy1wdeV1-uUcKTrKj0XWRKBTxZZRbp-9GESIxPFlm89-Sfm_keBRiFzcloG7i43q_OhDyPqVVYq25VQ"></script>
<script type="text/javascript">
function initGoogleMap(targetId, lat, lng, zoom, captionId)
{
	if (GBrowserIsCompatible()) {
		var target = document.getElementById(targetId);
		var caption = document.getElementById(captionId);
		var map = new GMap2(target);
		var latlng = new GLatLng(lat, lng);
		var marker = new GMarker(latlng);
		map.setCenter(latlng, zoom);
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl());
		map.addOverlay(marker);
		marker.openInfoWindow(caption);
		GEvent.addListener(marker, "click", function() {marker.openInfoWindow(caption)});
	}
}
function showYasaigoyaMap()
{
	initGoogleMap(
		"yasaigoya_map",
		35.660650,
		139.522825,
		19,
		"yasaigoya_map_caption"
	);
}
if (typeof(window.addEventListener) != "undefined") {
	window.addEventListener("load", showYasaigoyaMap, false);
} else if (typeof(window.attachEvent) != "undefined") {
	window.attachEvent("onload", showYasaigoyaMap);
}
</script>

<p>飛田給駅の利用者なら、表通りでも派手に宣伝しているので大丈夫でしょうが、そうでなければ知らないひともいるかもしれないので、<a href="http://blog.livedoor.jp/tokyo_la12/">野菜小屋</a>の地図を用意してみますた。</p>

<p>という口実で、GoogleマップのDOM APIで遊んでみたテスト。以下はトーキョーとは無関係。</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000841.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000841.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">FC東京</category>
                  <category domain="http://www.sixapart.com/ns/types#category">ウェブ制作</category>
        
        
         <pubDate>Tue, 06 Mar 2007 22:49:29 +0900</pubDate>
      </item>
            <item>
         <title>lights</title>
         <description><![CDATA[<a href="http://www.flickr.com/photos/ucb/405919523/"><img src="http://farm1.static.flickr.com/125/405919523_b7ec935190.jpg" width="500" height="375" alt="lights" /></a>

<p>これまでは、好きなミュージシャンは？とか訊かれるとメンドくさいので「ヴァン・モリソン」とか「岩本輝雄」とかテキトーに答えていたわけですが、これからは「lights」と断言することにしました。もしなんかの間違いで映画とかテレビドラマとか製作しなければならない羽目に陥ったら、主題歌（藁）にはlightsを起用します。その際には、タイアップとかでもめないように、レコード会社の担当各位におかれましては先を争って、俺様に製作依頼が舞い込む前にバンドと契約済ませとくよーに（もちろん本人の意向が最優先で）。あ、でもVシネは断るから。</p>

<a href="http://www.flickr.com/photos/ucb/405918771/"><img src="http://farm1.static.flickr.com/172/405918771_b39413f82f_m.jpg" width="180" height="240" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918352/"><img src="http://farm1.static.flickr.com/157/405918352_1c930d0646_m.jpg" width="180" height="240" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918384/"><img src="http://farm1.static.flickr.com/169/405918384_b4d7590636_m.jpg" width="180" height="240" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918226/"><img src="http://farm1.static.flickr.com/133/405918226_509c933b0a_m.jpg" width="180" height="240" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918272/"><img src="http://farm1.static.flickr.com/137/405918272_3cfbb56c10_m.jpg" width="180" height="240" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918300/"><img src="http://farm1.static.flickr.com/175/405918300_db0d18432d_m.jpg" width="180" height="240" alt="lights" /></a>

<p>とゆうわけで、風力発電がマイブーム中のリーダーが、中国製の安物コンパクト謹製のピンボケ風車を<a href="http://www.rcdtokyo.com/ucb/contents/i000828.php">アーティスト写真に採用</a>するという酔狂な行為に及ばれた、<a href="http://www.lightsweb.net/">空間系ギターロックバンド &ldquo;lights&rdquo;</a>の出演イベントにお邪魔しました。</p>

<p>で、これが生音を聞く初めての機会だったわけですが、予想を遥かに上回る素晴らしさにビックラこいた次第。自ら名付けた冠の通り、あざやかに響くギターに導かれて疾走するバンドの音。印象的な曲。そして、<a href="http://lightsweb.blog16.fc2.com/blog-entry-496.html">リーダー曰く「やりやすくて、歌っていて気持ちよくてしょうがなかった」</a>ということですが、その歌声は聴く側にも実に気持ちよく（録音ではボーカルが控えめに思えるのでかなり印象が違った）。本当に素敵なステージだったのです。</p>

<p>あ？てめえは音楽聞く耳なんて持っちゃいねえだろってか？その通り。あなた正しいある。だからlightsのライブに足を運んで、自分の耳で確かめるよろし。スケジュールは<a href="http://www.lightsweb.net/">オフィシャル</a>や<a href="http://lightsweb.blog16.fc2.com/">リーダーのブログ</a>で。あーちょっとそこ、試聴で済まそうとかしてんじゃねーよ。</p>

<a href="http://www.flickr.com/photos/ucb/405919111/"><img src="http://farm1.static.flickr.com/135/405919111_f2da32455f_m.jpg" width="240" height="180" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918606/"><img src="http://farm1.static.flickr.com/158/405918606_a0de8a3b71_m.jpg" width="240" height="180" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918533/"><img src="http://farm1.static.flickr.com/129/405918533_c4fc70cdb1_m.jpg" width="240" height="180" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918826/"><img src="http://farm1.static.flickr.com/133/405918826_a87277617e_m.jpg" width="240" height="180" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918689/"><img src="http://farm1.static.flickr.com/155/405918689_bd51e65949_m.jpg" width="240" height="180" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918572/"><img src="http://farm1.static.flickr.com/124/405918572_dccdafa103_m.jpg" width="240" height="180" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918661/"><img src="http://farm1.static.flickr.com/169/405918661_b90eba3ea5_m.jpg" width="240" height="180" alt="lights" /></a>
<a href="http://www.flickr.com/photos/ucb/405918329/"><img src="http://farm1.static.flickr.com/169/405918329_ba3349aeff_m.jpg" width="240" height="180" alt="lights" /></a>

<p>流れた、青い音。聞いていた、昔の曲。<br />
並べた言葉で、いつかの夢を見た。<br />
いつもの場所で、鳴り止まない音。<br />
戻した声と、空に向けて…。</p>

<address>&ldquo;up&rdquo; - lights</address>

<hr />

<h3 style="color:#39f">Disclaim<span style="color:#f39">r</span><sup style="color:#ccc;font-size">BETA</sup></h3>

<p>ところで、なんでかれこれ1ヶ月近くも前のイベントのネタが今頃アップされるかというと、写真の出来が酷かったので、見栄えを誤魔化すための新たなレタッチメソッドの研究にいそしんでいたから。あ？ボカしただけじゃねえかって？うっせーばーか。</p>

<p>ちなみになんで<a href="http://www.rcdtokyo.com/ucb/contents/i000839.php">こっち</a>がソッコーでアップされてるかというと、ここでの研究成果を転用しているため。てゆうか同じハコなので同じようにｇｄｇｄな出来だったわけだよママン。ただしボンバイエのは殆どがバカチョンバッチ処理で済ませてるのに対して、ここに掲載しているのはすべて、手作りのぬくもりが伝わる家内制手工業。あ？伝わらねえって？うっせーばーか。</p>]]></description>
         <link>http://www.rcdtokyo.com/ucb/contents/i000840.php</link>
         <guid>http://www.rcdtokyo.com/ucb/contents/i000840.php</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">雑記</category>
        
        
         <pubDate>Fri, 02 Mar 2007 20:44:19 +0900</pubDate>
      </item>
      
   </channel>
</rss>
