履歴もしくは日誌

無料のアクセシビリティチェックツール

富士通が，アクセシビリティチェックのツールを無償で公開しました．アクセシビリティってのは，障碍者を含めて，あらゆる人にとっての使いやすさのことです．

• 富士通株式会社 / ニュース / 視覚障害者の方にとっての「ホームページの読みやすさ」を 診断するソフトウェアを無償提供開始
  http://pr.fujitsu.com/jp/news/2003/07/22.html

簡潔に概要がまとめてあるので，その部分を引用します：

当社は、ホームページが視覚障害者の方にとって読みやすいかどうかを診断するソフトウェア「WebInspector（ウェブインスペクタ） 2.0」を開発し、7月22日よりホームページ上にて公開し、無償でのダウンロードにてご提供いたします。

これは2002年6月に当社が、インターネットを「誰でも」が容易に利用できるように策定した「富士通ウェブ・アクセシビリティ指針( 注1 )」に基づくものです。

引用終わり．

• ( 注1 ) 富士通ウェブ・アクセシビリティ指針
  http://jp.fujitsu.com/webaccessibility/

Mac OS X 用と Windows 用があります．Java を使っているのですが，Windows では Java の環境も用意しないとだめみたい．

使ってみたら，http://onohiroki.cycling.jp/ は特に問題ないみたいです．他のページでは問題を指摘されたところもあります．

「富士通ウェブ・アクセシビリティ指針」が妥当かどうかは，考えないとって思いますが，一度このツールを使って，アクセシビリティについて考えてみるのも良いと思います．結果の出力では，問題が見つかれば富士通ウェブ・アクセシビリティ指針の中の関連するページへのリンクが表示されるので，簡単にその問題について調べる事ができるようになっています．

ところで UDIT の提案する「アクセシビリティの高いWEB作りのための6つのポイント 」は以下のようになっています．

• UDIT / Webデザインのユーザビリティー&アクセシビリティー
  http://www.udit-jp.com/web/report/newmedia01.html より:

アクセシビリティの高いWEB作りのための6つのポイント

• 画像にはALT属性をつけること
• 外国語の乱用はしないこと
• TITLEタグは的確につけること
• 背景と文字色はコントラストがあること
• フレームの使用は必要最小限にすること
• 新しい技術には代替手段を用意すること

ぼくのページって一部の用語は思いっきり英語だったりするけど，良くないのかな．
ここを見ている人のご意見を聞かせてほしいです．

FOAF の面白いところ

現在試す事ができる FOAF の面白い応用例をいくつか紹介したいと思います．

• foafnaut (日本語対応したテスト版)
  http://jibbering.com/foaf/foafnaut.templates.svg

  foafnaut は FOAF ファイルを読み込んで，そのお友達関係をグラフィカルに表示します．SVG という技術を使っていて，インタラクティブに動きます．現在は，まだぼくとお友達な人が FOAF の世界に少ないので，ぼくの FOAF で表示しても広がりがなくてつまらないかも．

• FOAF Explorer
  http://xml.mfd-consult.dk/foaf/explorer/

  FOAF Explorer は，XML である FOAF ファイルを Web ブラウザ用に HTML として表示します．その時に foafnaut や FOAF:Web View へのリンクが表示されます．FOAF ファイルを作ったら，この FOAF Explorer にリンクするのがおすすめです．

• SemaView, Social Networking and FOAF
  http://www.semaview.com/foafwalk/viewer.html

  これはアプレットでお友達関係をグラフィカルに表示します．ぼくとお友達な人が FOAF の世界に少ないので，ぼくの FOAF で表示しても広がりがなくてつまらないのは foafnaut と同じ．

すーさんから，FOAF を FOAF-a-Matic で作った後は，どうするのかを，ステップ バイ ステップで解説しないと，なかなか普通の人は実践できないのではないかと指摘がありました．FOAF-a-Matic には以下のようにあります:

あなたのFOAF自己紹介を公開しましょう

これは簡単です。上のテキストボックスに生成されているFOAFデータをコピーし、ファイルに貼り付けてください。そのファイルを、あなたのウェブサイト上で、外部からアクセスできる場所にアップロードします。ファイル名は"foaf.rdf"としておくと、Googleの検索であなたのFOAFを見つけることができるので具合がいいでしょう。

この時に，実は文字コードを UTF-8 というのにしなくてはならんのです．UTF-8 で保存するには，Mac OS X なら標準のテキストエディタである「テキストエディット」の「環境設定」で保存時のデフォルトの標準テキストエンコーディングを UTF-8 に設定してから保存して下さい．終わったら，設定を元に戻したほうがいいでしょう．Winodws 2000 や Windows XP であれば，「メモ帳」という標準のテキストエディタで，別名で保存する時に，文字コードを UTF-8 と指定して保存します．保存ができたら，web ページを公開するように，その foaf.rdf をアップロードしておけば良いのです．
これについては将来もっときちんと説明してまとめましょう．

FOAF では，興味のあるものを記述することができて，自分と同じ事に興味がある人を検索して探すなんてことが実現できそうです．興味のある事は，例えば「サイクリング」って指定するのではなくて，どこかの URI で指定します．こうなると自分でサイクリングについてのコンテンツを公開していればその URL でもいいかもしれないですが，そうでない場合はどのリソースの URI にするか迷います．また，同じ事に興味がある人を検索するとは言っても同じ URI を示している人は簡単に関連づけできますが，同じような事について異なる URI を示した場合は，関連づけるのが難しそうですね．

ぼくはまだ興味のあるものを FOAF でどう表現するか決めかねています．

おもしろそうだと思うのですが，具体的におもしろいだろ! って十分おもしろい具体例を示せないのが弱いところです．

• 過去の FOAF についてのトピックス一覧

RSS を利用するアンテナ

毎日のアクセスログを見ていて，「Semblog Antenna (最新の記事)」というのを見つけました．どうやら RSS ベースのアンテナ「RNA」というのを利用しているようです．

• Semblog Antenna (最新の記事)
  http://antipop.zapto.org/rna/rss/recent_entry.html
• RSS ベースのアンテナ「RNA」
  http://www.semblog.org/archives/000103.html
• RSS による web サイト情報

普通のいわゆるアンテナは，web サイトの更新時刻をチェックして，更新時刻情報付きで表示するリンク集なのですが，RNA では，各 web サイトが提供している RSS を利用するところが違います．RSS は，サイト単位の情報でなくて，そのサイトのトピックス単位の情報になります．各トピックスの題名，要約，更新時刻などを含めることができます．

まぁ，結果は「はてなアンテナ」みたいなもんかもしれないけど．

WDB を使ったおのひろきあんてなは，隠して RNA のものに置き換えようかな．

文字実体参照

森さんの LowRacer日記 7 月 15 日の r& m にの表記について反応します．これは HTML においての HTML 4の文字実体参照の問題ですかね．

正式名は「riese und m?ller」（?はウムラウト付きuが正しい）

引用終わり

riese und müller ですね．ü は HTML のソースでは ü と書きます．ちなみに & は & と書くのです．ü ではなく ü と書いても OK です．

あ，でも一部の WWW ブラウザなんかではうまく表示できない場合があります．あなたの環境では，「ü」(ü) と「ü」(ü) はウムラウトの記号付きの「u」に見えますでしょうか? FOMA N2701 だとちゃんと見えるのに，Zaurus SL-B500 の NetFront 3.0 だと表示できないですな．

• Character entity references in HTML 4 (HTML 4の文字実体参照)
  http://www.w3.org/TR/1999/REC-html401-19991224/sgml/entities.html

FOAF のお友達と，「はてな」の「おとなり」

2003 年 7 月 9 日の「inny の近況」に反応します．「はてな」の「おとなり機能」/「キーワード機能」と FOAF について．

• innyの近況:::2003/7/9
  http://homepage2.nifty.com/pririn/kako2003b.htm#%232003%2F7%2F9
• はてなダイアリーのヘルプ (おとなり日記とキーワード機能についてなど)
  http://d.hatena.ne.jp/help

たしかにはてなのおとなり機能は良くできていて，利用者が特に意識しなくても，はてなのシステムの範囲内で，相関が強いもの同士を関連づけたりします．キーワードの仕組みもいいですね．

はてなのキーワードの仕組みは Wiki の仕組みから影響を受けているのでしょう．BikeFriday.com 邦訳計画で使っているシステムが Wiki の一つです．

FOAF は『友達の友達をたどっていったり，ある事柄に関心がある人どうしを関連づけたりっていう応用ができるはずなのです』が，実はぼくの FOAF にはまだ関心があるトピックスについての記述がないのですが．

はてなの「おとなり機能」と「キーワード機能」が，はてなのシステム内限定で，うまく動いているのに対して，FOAF は Internet 上で制限なく動くのを目指していて，まだ実質的にはうまく利用できるレベルではありません．FOAF の便利な活用方法はまだいろいろ試されている段階です．

FOAF は，やるぞって思い立って，実際に書いてみないとどうにもならないのです．
書くのは FOAF-a-Matic を使えば，難しいことはありません．

• FOAF-a-Matic -- RDF を使って自己紹介してみよう
  http://www.ldodds.com/foaf/foaf-a-matic.ja.html

FOAF-a-Matic のページで，「名」，「姓」，「メールアドレス」を入れます．
友達のところにぼくをくわえる場合は，
氏名 Hiroki Ono
メールアドレス onohiroki@cup.com
See Also http://onohiroki.cycling.jp/info/foaf.rdf
としてください．
氏名とかは，日本語でもいいのですが，その場合はファイルに保存する時に UTF-8 という文字コードにする必要があったりします．
フォームの中にできたものを，新規のテキストファイルにコピーして，foaf.rdf という名前で保存します．それを web サーバにアップロードすれば，とりあえず OK です．

やることは簡単で，なにをやっているのか理解するのが難しいって感じかな．

セマンティックな写真アルバムのページの為の RDF 案

もしデジタルカメラの写真をアルバム形式で web ページとして公開するなら，そのメタデータを RDF/XML で記述するとしたら，こんなものならどうだろうか?

<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="rss1.xsl" type="text/xsl" ?>
<rdf:RDF 
   xmlns="http://purl.org/rss/1.0/"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:photo="http://www.w3.org/2000/PhotoRDF/dc-1-0#"
   xmlns:tech="http://www.w3.org/2000/PhotoRDF/technical-1-0#" 
   xmlns:content="http://purl.org/rss/1.0/modules/content/"
   xmlns:foaf="http://xmlns.com/foaf/0.1/"
   xml:lang="ja">
<channel rdf:about="http://onohiroki.cycling.jp/tndm-ride-log-2003.html">
   <title>にちさんと ViewPoint</title>
   <link>http://onohiroki.cycling.jp/photoAlbum/d20030707.html</link>
   <description>にちさんと ViewPointに乗りました．</description>
   <items>
      <rdf:Seq>
         <rdf:li rdf:resource="http://onohiroki.cycling.jp/image/friends/sono20030330-49nish.jpg"/>
         <rdf:li rdf:resource="http://onohiroki.cycling.jp/image/friends/sono20030119nish.jpg"/>
      </rdf:Seq>
   </items>
</channel> 
<item rdf:about="http://onohiroki.cycling.jp/image/friends/sono20030330-49nish.jpg">
   <link>http://onohiroki.cycling.jp/image/friends/sono20030330-49nish.jpg</link>
   <title>にちさんと ViewPoint</title>
   <photo:subject>Group-portrait</photo:subject>
   <photo:creator>
      <foaf:Person  foaf:mbox_sha1sum="422deea64844a35b598b1116acf6eb4d64204a5e">
         <foaf:nick>その松</foaf:nick>
      </foaf:Person>
   </photo:creator>
   <description>多摩川サイクリングロードで，にちさんと ViewPointに乗りました．</description>
   <dc:description>
      <rdf:Alt>
         <rdf:li xml:lang="en">The bicycle is a ViewPoint semi-recumbent Tandem</rdf:li>
         <rdf:li xml:lang="ja">自転車は ViewPoint セミリカンベント タンデム</rdf:li>
      </rdf:Alt>
   </dc:description>
   <photo:date>2003-03-30</photo:date>
   <dc:date>2003-04-02</dc:date>
   <photo:type>image</photo:type>
   <photo:format >mage/jpeg</photo:format>
   <photo:identifier>1</photo:identifier>
   <photo:relation>http://onohiroki.cycling.jp/tndm-ride-log-2003.html?hide=new&show=d20030330</photo:relation>
   <photo:coverage>神奈川県 多摩川サイクリングロード</photo:coverage>
   <tech:camera>オリンパス</tech:camera>
   <foaf:Person foaf:nick="おのひろき" foaf:mbox_sha1sum="911143978a8ce9e254485ff4ee93ed5e700ddd74"/>
   <foaf:Person foaf:nick="にち" foaf:mbox_sha1sum="a72db23c2575d4c8317bb267f4eaecd41c2574c6"/>
   <content:encoded><![CDATA[
   <p>多摩川サイクリングロードで，にちさんと ViewPointに乗りました．</p>
   ]]></content:encoded>
</item>
<item rdf:about="http://onohiroki.cycling.jp/image/friends/sono20030119nish.jpg">
   <link>http://onohiroki.cycling.jp/image/friends/sono20030119nish.jpg</link>
   <title>にちさんと ViewPoint</title>
   <photo:subject>Group-portrait</photo:subject>
   <description>荒川サイクリングロードで，にちさんと ViewPointに乗りました．</description>
   <photo:date>2003-01-19</photo:date>
   <photo:identifier>2</photo:identifier>
   <foaf:Person foaf:nick="おのひろき" foaf:mbox_sha1sum="911143978a8ce9e254485ff4ee93ed5e700ddd74"/>
   <foaf:Person foaf:nick="にち" foaf:mbox_sha1sum="a72db23c2575d4c8317bb267f4eaecd41c2574c6"/>
</item>
</rdf:RDF>

Photo RDF を利用してカメラの情報とか撮影者を説明します．撮影者と，被写体には FOAF を使って誰なのか説明します．自転車を説明するための RDF スキーマがあればいいんだけど，使えそうなものが見つかりませんでした．

W3C RDF Validation Service では，エラーが出ませんでした．PDA RSS Validator は試していません．

• W3C RDF Validation Service
  http://www.w3.org/RDF/Validator/

過去の関連する話題は以下の通り．

• 2003 年 7 月 9 日 セマンティックな写真アルバムのページ
• 2003 年 6 月 19 日 画像に意味付け

セマンティックな写真アルバムのページ

よく web ページとして，写真のアルバムのページを作って公開したりしますが，あれってもっとどうにかならないかといつも思うのです．
画像ファイルにどう意味付けするかという視点がかけているのです．

JPEG ファイルが web サーバにアップロードされていても，その JPEG ファイルがなんの画像なのかを判断するには，人間が画像を見て判断するしかないのです．場合によっては見ても分からないと．
HTML ファイルで，その JPEG ファイルにリンクされていたりしたら，HTML ファイルから，JPEG ファイルの内容を類推することが可能かもしれません．でも 1 つの HTML 文書で複数の画像ファイルが使われている時に，ここの画像がなんの画像なのかが，HTML 文書に記述されているでしょうか．またその記述は，コンピュータにも判断できるような記述でしょうか．
実は，個々の画像がなんの画像なのかは HTML 文書のなかではかなり曖昧だったりします．だから Google で画像を検索しても，なんだか全然関係なさそうなものまで検索結果にリストされたり，そもそも目的の画像を見つける事ができなかったりするのです．

HTML 文書で，個々の画像についてコメントをつけるのではなくて，XML で，画像ファイルについての情報を記述して，画像ファイルと関連づければ，検索エンジンなんかで応用した時に便利だと思うんです．

すでに Photo RDF ていうものが提案されているようです．

• Describing and retrieving photos using RDF and HTTP
  http://www.w3.org/TR/photo-rdf/
• RDF と HTTP を用いたデジタル写真の内容記述と検索
  W3C メモ 2002年4月19日版
  http://www.net.intap.or.jp/INTAP/s-web/data/TR/photo-rdf_ja.html

そして Photo RDF を記述するための rdfpic というツールも存在します．

• rdfpic
  http://jigsaw.w3.org/rdfpic/

この rdfpic を使って作られる RDF データは JPEG ファイルに埋め込まれます．そして WWW サーバが WWW User Agent のリクエストに応じて，JPEG ファイル内の RDF データを配信するという仕組みが提案されているようです．

まぁ確かに JPEG ファイルに，画像についての RDF を含む様にすれば，検索エンジンなんかはうまく動く様にできるかもしれません．

でも，ぼくが求めているのはもっと違う方法なのだと感じています．

例えば，こんな感じです．

<アルバム>
   <タイトル>和菓子ポタ</タイトル>
   <説明>ミキさんの案内で，和菓子を食べあるく事を目的としたポタリングを浅草中心で行いました．</説明>
   <画像>
      <リンク 幅="320" 縦="240"/>
      <リンク 幅="800" 縦="600"/>
      <日付け/>
      <場所/>
      <撮影者>おのひろき</撮影者>
      <カメラ/>
      <被写体>
         <人>おのひろき</人>
         <物体>自転車</物体>
      </被写体>
      <説明>リカンベント Sat R Day に乗っているおのひろき</説明>
   </画像>
      <画像>
      <リンク 幅="320" 縦="240"/>
      <リンク 幅="800" 縦="600"/>
      <日付け/>
      <場所/>
      <撮影者>おのひろき</撮影者>
      <カメラ/>
      <被写体>
         <人>ミキ</人>
         <服装>ヘルメット</服装>
         <服装>サングラス</服装>
         <物体>たいやき</物体>
      </被写体>
      <説明>たいやきを食すミキさん</説明>
   </画像>
</アルバム>

こういうものならば，アルバムページを作るソフトウェアは，こういう XML のファイルを作り，それを HTML に変換したもの生成し，XML ファイルと HTML ファイルと，各画像のファイルをサーバにアップロードするようになるわけです．そして検索エンジンは HTML ファイルを見つけたら，そのヘッダ情報から XML ファイルをたどり，それを解析して，ここの画像ファイルとキーワードを関連づけてデータベースに蓄積すると．

すでにこういうものってあるんぢゃないかなぁ．

ここまで書いて，RDF でやるとしたら RSS とほとんど同じものになるんぢゃないかと．
RSS 1.0 でやればいいのかなぁ．どうなんでしょう．

2003 年 6 月のアクセス統計発表

先月 1 ヶ月間のおのひろきおんらいんのアクセス統計です．2 月から 4 ヶ月連続増加傾向でしたが，6 月が若干減少しました．

• おのひろきおんらいん全体で 159,897 ページビューで先月の 171,183 より減少
• welcome ページは 24,706 ヒットで先月の 25,237 ヒットより減少
• 一日あたりの訪問者数は平均 1,912

人気のあったページを見てみましょう．

おともだちの折り畳み自転車紹介みたいに更新終了しているコンテンツがけっこう閲覧されているのがちょっと申し訳ないです．ツーリング・サイクリングの記録も最近更新していないなぁ．