2006-03 アーカイブ

窃盗罪に罰金刑を設ける法案が提出されていました

今回も自転車で刑事処分を受ける可能性が今後増加しますに引き続いて法律のお話です。 以前万引きにも罰金刑が科されるようになるかもで、法務省が窃盗罪における刑罰に罰金刑を新たに設けることを法制審議会に諮っているということを書きましたが、平成 18 年 2 月 24 日付けで第 164 回通常国会に法律案が提出されていたようです。

• 第１６４回国会（常会）提出主要法律案
  • 刑法及び刑事訴訟法の一部を改正する法律案要綱
  • 刑法及び刑事訴訟法の一部を改正する法律（案）
  • 法律案の提出理由
  • 刑法及び刑事訴訟法の一部を改正する法律案新旧対照条文

国会会議録検索システムでざっと検索してみましたが、まだ提出されただけで審議はなされていない状態であるようです。

具体的にはどんな改正案なの ?

刑法及び刑事訴訟法の一部を改正する法律案新旧対照条文を見ると、刑法 第 235 条の 他人の財物を窃取した者は、窃盗の罪とし、十年以下の懲役に処する。 という部分を 他人の財物を窃取した者は、窃盗の罪とし、十年以下の懲役又は五十万円以下の罰金に処する。 に改めるようです。

これは万引きにも罰金刑が科されるようになるかもでも触れましたが、起訴猶予にしてしまうか懲役刑を科すかという 2 つの選択肢 ( まあ、起訴された結果無罪になることもありますが ) しか無かったところに罰金刑を設け、「ちょっとの万引きなら見つかっても謝れば済む」といった風潮に歯止めがかかることが期待されます。 もっとも、国家公安委員長の会見では 罰金刑等の罰則を強化するというもので、刑法及び刑事訴訟法の強化を図り罰則を重くしていこうというものでございます。 窃盗罪や公務執行妨害罪というのは罰金刑がありませんでしたので、窃盗罪については５０万円以下、公務執行妨害等についても罰金刑を新設して、５０万円以下等の罰則を強化していくものであります と、全体的な罰則強化の面を強調されていたので、万引きの心理的な抑止になるということが改正案提出の目的のひとつだというのは、私の推測の域を出ていませんが。

罰金刑を受ける≒犯罪人名簿への記載が行われる

罰金刑というのは刑罰にあたりますから、それが科されるといわゆる前科が付くということになります。 この前科という言葉は正式な法律・法令上の用語ではなく、どういったものかを正確に言い表すと「本籍地の区市役所または町村役場が保管する犯罪人名簿に一定期間記載される」ということです。 [法律用語] 前科とは - 法、納得！どっとこむによると、 一定の職につく資格又は選挙権・被選挙権の有無の調査・確認のためのもので、この名簿を見ることができるのはごく限られた機関のみです。 本人も見ることができません とありますので、罰金刑を科されても就職の時に不利になるとか、あらぬ噂を立てられるといったことはありません ( ただし、職種によっては受験資格を得られない場合もありますし、履歴書の賞罰の欄に書く必要が生じる場合もあります ) が、やはり一定の制限がかかることには変わりありません。 今回の法案が可決された暁には、窃盗という犯罪に科される刑罰がどのようなものであるか、出来心や度胸試しなどの対価がいかに大きいかの周知が広くなされることを願います。

蛇足になりますが、見出しを「罰金刑を受ける≒犯罪人名簿への記載が行われる」と等号ではなく近似で結んでいるのは、全ての罰金刑が犯罪人名簿への記載につながるわけではないことによります。 というのも、先日の自転車で刑事処分を受ける可能性が今後増加しますにもちょっと関係しますが、道路交通法違反に伴う罰金刑については犯罪人名簿に記載しないこともあるためです。 例えば、交通裁判所と罰金では ある役所の戸籍係によると、交通違反の罰金前科は、数が膨大なこともあり、少なくともスピード違反の罰金前科については記録していないそうです。 酒気帯びや無免許の罰金前科がどういう運用になっているかは、未調査です と述べられています。

自転車の違反への対策を強化

• 自転車、悪質違反に赤切符・警察庁が対策強化

警察庁は25日、警告を無視して赤信号を渡ったり、歩行者近くを危険な猛スピードで走るなど悪質な違反を繰り返す自転車運転者に、刑事処分の対象になる「赤切符」による取り締まりを積極的に進めていくことを決めた。

ちょうど 1 年前ですが、「たかが自転車」、でも道交法違反で摘発されるという記事を書きました。 この時は

このまま自転車の交通違反が増えれば、自転車にも交通反則通告制度が適用されるように道路交通法が改正され、頻繁に取締りが行われるようになる......かもしれません。

ということを予測していましたが、そういった改正はなくそのまま取締りが強化されることになりました。

何故自転車の違反は赤切符なのか

自転車は道路交通法上は車両（軽車両）にあたり、信号無視や2人乗りは取り締まり対象になるほか、一時停止などの交通標識には原則従わなければならない。 しかし、自転車は駐車違反や一定速度内のスピード違反など、比較的軽い交通違反に適用される行政処分の「青切符」の対象にならず、自転車の取り締まりは罰金などの「前科」につながる赤切符しかない。これまで警察は取り締まりに慎重だった。

自転車の違反に対して青切符が適用されることはないということも、自転車には反則金という概念はないという記事で触れました。 詳しくはその記事を読んでいただければ分かりますが、交通違反通告制度 ( いわゆる青切符 ) が適用されるのは自動車や原動機付自転車の運転者に限られているため、軽車両である自転車については適用されない、ということです。

自転車で犯しがちな違反行為を考えてみよう

自動車運転免許や原動機付自転車運転免許をお持ちの方であれば、公道におけるルールは理解していると思われますが、自転車には運転免許は必要ありません。 運転免許を持っている人の場合、自転車に乗る時も自然とそれらのルールが思い出されて慎重な運転になると思います。 ( 私も自動車を運転するようになって、自転車の運転により慎重になりました。 )

しかし、運転免許を持っていない人の場合、信号無視や一時停止義務違反などのポピュラーなもの (?) ならともかく、知らず知らずのうちに違反となってしまうようなルールがいくつか存在します。 たいていは親から、あるいは学校の自転車教室などで習うものですが、ここで改めてまとめてみようと思います。 極端な話、今後はこういった根拠を元に過剰な取締りがなされてしまう可能性も考えられるので、知っておいて損は無いと思います。

1. 自転車で犯しがちな違反行為 - 横に並んで通行する
2. 自転車で犯しがちな違反行為 - 前を歩く歩行者が邪魔なのでベルを鳴らす
3. 自転車で犯しがちな違反行為 - 二人乗り
4. 自転車で犯しがちな違反行為 - 夜間の無灯火運転
5. 自転車で犯しがちな違反行為 - 歩道を通行する
6. 自転車で犯しがちな違反行為 - 右側通行
7. 自転車で犯しがちな違反行為 - 歩行者の通行を妨げる
8. 自転車で犯しがちな違反行為 - 携帯電話の使用
9. 自転車で犯しがちな違反行為 - 信号無視
10. 自転車で犯しがちな違反行為 - 一時停止義務違反
11. 自転車で犯しがちな違反行為 - 飲酒運転
12. 自転車で犯しがちな違反行為 - 一覧

自転車で犯しがちな違反行為 - 横に並んで通行する

根拠となる法律の条文は道路交通法 第 19 条です。 軽車両は、軽車両が並進することとなる場合においては、他の軽車両と並進してはならない と定められています。 要するに、 2 台あるいはそれ以上の自転車が横に並んで通行してはならないということですね。 通学路などでよく見かける風景ではありますが、立派な (?) 道路交通法違反です。 なお、罰則は道路交通法 第 121 条にて ２万円以下の罰金又は科料 と定められています。

ただし、という標識が掲げられている部分についてはこの限りではありません。 この場合でも並進できるのは 2 台だけで、公道における 3 台以上の軽車両の並進はいかなる場合も認められていません。

自転車で犯しがちな違反行為 - 前を歩く歩行者が邪魔なのでベルを鳴らす

根拠となる法律の条文は道路交通法 第 54 条です。 そちらに詳しく書いてありますが、要するにという標識がある場所で警音器を鳴らさなければならない場合や見とおしのきかない交差点などを通行する場合を除き、むやみに 警音器を鳴らしてはならない ということです。 よって、自転車で通行している際に、進路上に歩行者がいて邪魔だからベルを鳴らしてどかせるということはしてはいけません。 なお、罰則は道路交通法 第 121 条にて ２万円以下の罰金又は科料 と定められています。

ただし、 危険を防止するためやむを得ないときは、この限りでない とあるため、例えば前を歩く歩行者が急に自転車の進路上によろけてきた、といった場合などは一概に違反とは言えないでしょう。 ( その場合は、直後にも自転車が走行して近づいているのでもなければ、まず停止をすることが先決だとは思いますが。 )

また、このケースでは「ベルを鳴らすこと」についてのみ考えていますが、実際は歩行者に対してベルを鳴らすような場面では、本来通行すべきではない歩道を通行するという違反や、車道と歩道の区別が無い道路において前を歩く歩行者にベルを鳴らしてどかせ、そのままその脇を減速せずに通行するという違反が発生している可能性があります。

自転車で犯しがちな違反行為 - 二人乗り

根拠となる法律の条文は道路交通法 第 57 条の２です。 公安委員会は、道路における危険を防止し、その他交通の安全を図るため必要があると認めるときは、軽車両の乗車人員又は積載重量等の制限について定めることができる と定められています。 普通自転車の場合は乗車人員は 1 人となっていますので、二人乗りは違反ということになります。 ( 二人乗り用のタンデム自転車などはこの限りではありません。 が、 各都道府県の条例レベルで、許可・不許可が明示されているケースが多い ようです。 ) なお、罰則は道路交通法 第 121 条にて ２万円以下の罰金又は科料 と定められています。

また、 16 歳以上の運転者が、補助椅子に幼児 1 人を座らせて自転車を運転することは認められているという記述を見かけたのですが、それは全国的にそうであるのか、都道府県あるいは市町村の条例あるいは施行規則で認めているのか分かりません。 ご存知であればどなたか補足願います。

自転車で犯しがちな違反行為 - 夜間の無灯火運転

根拠となる法律の条文は道路交通法 第 52 条です。 車両等は、夜間（日没時から日出時までの時間をいう。以下この条及び第63条の９第２項において同じ。）、道路にあるときは、政令で定めるところにより、前照灯、車幅灯、尾灯その他の灯火をつけなければならない。政令で定める場合においては、夜間以外の時間にあつても、同様とする と定められています。 なお、罰則は道路交通法 第 120 条にて ５万円以下の罰金 と定められています。

自転車で犯しがちな違反行為 - 歩道を通行する

根拠となる法律の条文は道路交通法 第 2 条および道路交通法 第 17 条です。 歩道は 歩行者の通行の用に供するため の部分であって、車両が通行する部分ではありません。 車両は、歩道又は路側帯（以下この条において「歩道等」という。）と車道の区別のある道路においては、車道を通行しなければならない と定められています。 自転車は軽車両に分類され、軽車両は車両に含まれるため、自転車は原則として歩道を通行してはならないということになります。 なお、罰則は道路交通法 第 119 条にて ３月以下の懲役又は５万円以下の罰金 と定められています。

ただし、歩道によっては という標識が掲げられている所もあります。 この場合は「自転車及び歩行者専用」ということが示されており、たいていは「自転車通行可」という補助標識が併せて掲げられているので、この場合は自転車の通行が可能であると捉えて良いでしょう。

また、道路交通法 第 17 条の 2 において、 軽車両は、前条第１項の規定にかかわらず、著しく歩行者の通行を妨げることとなる場合を除き、路側帯（軽車両の通行を禁止することを表示する道路標示によつて区画されたものを除く。）を通行することができる とも定められています。

自転車で犯しがちな違反行為 - 右側通行

根拠となる法律の条文は道路交通法 第 17 条と道路交通法 第 18 条です。 車両は、道路（歩道等と車道の区別のある道路においては、車道。以下第９節までにおいて同じ。）の中央（軌道が道路の側端に寄つて設けられている場合においては当該道路の軌道敷を除いた部分の中央とし、道路標識等による中央線が設けられているときはその中央線の設けられた道路の部分を中央とする。以下同じ。）から左の部分（以下「左側部分」という。）を通行しなければならない と定められ、また 車両（トロリーバスを除く。）は、車両通行帯の設けられた道路を通行する場合を除き、自動車及び原動機付自転車にあつては道路の左側に寄つて、軽車両にあつては道路の左側端に寄つて、それぞれ当該道路を通行しなければならない と定められています。 なお、罰則は道路交通法 第 119 条にて ３月以下の懲役又は５万円以下の罰金 と定められています。

自転車で犯しがちな違反行為 - 歩行者の通行を妨げる

根拠となる法律の条文は道路交通法 第 17 条の 2です。 基本的には自転車は車道、歩行者は歩道を通行するため、お互いがお互いの通行を妨げることはありません。

しかし、 軽車両は、前条第１項の規定にかかわらず、著しく歩行者の通行を妨げることとなる場合を除き、路側帯（軽車両の通行を禁止することを表示する道路標示によつて区画されたものを除く。）を通行することができる と定められており、例えば車道と歩道が段差などによって区別されておらず、自転車も歩行者も路側帯を通行するというケースは充分に考えられます。 その場合、 軽車両は、歩行者の通行を妨げないような速度と方法で進行しなければならない と定められているため、歩行者を押しのけて通行するといったことはしてはならないということになります。 なお、罰則は道路交通法 第 119 条にて ３月以下の懲役又は５万円以下の罰金 と定められています。

自転車で犯しがちな違反行為 - 携帯電話の使用

根拠となる法律の条文は道路交通法 第 70 条です。 車両等の運転者は、当該車両等のハンドル、ブレーキその他の装置を確実に操作し、かつ、道路、交通及び当該車両等の状況に応じ、他人に危害を及ぼさないような速度と方法で運転しなければならない と定められています。以前改正道路交通法の一部施行に関するメモで自動車又は原動機付自転車の運転中における携帯電話等の使用について触れましたが、自転車の運転中における携帯電話の使用自体はこれは含まれません。 しかし、携帯電話の使用自体に罰則が無くても、使用することによって片手運転となり、ハンドルやブレーキを確実に操作できなくなってしまうため、違反となると考えるべきでしょう。 ( 同様に、雨の日に傘を片手に運転することも違反となると思います。 ) なお、罰則は道路交通法 第 119 条にて ３月以下の懲役又は５万円以下の罰金 と定められています。

自転車で犯しがちな違反行為 - 信号無視

根拠となる法律の条文は道路交通法 第 7 条です。 道路を通行する歩行者又は車両等は、信号機の表示する信号又は警察官等の手信号等（前条第１項後段の場合においては、当該手信号等）に従わなければならない と定められています。 これは自転車に限らず歩行者でもそうなのですが、「自動車でなければ信号無視をしてもオーケー」なんてことは無いですよという意味で書いておきます。 なお、罰則は道路交通法 第 119 条にて ３月以下の懲役又は５万円以下の罰金 と定められています。

自転車で犯しがちな違反行為 - 一時停止義務違反

根拠となる法律の条文は道路交通法 第 43 条です。 車両等は、交通整理が行なわれていない交差点又はその手前の直近において、道路標識等により一時停止すべきことが指定されているときは、道路標識等による停止線の直前（道路標識等による停止線が設けられていない場合にあつては、交差点の直前）で一時停止しなければならない と定められています。 の標識や、あるいは道路上に「とまれ」と書いてある所では一時停止をするようにしましょう。 なお、罰則は道路交通法 第 119 条にて ３月以下の懲役又は５万円以下の罰金 と定められています。

自転車で犯しがちな違反行為 - 飲酒運転

根拠となる法律の条文は道路交通法 第 65 条です。 何人も、酒気を帯びて車両等を運転してはならない と定められています。 杉本哲太氏の飲酒運転と、福島みずほ氏の間違った法律知識にて詳しく解説していますが、要するに自転車であっても飲酒運転は違反行為であるということです。 なお、罰則については杉本哲太氏の飲酒運転と、福島みずほ氏の間違った法律知識のコメント欄にて意見を交わしていますが、酒酔い運転については自動車と同じ罰則が適用されるようになったという情報があるものの、道路交通法の条文だけを読む限りではそのような解釈には至らないのではという疑問点が残っています。

自転車で犯しがちな違反行為 - 一覧

まとめと謝辞

道路交通法 第 1 条に、 この法律は、道路における危険を防止し、その他交通の安全と円滑を図り、及び道路の交通に起因する障害の防止に資することを目的とする という総則が定められています。 あくまで危険を防止し、交通の安全と円滑を図るものであるので、これまで挙げた違反行為を行ったからといってその全てが取り締まられ、罰則を受けるということはありません。 しかし、これまでは「自転車だから捕まらない」という風潮があったものが、それによって危険を助長してきていたがために、今後罰則を受けてしまう可能性が高くなったのは事実です。 「罰則を受けるから」守るのではなく、「罰則があるということはそれだけ危険につながるということだから」守るという意識につながってもらいたいと思います。

なお、今回の記事を書くにあたり、次のページを参考にさせていただきました。 また、標識の画像は国旗と道路標識のイラストフリー素材・National flag & Road sign MT のものを使用させていただきました。

• 自転車まめ知識
• 自転車の通行方法
• 自転車マナーのおはなし
• 知ってるようで知らない交通ルール 自転車編－四国新聞社
• 道路室 自転車のルール2

ピルスナー ウルケル

チェコのピルスナービール。 KIRIN_ピルスナーウルケルというページを見ても分かる通り、日本ではキリンビール株式会社が販売を行っています。 1842 年に生まれたピルスナービールの元祖となるビールで、日本で飲まれているビールのほとんどはこのピルスナースタイルであるため、日本のビールの元祖であると捉えても良いでしょう。 ホップの苦味が充分に感じられ、また酸味も少々目立つ印象。 アルコール度数は 4.4% 。

箇条書きメソッドと名付けたのは確かだけれど

trashcan+green (beta) - 「箇条書きメソッド」で取り上げられていたので、反応……というか解説してみます。

History of hxxk.jp でその名前を使いましたが、この時は「とりあえずメソッドって付けるのが流行なのかなあ」という軽い皮肉を込めつつ名付けました。 手法自体は斬新なものじゃなく、 Junkline - 今日は猛烈だった。やオイラのweb年表 - LIPPiN などで使われていたのを見て、「おもしろいなー」と思いながらまねっこしただけです。 「箇条書きメソッド」で検索すると、その言葉を使っているのは自分だけというのは予想外でしたが。

利点と欠点

trashcan+green (beta) - 「箇条書きメソッド」でも挙げられていますが、この手法には利点と欠点があります。

私がこの手法を使う時は、旅行の記録やサイトの歴史など、時系列に沿ったものを冗長になりすぎないようにするために用いる時です。 私の悪い癖として、時系列に沿った行動や歴史などをそのままの文章で書くとひとつひとつの文節が長すぎたり、段落がやたらと大きくなったりするというのがあるので、読む方がさらりと流し読みできるように使っています。 もちろん、書く側としてもさらりと書けるという利点もありますが。

そういった利点があるという反面、多用してしまうとその利点が利点で無くなってしまいます。 きちんと書くべきである文章も箇条書きにしてしまうと、それがそのサイトの文章の標準形になってしまうため、読む側に利点として映らなくなるのです。

って、これだと trashcan+green (beta) - 「箇条書きメソッド」で書かれていることとあまり変わりませんね。 quaa さんの分析が当を得ていたということで。

んーそれだけじゃ考察にならないので他の利点を……箇条書きメソッドを使うことで、 ul 要素や ol 要素、 dl 要素といったリスト形式のマークアップにみんなが親しむことができる……ってそれも blogは(X)HTMLで出来てるんだからみんなもっとUL要素とかOL要素とかDL要素使うといいんだ。 って書かれてあることと一緒か……。

箇条書きメソッドを解除してみる

試しに Tour "春に会いましょう" もんじゃ編を通常の文章に書き換えてみましょう。 箇条書きを使わないとどうなるか比較してみてください。

――前に訪れた時は、多くの地が白く雪に染まった頃だった。 多くの偶然を手繰り寄せ、再び相見えることとなった東の宿敵うーたん、そして初顔合わせとなる西の好敵手 lego 。 宿に荷を置き、いざ彼らの待つ地へ。
不慣れな土地で距離を見誤ったのか、約束の時間を守ることができず遅れて現れた私をにこやかに迎える両名。 しかし彼らの笑顔の裏には、いや私自身の笑顔の裏にも、これから繰り広げられる舌戦の算段が練られていたことだろう。
一触即発。
そのような雰囲気の中で儀礼的な挨拶を交わし、互いの真意を探り合いながら舞台を移す。 人々の喧騒でごった返し、何かが焼ける音と立ち上る白い気体が充満する屋内にて、相対し身構える我々の前に姿を現し、立ちはだかる真の敵・マリオ――

……って、意識して書こうと思うあまり、表現どころか内容自体が大きく変わってしまっているんですが ! そもそもうーたんと lego さんは敵じゃないし ! あと <br /> をかなり久々に使った気が。

帰ってきたよ

Tour "春に会いましょう" と題した東京ツアーから帰ってきました。 今回ははじめましてな方は少なく、再会する方が多かったのでこのようなタイトルで。 Tour "2005 Autumn Kyoto" the Report で用いた箇条書きメソッドでテンポ良くレポートしていこうと思います。 Tour "7" - Without You の 3 日目のレポートは通常の形式で、まだ完成していないのには目を瞑ってください。 半分くらいは書き上げているんですよ、あとは写真をどれにするか考えるくらいなんだけど何故か詰まっているんですよ。 言い訳するなら書けばいいのに。

そうだ、東京へ行こう。

1. そうだ、東京へ行こう。 - LIPPiN を読んで、「うわー行動力あるなあ」と感心する。まるで休みが余ったから大阪までドライブしたりミュージアムが閉館するから東京に出たついでにオフ会したりするどこかの誰かさんみたいだ !
2. LIPPiN の lego さんは Tour "2005 Autumn Kyoto" の時に会いたかったけど会えなかったんだよなあ。
3. あれ、その日ってスケジュール空いている。
4. 軽く「行ってみちゃおっかなー」と振ってみる
5. 話が進んで ( 自分で進めたとも言う ) 、実現の方向へ。
6. 今からだと飛行機の割引運賃って無い ? というか高いとこって苦手だから今回も新幹線で行こう。
7. 新幹線の乗車時間にはオラの iPod mini のバッテリーは耐えられねえ…… !
8. iPod nano 買おう。
9. iPod nano 買った。

20060318 - Monjable Type

1. 2006 年 3 月 18 日 15:22 、品川駅に降り立つ。
2. 山手線に乗り、荷物を置きに五反田駅へ。
3. ホテルにチェックインして大きな荷物を置き、持ち歩く荷物を整理してさあしゅっぱーつ、って時にうーたんから「 ( 集合場所に ) もう着いた ? 」の電話。ごめんなさい今からホテル出るとこです !
4. 慌てて品川駅に戻るも、改札に到着した時は既に集合時間。駅向かいのカフェでのんびり待っているよということでそこに向かうもいねえ ! 再び電話。
5. 横断歩道から渡ってすぐのカフェじゃなくて歩道橋を渡った方のカフェテラスでした。ぶんぶん手を振ってくれたのでこっちも振り返す。
6. すいません遅れましたと言いながらようやく合流。うーたんひさしぶり、 lego さんはじめましてー。
7. 挨拶を交わしたり他愛の無い会話をしたりして腹の探り合い。なんてことはなく和やかに会話しつつ目的地・月島へ。
8. 地上に出てみれば雨が降っているよ ! アーケードっぽい屋根に逃げ込むも、その屋根がスリット状 (?) になっていて雨よけになりません !
9. 少し進むとちゃんとした屋根のアーケードになったのでひとあんしん。おしお本店の店頭にてしばし待ったのち入店。
10. メニューを見るとアパッチもんじゃやマリオもんじゃなどの名が並んでいる。うーたんや lego さんは Apache を思い浮かべたらしいけど、私は人間から超人になったあのお方のお顔が浮かんだよ、ウララ～。それか火の海で激しく狂う地獄か。
11. 好きなの選んでいーよって言われたのでマリオもんじゃに特攻。ごめん名前だけでセレクトした。もうひとつはスタンダードなもんじゃを、ってことで五目もんじゃをオーダー。
12. で、どうやって作ればいいの ?
13. 3 人でおろおろしていると、店員のお兄さんが「よかったら教えましょうか」とさりげなくフォロー。素早い手付きで説明を交えながらあっという間に五目もんじゃを完成させる。鮮やか !
14. ちなみに最初は 3 人とも生ビールで乾杯な。
15. 月島はもんじゃに加え杏サワーも名物だ、といううーたんの豆知識が披露されたので 2 杯目は杏サワー。
16. マリオもんじゃを先ほどの店員の手捌きをラーニングしたうーたんが手早く作成 !
17. 3 杯目はシークヮーサーサワー。
18. うーたんが隣の席を羨ましそうに眺める。「隣が食べているのってどれですか ? 」「じゃがバターです」「じゃあそれ」ついでにガーリックもんじゃもオーダー。
19. 4 杯目はドラフトギネス。
20. 5 杯目はカムカムサワー。これも名前で選んだんだけど、飲んでみても何のサワーか分からず。店員さんに尋ねるとアセロラのサワーだそう。言われてみれば確かに……
21. ちなみに店内の会話は、若い男女がもんじゃをつつきながら Web ……というか CSS や HTML や Movable Type のことばかり。他の席からすれば不思議なトリオだっただろうなあ。あと 2 人とも私を買い被りすぎっす、きっと。
22. もんじゃ屋なのに 3 人なのに会計万超え。飲みすぎだよみんな ! ( 無論自分含む )
23. 雨はすっかり止んだ。
24. 品川まで戻って、駅そばの居酒屋で 2 次会。
25. 茄子が美味しい。ていうか lego さんが茄子料理を頼んでいるのに更に茄子料理を頼む私はアレか。酔っ払いか。
26. 黒霧島をロックで飲み、れんとをロックで飲み、島美人をロックで飲み。焼酎のロックばかりだなあ。
27. 店を出て駅で別れる前に、手土産の焼酎を渡す。やっぱり焼酎か自分。
28. 逆に lego さんから手作りのお菓子をもらう。手作りのお菓子なんて 3 年ぶりくらいかな ? ちかっぱ嬉しい ( 方言 ) !
29. 五反田駅からホテルに戻る時に、歩道橋の階段で盛大に iPod nano を落とす。まだ買って一週間なのに ! まあケースを装備していたので目立った外傷はなし。
30. 実は宿泊先のホテルには部屋にデスクトップマシンがどーんと置かれていたので、ちょこっと web を巡回。
31. しかし Firefox はうまくインストールできても Limechat がうまく接続されない。ポートを制限しているのかな ?
32. トータルで 8 杯飲んでいたせいか、諦めてベッドにごろりとなった瞬間に寝てしまう。

20060319 - private mode

1. 二日酔いのまま起床、ていうか寝坊。
2. はてなダイアリー - 真琴＠臨時更新場 - 品川戻りにコメントが書かれているのに気付かなかったってことは、けっこう早々と寝てしまっていたのか……。
3. この日は hxxk.jp とは全く無関係の友達と会っていたので割愛。

20060320 - 筋肉欲祭り

1. 2006 年 3 月 20 日、 18:00 少し前に阿佐ヶ谷駅構内のスターバックス前にて瑠璃さんと合流。
2. 私の第一声は「うっわ、ほんとにショートだ ! 」再会の挨拶がそれか。
3. 海晴亭 阿佐ヶ谷店というたこやき & ビールのお店に向かうも、まだ開店時間ではないので少し待つ。
4. クーポンを持参すればヒューガルデンホワイトの樽生を 1 杯ずつサービスということなので、まずはそれで乾杯。
5. たこやきやフリテン ( ベルギー風フライドポテト ) をつまみつつ飛行機の話や iPod の話、旅行の話などに花を咲かせる。
6. ヒューガルデンホワイトの樽生は何度か飲んでいるので、 2 杯目にパウエル クワックを注文。
7. 海晴亭は早々に区切りを付け、メインの集合場所である池袋まで移動。
8. 私たち 2 人が着いた時には既にはるたんが待っていました。
9. その後も順調にまきちゃん、 kina さん、ゆずほたん、ブタすん、ナルカミさん、るーしんさんと集合。みんなきちんと時間を守ってくれて宜しい。
10. 会場に向かう途中で「マリオもんじゃ食べたぜー」という話をしていると、ブタすんが「おしお ? 」と的確なプロファイリング。
11. 焼肉苑池袋店にて肉欲祭り。何というか形容し難いのだけど、「自らが食いたければどんどん頼め」の信条に基づいて肉を食べまくる会。
12. 最初は生中を飲んだけど、既に 2 杯飲んできているので早々と焼酎に切り替え。また焼酎か。またロックか。芋と米と飲んだけど銘柄を控えるのを忘れた……ナルカミさん覚えてませんか ? ( 何 )
13. 途中でぽこさんが合流、はじめましてー。
14. 肉欲祭り終了後はお茶班とアルコール班に分かれて 2 次会……のはずが、席数の関係上全員でお茶をしに行くことに。カフェロワイヤルというブランデー入りのコーヒーうまうま。
15. はるたんとブタすんという 2 人に囲まれると、自分のスキルでは何を喋っていいか分からないなあ。それでも他のテーブルから「キモ黒い会話をしているなあ」という声が……うっせ !
16. Google Adsense を置けばいいのにと言われたけど、やっぱり広告を置くっていうのは抵抗があるなあ。
17. 素面だとしっかりと気を張っているので大丈夫なんだけど、やはり酔っ払って東京の電車に乗るにはレベルが足りない。どのホームに上がっていけば良いかホントに分からなかった……。みんなありがとう。
18. 駅近くにネットカフェがあったので、とりあえず 1 時間だけ入ってみる。
19. 海晴亭 阿佐ヶ谷店はまだ開いているのか……もう 1 回飲みなおすか ?
20. と思ったらなんだかお腹が張ってきたので、諦めてホテル帰還。
21. そのせいか少し寝苦しかったけど、無事全日程終了 !

総評

唐突に「私も混ぜろー」って言ったのを快諾してくれたり、急に「そっち行くから」って言って遊びに付き合ってくれたり泊めてくれたり、急に「誰かごはん食べよう」って言って集まってくれたり、本当にみんなありがとう、としか言えない旅でした。 いつも押しかけてばかりなので、たまには誰かを迎撃する立場になりたいなあ。

メンバー紹介

うーたん

Bazooka の wu または wu-tang ことうーたん。 Movable Type 使いで HTML に詳しくてイカすスタイルを書ける人。 と思っていたら MAQUE というテンプレートを丁寧な手順と共に公開していました。 Web Standards with MT ver.3.2 Strict からヒントを得たらしいのですが、今度はこっちがヒントをもらうことになりそうです。

lego さん

LIPPiN の Aya さんこと lego さん。 いつだったか Antenna - LIPPiN でチェックされているのに気が付いて日記を読んでみたら面白くて、そしていつの間にかぐんぐんスキルを伸ばしてきてすごいなあと思っていたら、あれよあれよと今回会えることに。

瑠璃さん

cheerful*tearful | love all ... personal memo ... の瑠璃さん。 オフ会ではよく会うお姉さん。 なので、気兼ねなく色んなお話ができるのです。

はるたん

武蔵流プログラマへの道の halt さん。 サイボウズ・ラボに移籍したことで最近話題に。 特技は埋めること ( 謎 )

まきちゃん

底なし井戸の底の底のまきかずひこさん。 年下なのにまきちゃんまきちゃんと呼んでかつタメ口利いてごめんなさい。 でもそれを許容してくれている ( はず ) ナイスなお兄さん。

kina さん

96*72 | kina_memo の kina さん。 2005 Autumn Kyoto に引き続きの再会。 今回は席の関係であまりお話できなかったのが残念。

• kina_memo - まこちーに会いました

ゆずほたん

Seven Deadly Sins. の橘 柚帆さん。 焼肉苑までのツアーコンダクターも担当。 レバ刺しは譲れないぜ ( 謎 )

ブタすん

トイレの落書きのブタすん。 「ボク ハ アナタ ノ ビールトモダチ デス」

ナルカミさん

飼い犬が手を噛むので 2006 のナルカミさん。 肉欲祭り参加者では唯一こっそりお土産を渡した人。 内緒だよ !

るーしんさん

神慮の機械 -MACHINA EX DEO- の維 如星さん。 酒に紅茶に甘味好きのヴァンパイアなのですが、そのような方が「やはり内臓は旨い」と言いながら肉を貪るのは怖いものがあるので勘弁してください。

ぽこさん

るーしんさんの相方さん。 「平日なのに誰もスーツを着ていない ! 」が個人的にツボでした。 ホラ私は休暇を取って上京しているわけです、他の人はどうか知らないけど。

St. Feuillien Blonde

ベルギーのブロンドエールビール。 フューリエン ブリューンと同じ種類のビールで、こちらはモルトをローストしていないもの。 甘みがしっかりとしているのは同じで、こちらの方がフルーティな感じがします。 アルコール度数は 7.5% 。

Pauwel Kwak

ベルギーのストロングアンバーエールビール。 かねてから専用グラスで飲んでみたいと思っていたので、阿佐ヶ谷の海晴亭に行った時に注文しました。 グラスの口よりも更に高く瓶を掲げて注ぐことでふんだんに泡を作り、その泡を楽しみながら滑らかな喉越しを感じることができました。 アルコール度数は 8.0% 。

Ephemere

カナダのアップルエールビール。 開栓した瞬間にリンゴの爽やかな香りが広がります。 真っ白な泡も特徴的で、小麦の味もしっかりと感じられました。 アルコール度数は 5.5% 。

St. Feuillien Brune

ベルギーのブラウンエールビール。 モルトの甘さが際立っていて美味しいビールです。 惜しむらくは、私の不注意で冷やしすぎてしまったこと。 この季節だと冷暗所に置いておくだけでよかったかも。 アルコール度数は 7.5 % 。

ツアータイトル考えてないや

今日から数日間、東京で遊んできます。 道中の現在地などは、思い出したらはてなダイアリー - 真琴＠臨時更新場に携帯電話から投稿するので、関係者はチェックしていてください。

いつもは遠出するときはツアータイトルを付けていたのですが、今回はしっくり来るものがありませんでした。 新幹線の車内でのんびりと考えようかなあ。 今回は再会する人の比率が高かったので、「春に会いましょう」というタイトルにしました。

content プロパティに、任意の文字列と HTML の属性値を混在させる

:before 擬似要素 / :after 擬似要素の活用例で紹介したように、 hxxk.jp では CSS を用いて引用元の明示や削除・追記の時間の明示を行っています。

先日 IRC チャンネル #hxxk で Code-404 | Hatena::Diary::Code-404 のシンヤさんと話していたところ、 content プロパティの値に " が余分に書かれているんじゃないかということが分かりました。

blockquote[title]::before {
  display :         block ;
  content :         ""attr(title)" \003088 \00308a \005f15 \007528" ;
  border-bottom :   3px double #333 ;
  margin-bottom :   0.2em ;
  padding-top :     0.2em ;
  padding-bottom :  0.2em ;
  padding-left :    1em ;
  font-size :       80% ;
  font-weight :     bold ;
  font-family :     "Trebuchet MS",sans-serif ;
  }

これが元々 hxxk.jp で用いていた記述で、次に示すのが指摘を受けて修正した記述です。

blockquote[title]::before {
  display :         block;
  content :         attr(title)" \003088 \00308a \005f15 \007528" ;
  border-bottom :   3px double #333 ;
  margin-bottom :   0.2em ;
  padding-top :     0.2em ;
  padding-bottom :  0.2em ;
  padding-left :    1em ;
  font-size :       80% ;
  font-weight :     bold ;
  font-family :     "Trebuchet MS",sans-serif ;
  }

どう違うのかというと、 content プロパティの値に任意の文字列と HTML の属性値を混在させて指定する場合は、 attr(X) の値を " で括らなければいけないと私が勝手に思い込んで、結果として " による括りが過剰になってしまっていたのです。 おそらく、こういった指定をあれこれ試していた際にこの過剰な括りが生じたのだと思いますが、今となっては何故そうしたのか思い出せません……。 とりあえず、今後同じミスをしないようにここにメモしておきます。

擬似要素を記述する際の Tips

今回の CSS のコードサンプルでは blockquote[title]::before のような書き方をしています。 何故 : を 2 つ連続して書いているか、たまにその理由を聞かれますが、いつも参考にしたページを見失うことを思い出したので合わせてメモ。

元々は Lucky bag::blog: 疑似要素の表記法で知ったのですが、 CSS3 のセレクタの Last Call ( 2005 年 12 月 15 日現在 ) の Selectors - Pseudo-elements によると、

A pseudo-element is made of two colons (::) followed by the name of the pseudo-element.

This :: notation is introduced by the current document in order to establish a discrimination between pseudo-classes and pseudo-elements. For compatibility with existing style sheets, user agents must also accept the previous one-colon notation for pseudo-elements introduced in CSS levels 1 and 2 (namely, :first-line, :first-letter, :before and :after). This compatibility is not allowed for the new pseudo-elements introduced in CSS level 3.

のように示されており、 Lucky bag::blog: 疑似要素の表記法にて主なブラウザの大部分はその記述に対応していることまで検証されているので、 hxxk.jp でも取り入れています。

なお、 Lucky bag::blog: 疑似要素の表記法では Candidate Recommendation と書かれていますが、 CSS: under construction によると 2005-12-15 Last call: Selectors と、まだ Last call であるようです。 ( Last call や Candidate Recommendation などの用語については W3C勧告プロセスの概要 - W3C勧告までの過程を参照してください。 )

content プロパティで文字列を追加する際は Safari のバグに注意 ( 再掲 )

Safari と content プロパティでも触れましたが、 Safari には content プロパティに指定した日本語文字が文字化けして表示されるというバグが存在します。

そのバグを回避するために、日本語文字を使用する場合は content : attr(title)" \003088 \00308a \005f15 \007528" ; のようにバックスラッシュでエスケープする必要があります。 ( この例は、 attr(title)" より引用" という記述をエスケープしたものです。 )

バックスラッシュでエスケープする際は、数値文字参照用変換スクリプトを使うと非常に簡単にエスケープできますので、改めて紹介しておきます。

Safari は attr(X) に未対応 ?

仕様を読み返したついでに、手元のスタイルシートサンプルブックも確認していたら、気になる記述がありました。

CSS で追加する内容は content プロパティで指定します。 そして、それを要素の前に追加したい場合はセレクタの最後に「:before」を、後に追加したい場合には「:after」をつけます。

仕様上は様々な内容を追加できるのですが、 N6 ～ 7 と Opera6 ～ 7 で共通して対応しているのは、文字列と HTML で指定してある属性の値です（Safari は属性の値には対応していません）。

これって、 Safari は content プロパティの値に attr(X) が指定されていても、それに対応していないということなのでしょうか……。 私は Windows 環境しかありませんので確認はできませんが、もしそれが本当なら blockquote 要素による引用部分はことごとく より引用 とだけしか表示されていないということになるのかなあ。

そもそも発想の順番が違うような……

はてなブックマーク - 最近の人気エントリー経由で [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法と hori-uchi.com: _blankを使わないで別ウィンドウを開くにはrel="external"を使うのが美しいと思う。

window.open を使った前者はともかく ( これはこれでバッドノウハウな気がしますけど ) 、後者は HTML ソース中に記述していないだけで、結局は target="_blank" を使っていることと同じなんじゃないのかなあ、と思いました。

コメント欄での 内部的に展開されるDOMツリーはXHTML 1.1 や XHTML Basicに準拠していないんじゃないでしょうか という指摘や、はてなブックマークのコメントの rel属性は当該リソースとhrefで示されたURIとの関係なわけで、アプリケーションの挙動を示す為の手段として使うべきではないでしょう という指摘に私は頷きました。

JavaScript を使って解決するよりも、 target 属性を使って、 Transitional DTD を宣言するのが最もスマートな解だと思います。 ( ウィンドウの挙動を target 属性で制御すること自体の是非はここでは置いておいて。 )

何故順番が違うというのか

それぞれの記事中ですごく気になったのが、

<a href="foo.html" target="_blank">foo</a>

を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが，

や

target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。

といった記述。 そもそも XHTML 1.1 や XHTML Basic において、ウィンドウをどのように開くかの挙動を指定する target 属性は定義されていないのですから、そのような結果を求めつつ XHTML 1.1 や XHTML Basic を宣言しようとするのが間違いではないでしょうか、と思います。

DTD をどのように宣言するかを考える際に、文書型宣言についてという記事が参考になるのですが、冒頭に

ある文書のマーク附けが完了した時、その文書がHTMLの仕様書(DTD:Document Type Definition:文書型定義)に照らして正当であったとします。 その時、あなたはその文書の先頭に文書型宣言を記述できます。

と書かれてあります。 すなわち、

1. XHTML 1.1 ( または XHTML Basic ) を宣言する
2. マークアップしていく途中で、別ウィンドウでリンクを開きたい箇所が出てくる
3. XHTML 1.1 や XHTML Basic では target 属性は定義されていない、どうしよう
4. JavaScript でどうにかしよう

というのは順番としては誤りで、

1. マークアップしていく途中で、別ウィンドウでリンクを開きたい箇所が出てくる
2. target 属性を使って、別ウィンドウでリンクを開くようにマークアップ
3. target 属性を使った文書が適合する DTD を考えると、 Transitional DTD のみである
4. Transitional DTD を宣言する

という考え方をするのが良いと思います。 実際は宣言する DTD を決めてからマークアップをするという順番も充分に考えられます ( 私が Movable Type のテンプレートを書く時もその順番です ) が、考え方としては DTD の宣言は最後に行うとした方が良いと思います。

Firefox で防げるのかなあ

私は自分の意思でそうしたい時以外に別ウィンドウ ( あるいは別タブ ) でリンクを開かれるのを非常に嫌うのですが、これらの window.open によるリンクや、後付けな target="_blank" によるリンクも Destroy target="_blank" with Firefox 1.5 の方法で防げるのかな、とふと思いました。 サンプルを作って試す気が起きないので、誰か検証してください。 ( 他力本願 )

iPod nano が届きました

iPod nano と 3 月の東京ツアー - iPod nano を買おうで逡巡していた iPod nano ですが、結局ライブラリの流用や容量単位の価格などの点、および「あそこでもう少しお金出しとけば、ここで容量で悩むことは無かったのに…… ! 」という後悔をしないために 4GB を購入しました。

注文日のタイミングのせいか、 17 ～ 18 日に配送予定となってしまい「 18 日には出かけているので、 18 日に届いてもどうしようもないなあ」と危惧していたのですが、嬉しいことに今日届きました。 これで新幹線の長い旅路も快適です !

東京の日程は埋まりました

iPod nano と 3 月の東京ツアー - ところでで、

せっかく出てくるなら何かしたいなあとも思っています。 既に直前の話になってしまっていますが、私と遊んでみたいという方がいらっしゃったらコメント等でお申し出ください。

という募集をしていた件ですが、無事全ての日程が埋まりました。 各日程で多くの人にお会いすることになりますが、よろしくお願いします。

ソーシャルブックマークと考えていました

転載をするなとは言わない。するのなら、出自を明記して改変などせずに転載して欲しい。それだけ。 - はてなブックマーカの目は節穴か ? および first challenge の転載の件に関する補足 - はてなブックマーカに対して感情的になってしまったことの話の続き。 好奇心と怠惰の間 - はてなブックマークとパクリと雑感からトラックバックをいただきました。

さらに、自分の意識としてはちょっとしたニュースサイト的な使い方も意識している。 これは重要だからとか、面白そうだからとか、そういった理由でお気に入りに入れてくれている人に対して紹介する意味合いもある。 自分がよいと思ったエントリを、他の人に対して紹介するという姿勢だ。 個人的にはこれをソーシャルブックマークと呼ぶと考えているのだけど、間違いかな？

その説明で良く分かりますし、正解の考え方のひとつだと思います。 私の「ソーシャルブックマーク」に対する解釈としては、「自分のブックマークを公開することで、自分がどんな記事を読んだか、あるいは読んでいるのかということをオープンにする」という意味が強かったのだと思います。 ( 本当はもう少し詳細な意見を持っていますが、大筋としてはこんな感じです。 )

そう解釈するに至る理由として、私の場合の ( ブラウザの ) ブックマークというものは「読んでみて面白かったページ」や「後でネタにしようと思ったページ」を記録するというのが主な目的だということがあります。 これが ブックマークしたけれど結局一度も目を通さないということはないでしょう という発言に結び付くのですが、自分の考え方だけを web サービスの使い方全般に当てはめてしまっていました。 そしてそれに続く項で

重要な内容であるからこそ自分はブックマークし、ブックマークすることによってより多くの人の目にこのエントリが目に触れられて、それだけ重要な情報を伝えることができる。

と書かれていますが、これは正にソーシャルブックマークのソーシャルたるメリットの一例だと思います。 あとは同じ内容のものであるということを、ブックマーカが気付いてそういったタグなりコメントを付けたりするか、そのブックマークを読んだ人が指摘するか、あるいは元ネタを書いた本人が何らかの手段で気付くかはケースバイケースなのでしょうね。 そこを、今回私は「ブックマーカが気付くべきだ ! 」と騒いでしまったのでした、申し訳ありません。 ( よく考えたら、仮にブックマーカが気付いて指摘していても、それが私に 100% 伝わるとは限りませんし。 )

本人から謝罪をいただきました

first challenge の tomo さんからメールをいただき、謝罪の言葉と共に、 tomo さんなりの判断で閉鎖という選択肢を選んだことをお伝えいただきました。 私としては first challenge の転載の件に関する補足 - 要望をまとめておこうで表明していた通り、閉鎖というのは望まない結果だったのですが、指摘の域を超えたようなコメントもいくつか見られていたので、そのまま運営を続けるというのも難しかったのかもしれません。

全く反省をしないまま、何事も無かったようにどこかで同じことを繰り返すのなら許し難いことですが、今回の件を生かして、次は適切な web サイトになるような運営方法でいつの日か再開してくれたらいいな、と思います。

もちろん、私も偉そうなことばかり言える立場ではありません。 表立って指摘をする前に、一度メールか何かでアプローチをすれば閉鎖という結果にはならずに、最小の作業で最大の改善を得られたんじゃないのかといったことや、自分の考えに固執してしまったがために、非難すべきでない人を非難することになってしまったことなど、今後気を付けるべきことが多々あると思いました。

トラックバック送信先

好奇心と怠惰の間 - はてなブックマークとパクリと雑感

自分の考えに固執してソーシャルブックマークを捉えていたことと、誰が指摘すべきだと決められていないことを「何故あなたたちは指摘しないんですか」と言っていたことについて書きました。

要望をまとめておこう

転載をするなとは言わない。するのなら、出自を明記して改変などせずに転載して欲しい。それだけ。の補足ですが、今読み返すと眠さを押し切って書いたせいか、「じゃあ、どう対応してもらえれば良いのか」ということがボヤけていますね。

• first challenge : 「マイミクの人は必ず見て」mixiの危険性の、「対策方法をいくつか」以降の部分について、私が書いた文章である旨を明記して欲しい
• All Rights Reserved という言葉の意味を良く考えて、それを外すなり別の記述に変えるなりして欲しい

この 2 点だけです。 謝罪やエントリの削除やサイトの閉鎖やテンプレートの使用停止などは、私の望むところではありません。

改めてはっきりとしておきたいこと

転載をするなとは言わない。するのなら、出自を明記して改変などせずに転載して欲しい。それだけ。 - 転載は認めているけれどもにも書いていましたが、やはり一部に誤解が見られるようなので、改めて書いておきます。

記事の内容は確かに無断転載ですが、サイトのスタイルやビジュアルデザインは Web Standards with MT ver.3.2 Strict で配布しているテンプレートを元に、 first challenge の tomo さんが自分なりにリデザインされたものです。

テンプレートを使用していただたいたこと、およびそれを自分なりに料理しなおしてくれたこと自体は嬉しく思っています。 事実、はてなブックマーク - 最近の人気エントリーで見かけた瞬間は 「おお、自分なりにアレンジして使ってくれている ! ロクに解説やフォローをしていなかったのに、カレンダーやコメントツリーなどを自分で調べて追加してくれたんだなあ」 と喜んで見ていました。

はてなブックマーカに対して感情的になってしまったこと

• 断片部 - ポルノlaiso - 「そこに積んである本読まないんなら買わなきゃいいのに」

転載をするなとは言わない。するのなら、出自を明記して改変などせずに転載して欲しい。それだけ。 - はてなブックマーカの目は節穴か ? に対するリプライなのですが、タイトルの時点で「ごめんなさい、そう言われると私もそうです」と謝ってしまいたくなる的確なご指摘です。 ( 購入してから 1 年以上経っても未読の本が本棚にあります ! )

ブックマークしたけれど結局一度も目を通さないということはない というのは私のブックマーク使用法 ( はてなブックマークに限らず、ブラウザのブックマークも含む ) における前提で、 目を通さずに済ますため、あるいは忘れるために使う といった使用法や、 その記事に対して「一定の関心がある･ない」 といったことを示す使用法については考えが及びませんでした。

ネタが被っているかもしれないから登録の切り捨てを判断するという作業をわたしはしたくありません。 そのへんは雑多なブックマークの中から自分が見返す時に判断すればよいのです というのも至極もっとも。 私だって自分の書いた文章でなければ、「これは内容が重複しているから見なくていいや」とは思わずに、「あとでいっしょに読み直そう」と思うことでしょう。 それを考えると、転載をするなとは言わない。するのなら、出自を明記して改変などせずに転載して欲しい。それだけ。 - はてなブックマーカの目は節穴か ? で名指しで文句を言ったのはお門違いでした、申し訳ありません。

……あと、これは余談なのですが、はてなブックマーク - laiso は ( 現時点で ) 15158 個のブックマークがあるのですね。 故にあれだけの量になるのです という表現を見て、「そんな事言ったって、目をいずれ通すことを考えるとそんなには多くないっしょ」と思ってしまっていたことを正直に白状します。 ( まさか 15,000 個以上とは思っていませんでした。 )

トラックバック送信先

断片部 - ポルノlaiso - 「そこに積んである本読まないんなら買わなきゃいいのに」

ブックマークの使用法について改めて考えて、自分の使用法だけに囚われていたことに気付きました。 ご指摘いただいた点はごもっともだと思います。

[これはひどい]何この劣化コピー記事

• first challenge : 「マイミクの人は必ず見て」mixiの危険性

はてなブックマーク - 最近の人気エントリーを見ていて見つけた記事。 また mixi のネタが定期的に上がってきたのかなあと思って見てみると……。 何だかどこかで聞いたような話っていうか、すごく見たことのある言い回しが。

類似部分その 1

Cookie を保持しないようにする

ログイン中は他のサイトを見ないようにする、他のサイトを見るときは必ずログアウトするといった方法や、ブラウザの Cookie をオフにするといった方法、ブラウザを使い分けるといった方法をとることで、意図せずに足あとが記録される可能性を防ぐことができます。

何故ログアウトするべきなのかという根拠や、具体的な Cookie オフの方法は ? mixi の情報を常に持ち歩いていると、うっかり見られたり盗まれたり落としたりするという話 - 対策方法をいくつかでは過去の記事へのリンクを張って誘導していますが。

Cookie を保持しないようにする

Movable Type における CSRF の可能性と各種対処法でも紹介しましたが、ログイン中は他のサイトを見ないようにする、他のサイトを見るときは必ずログアウトするといった方法や、ブラウザの Cookie をオフにするといった方法、ブラウザを使い分けるといった方法をとることで、意図せずに足あとが記録される可能性を防ぐことができます。

類似部分その 2

足あとと紐付けられてしまうと困る情報を mixi 内に公開しない

現在の200万人ものユーザ数を抱える mixi では招待制というシステムによる安全性は保証できませんし、前項のように足あとによって mixi 内の情報とアクセスログが簡単に紐付けられてしまいます。 パスワードによる認証がかかっている SNSだからと、安易に、そして過剰に自分の情報を曝け出していませんか？

200 万人という数字は書いていませんでしたが、それ以降は全く同じ文章。 私は普段アルファベットと日本語文字の間に半角スペースを入れるのですが、この SNSだから の時だけうっかり忘れていたみたいです。

足あとと紐付けられてしまうと困る情報を mixi 内に公開しない

現在のユーザ数を抱える mixi では招待制というシステムによる安全性は保証できませんし、前項のように足あとによって mixi 内の情報とアクセスログが簡単に紐付けられてしまいます。 パスワードによる認証がかかっている SNSだからと、安易に、そして過剰に自分の情報を曝け出していませんか ?

類似部分その 3

足あとと紐付けられてしまうと困るサイトを見ない

こういった問題に限らず、 web サイトを見る場合はリモートホストなどの情報は常に ( サイトの管理者から見たら オープンになっています。 ) 例えて言うなら、身分証を堂々と首から下げて街を歩いているようなもの。 普通の web サイトの場合はその身分証に書かれているのは所属と ID ナンバー程度のものですが、ひとたび mixi の足あとと紐付けられると、それが顔写真付きでかつ名前入りのものになるようなものです。 事実、怖いことだと思いませんか？ 特に本名などを公開している人にとっては。 （(；ﾟДﾟ)ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ

例えば、あなたが娯楽系サイトを運営していると仮定します。 *.go.jp というリモートホストがアクセスログに残っていたとしまします。 *.go.jp というのは国の機関に与えられるドメインで、業務上必要な情報をあなたの娯楽系サイトに求めてきたのかもしれませんし、単純に仕事中にサボって見ているのかもしれません。 これだけではあくまで国の機関からのアクセスというのが分かるだけで、その中の誰がアクセスしてきたかは容易には分かりません。 しかし、 mixi の足あとと紐付けると、誰がアクセスしてきたかは分かります。 例え本名が分からなくも、その足あとの人が国の機関の人間だろうというのは分かります。 それを元に、職務専念義務違反で

脅迫することができる……かもしれません。

web サイトを見る場合はリモートホストなどの情報は常に ( サイトの管理者から見たら オープンになっています。 ) だと () の閉じ方おかしくないですか ?

足あとと紐付けられてしまうと困る情報を mixi 内に公開しない

こういった問題に限らず、 web サイトを見る場合はリモートホストなどの情報は常に ( サイトの管理者から見たら ) オープンになっています。 例えて言うなら、身分証を堂々と付けて街を歩いているようなもの。 普通の web サイトの場合はその身分証に書かれているのは所属と ID ナンバー程度のものですが、ひとたび mixi の足あとと紐付けられると、それが顔写真付きでかつ名前入りのものになるようなものです。

例えば、あなたが娯楽系サイトを運営していると仮定し、 *.go.jp というリモートホストがアクセスログに残っていたとしましょう。 *.go.jp というのは国の機関に与えられるドメインで、業務上必要な情報をあなたの娯楽系サイトに求めてきたのかもしれませんし、単純に仕事中にサボって見ているのかもしれません。 これだけではあくまで国の機関からのアクセスというのが分かるだけで、その中の誰がアクセスしてきたかは容易には分かりません。 しかし、 mixi の足あとと紐付けると、誰がアクセスしてきたかは分かります。 例え本名が分からなくも、その足あとの人が国の機関の人間だろうというのは分かります。 それを元に、職務専念義務違反で強請ることができる……かもしれません。

転載は認めているけれども

mixi の情報を常に持ち歩いていると、うっかり見られたり盗まれたり落としたりするという話は、 2006 年 2 月 3 日に私が公開した記事です。 http://b.hatena.ne.jp/entry/http://hxxk.jp/2006/02/03/0007 の最初のブックマークを見ても分かる通り、 2 月 3 日以降に公開して、後から日付けだけを改竄したわけではありません。 対して、 first challenge : 「マイミクの人は必ず見て」mixiの危険性は 2006 年 2 月 8 日に公開されています。 ( そして何故か 3 月 11 日に急激にブックマークされて人気エントリになりました。 )

私が web に公開している文章の引用や転載についてのスタンスは hxxk.jp について - 著作権およびリンクで表明していますが、 記述したのが私である旨を明記した上で、恣意的な改変や編集を行わない限り 転載を認めています。 これは私の書いた文章を、第三者がさも自分が書いたようにして公開したり、意図的に改変されて私の発言とされてしまったりすることを防ぐために書いていたのですが、今回のケースは私が危惧していたことをそのまま実現してくれました。

私が書いた内容を元にして書いていった結果、内容が似通ってしまっても全然構わないのですよ。 貴方自身の言葉で文章を一から書いていてくれるのであれば。 もしくはそのまま掲載するのであっても、私が書いた文章であるという出自を明確にしてもらえれば。 コピーをして、ちょこっと文末を書き変えて自分が書いたように公開する、それで貴方は何が得られるんですか。 はじめて当サイトにお越しくださった方は一読を と、トップページで堂々と他人の文章を自分のもののように書いていられるのはどうしてですか。

第三者に誤解の無いように書き添えておくと、サイトのビジュアルデザインが似ているのは問題はありません。 私は hxxk.jp で weblog を書いている他に、そのテンプレートの雛形を Web Standards with MT ver.3.2 Strict として公開・配布しており、 first challenge はそれを元に構築されているようですから。

All Rights Reserved はあり得ない

first challenge の tomo さんは Copyright ©2005-2006 first challenge All Rights Reserved. と謳っていますが、それは宣言できないでしょう。

テンプレートのクレジットを表示していない

Web Standards with MT ver.3.2 Strict : ダウンロードページ - ライセンスに、 Attribution-NonCommercial-ShareAlike 2.1 Japan に基づいて配布することを明記していますが、このライセンスの条件に 原著作者のクレジットを表示しなければなりません というものと、 再利用や頒布にあたっては、この作品の使用許諾条件を他の人々に明らかにしなければなりません というものがあります が、 first challenge はこれを明らかにしていませんし、そもそも原著作者ではないので tomo さんが著作権を主張することはできません。 ので、このケースにおいてクレジットや使用許諾条件を明らかにしていない first challenge は著作権を主張することはできません。 ( このライセンスに従った上で二次著作物を作成したのであれば、その著作権を主張することはできます。 )

素材が自作ではない

Web Standards with MT ver.3.2 Strict のサンプルでは secret bluemoon の素材を使わせてもらっていますが、この素材は再配布は認められていないため、テンプレートの中には含めていませんでした。 secret bluemoon のものを使っているというのは明記していたため、自らダウンロードされて使用されているのでしょう。

secret bluemoon - Web Graphics - Read Me では 著作権は放棄していません と明記されているため、 tomo さんが著作権を主張することはできません。

また、 h1 要素の背景画像 ( http://tomoblog.fool.jp/blog/img/title_banner.png ) も、プロが教えるMovable Typeの構造デザイン - 使用上の諸注意および Movable Typeオリジナルテンプレートのダウンロードのものを改変しているようですね。 この画像の 著作権は作者である森田雄氏に属し ているため、同様に tomo さんが著作権を主張することはできません。

著作権者から許可を得ている可能性もあるため、「著作権を主張することはできません」とは一概に言えないのではというご指摘をいただきました。 ここでは、他人が著作権を有する素材を使用しているという点を指摘するだけに留めることに変更させていただきます。

Web サイトにおける All Rights Reserved というのは、それを宣言している人がサイト内の全ての著作物の著作権を有し、主張しているとみなされますから、他人がその著作物を利用したいと申し出た場合は、その宣言者と交渉を持とうとするでしょう。 しかし、実はサイトの中には他人が著作権を持つ著作物が含まれていた場合、 All Rights Reserved という表記を信じて交渉して来た人に対し、「実は私の著作物ではないのです」と言えるものでしょうか ? 交渉する人は言うでしょう、「だったら All Rights Reserved なんて謳っているんじゃないよ」と。

はてなブックマーカの目は節穴か ?

あえて扇情的な見出しを付けましたが。 はてなブックマークで時々取り沙汰される問題として、ブックマークする記事の内容をちゃんと読んでいるのか、という問題があります。 ( 具体例としては「あとで」って，そりゃ読まずに評価してるだけじゃねえか｜踊る骨髄などでしょうか。 これはいささか感情論が目立ちますが。 ) もちろん、「完全に目を通してからブックマークしろ」という主張をするつもりはありません。 興味がありそうなタイトルの記事をとりあえずクリップするという使い方も充分に考えられます。

本題とは関係ない意外なつながり

他に転載されている部分が無いかを調べるために first challenge の記事を読んでいたのですが、 first challenge : CSS にて驚きの事実が !

急に話がそれますが僕が勤めている会社の社長が出版することになりました！ その名も電車男スタイリング・バイブル。

ぴろたんの変身プロジェクトを受け持った人の本ではないですか ! もっとも、 first challenge : 土曜日なのに・・・に 前仕事は退職し という記述がありますので、現在はこの会社には在籍されていないようです。

トラックバック送信先

first challenge : 「マイミクの人は必ず見て」mixiの危険性

何故、私が書いた文章をほぼそのまま使っているのですか ?

iPod mini のバッテリが弱くなってきた

昨日は久しぶりに走りに出たのですが、そこで iPod mini のバッテリが弱くなったのを改めて実感しました。

1. iPod mini を満充電状態にする。バッテリの数値は 490 くらい。
2. 1 時間ほどロードワーク。
3. ジムに行く。 iPod mini はバッグの中へ。この時バッテリの数値は 410 くらい。
4. 1 時間ほどウェイトトレーニング。
5. ジムを出る。いざ帰宅の途につくために iPod mini を取り出す。
6. 再生開始後 1 秒で「バッテリの電力が不足しています。 iPod mini を電源に接続してください。」のメッセージ。
7. しょうがないので iPod mini を再びバッグの中へ。
8. 帰宅したところで iPod mini をリセットしてみると、バッテリの数値が 390 くらいの状態で動き出す。
9. もうダメかもわからんね。

実際に 1 時間でバッテリが枯渇したわけではないのですが、ある程度使ってから一旦スリープ状態にすると、どうもバッテリ切れと錯覚されてしまうようで。 バッテリが弱ってきた場合、バッテリ交換サービスで交換することとなるわけですが、ぴろたんに人柱になってもらったところ、第 1 世代の iPod mini のバッテリ交換を行っても第 2 世代のバッテリになって返ってくるというおいしい話は無いようでして。

iPod nano を買おう

だったら、 iPod mini は車載専用にしてしまおう、と思いました。 車の方には電源を供給しつつカーステレオに接続できるようにしているので、バッテリが弱っていても関係ありません。 ( よく考えたら、そのために頻繁にスキップをしたりシャッフル再生を気兼ねなく行ってしまい、ディスクアクセスが頻繁になってバッテリの持ちが弱くなった可能性も考えられるなあ。 )

18 日から数日間、新幹線で東京の方に行く予定ですので、 iPod mini に代わる手段を確保しないと片道約 7 時間の旅は無音では耐えられません。 そこで、先日ちょっとしたきっかけでまとまった額の amazon ギフト券を入手したので、これを用いて iPod nano を買うことにしました。 iPod mini を車載専用にして、 iPod nano を旅行や運動用にするという使い分け。

iPod mini と iPod nano の比較表や iPod nano の各種モデルの比較表を作っていたので、それを眺めながらどれにするか考えているのですが、まだ決めあぐねています。 旅行や運動に目的を限定するから 1GB でも充分なのですけど、 2GB でも価格差は 4,000 円しか無いので 1GB がものすごく安くてお得というわけでもない、そして既存の iPod mini 用ライブラリとの整合性を考えるなら 4GB の方が便利……。 うーん。

ところで

前項で触れた東京行きですが、日程自体は 18 ～ 21 日で確保しているんですよね。 18 日と 19 日は既に予定を固めて会う人も決まっているのですが、 20 日と 21 日の予定が白紙のままです。 19 日でスパっと帰ってしまっても良いのですけど、せっかく出てくるなら何かしたいなあとも思っています。 既に直前の話になってしまっていますが、私と遊んでみたいという方がいらっしゃったらコメント等でお申し出ください。 東海道新幹線沿いに行けるところであれば東京でなくても構いません。 ( 要するに東京から九州に戻る道すがら途中下車するイメージ。 )

Re: ekken♂：（ほぼ）みんな「善意」じゃなくて「自己満足」でそのデザインにしているハズ

weblog における読みやすさって何だにて、 手元で何とかできるものは気にしない と言っていましたが、それについて 閲覧者サイドも何の悪意もなく、単にユーザースタイルシート機能の存在を知らないという理由だけで、読み難いデザインのブログからは遠ざかっていく事もあるのは、念頭にかけておいたほうが良いと思います と仰られていますが、私もそう思います。

この指摘はweblog における読みやすさって何だだけに向けられたものではなく、（ほぼ）みんな善意でそのデザインにしているにも向けられていると思うのですが、私は ビジュアルデザインやレイアウトに力を注ぐよりも、文章をしっかりと書けるように研鑽されているものが結局は読みやすいということになると思います。 もちろん、両方を兼ね備えていれば言うことはないのですけれど。 と、閲覧者側でどうにか出来るからと言って、製作者サイドがビジュアルデザインやレイアウトを気にしなくて良いわけではないと思っています。

製作者スタイルシートとユーザスタイルシートの関係についてはふりかけ味スタイルシート（前編）とふりかけ味スタイルシート（後編）が分かりやすく書かれているのですが、その喩えを借りると「自分好みのフリカケをかければどうにかなるので、どうしようもなくマズかったらそれを最終手段で使うようにしつつも、作った人のフリカケが美味しかったらそのまま食べたいよねえ」という感じです。 Web ではみんながフリカケの使い方を知っているわけではないし、独りよがりの味のフリカケがかけられているごはんよりもある程度食べる人 ( 見る人 ) のことを考えた味のフリカケをかけられているごはんの方が多くの人に食べてもらえるじゃん、と。

手元で何とかしたくないときもある

自分好みのフリカケをかければどうにかなるとは言え、あまりに元のフリカケ ( あるいはごはんそのもの ) がひどい味の場合は「そこまでして食べよう ( 読もう ) とは思わない」というケースもあります。

はてなブックマーク - ekken♂：（ほぼ）みんな「善意」じゃなくて「自己満足」でそのデザインにしているハズを見ていて、 kanimaster 『[blog][design][ekken] 松永さん、徳保さん、えっけんさん。どれもデザイン的には読みにくいと感じている。文体でカバーしているのでは？』 というコメントがあったので、じゃあ id:kanimaster のサイトはどうなのかと思って見てみましたが、 ( まあ goo ブログ自体がそうなのでしょうが ) ごはん自体がひどかったので手元で何とかする気が起きませんでした。 文字色が薄すぎる ( 明度差 119/255 、輝度比 3.49 、色差 357/765 ) のはフリカケでどうにかなるとしても、見出しが全く無く table を多重入れ子している部分はごはん自体の問題なのでどうにもできません……。 BLOG STATION の Ken さんには是非 goo ブログへデザイン改善の要望をして欲しいなあ。 ( えっけんさんはよく要望をしていましたが、 goo ブログからは撤収するようですし。 )

あと、フリカケでどうにかできる場合でも、姿勢に疑問を感じてしまうのでどうにかしたくない場合も。 Crossing Fingers／クロッシングフィンガーズという、ウェブ・ユーザビリティ&アクセシビリティ・ガイドライン―誰もが使いやすく、アクセスしやすいウェブサイトをデザインするための80の指針を執筆された方のサイトがあるのですが、横幅固定よりはリキッドレイアウトを採用するといったことを書かれているのに、 760px で横幅を固定 ( タイトル画像で 760px の幅を取っているため ) していたり、 Crossing Fingers／クロッシングフィンガーズ: 黒地に白の大文字のような事を書いているのに本文のフォントサイズを x-small にしていたりと、主張している内容と実際のサイトのデザインが乖離しているので、専ら RSS で読んでいます。 ( ウェブ・ユーザビリティ&アクセシビリティ・ガイドライン―誰もが使いやすく、アクセスしやすいウェブサイトをデザインするための80の指針自体は所有していますが、ためになる本だと思います。 なので、その内容が Crossing Fingers／クロッシングフィンガーズに生かされていないことが余計に失望を抱く原因になっているのです。 )

うーん、やはり元々のデザインが読みやすいかどうかって重要だなあ。 と再認識。

トラックバック送信先

ekken♂：（ほぼ）みんな「善意」じゃなくて「自己満足」でそのデザインにしているハズ

ユーザスタイルシートでどうにかできるとは言え、製作者が読みやすいデザインを心がけるに越したことはない、と思います。

Cuvée Des Trolls

ベルギーのブロンドエールビール。 ショップの説明ではやや濁りのある黄金色のビールということでしたが、そんなに濁りは気になりませんでした。 7.0 % というアルコール度数の割にはドライな味わいで飲みやすかったです。

Friart Grisette Blanche

ベルギーのウィートエールビール。 基本的に明るい色合いの多いウィートエールの中でも更に明るい部類に入りそうな黄金色で、グラスに注ぐと真っ白な泡ができあがりました。 ウィートエールらしさを残しつつ、クセの無い味わいで美味しかったです。 アルコール度数は 5.0% 。

Diebels Alt

ドイツのアルトビール。 ローストした大麦で作られた上面発酵ビールで、強い苦味が特徴。 最近は甘味が強いビールが好みなので、個人的にはあまり好きではありませんでした。 アルコール度数は 4.8% 。

コンビニで見かけて手に取ったけど、結局買わなかった

なんだか、ポーションについて書かれてある weblog をたくさん目にした日でした。

• Namamono ? Diary - ポーション
• Namamono ? Diary - ポーション #02
• Hatena::Diary::Code-404 - ポーション売ってなかった
• コトバノツドイ - ポーション
• もぶろぐ on Flickr - Photo Sharing!
• Latest topics > ポーション - outsider reflex

巡回先からピックアップしただけでもこうずらりと。 おまえらそんなに癒されたいのかと。 ポーションで回復できるのなら私のこの数年ぶりにひいた風邪を癒してくださいと。 先週末にひいた風邪がまだ治りきっていませんボスケテ。

私も昨日、昼食後に飲み物を買いにセブンイレブンに立ち寄った際に、現物を見かけていたんですよね。 発売されるという話は小耳に挟んでいたのでさして驚きもせず手に取りましたが、 200 円という私の中でのボーダーラインを超えた価格のために、ウォークインの棚に差し戻されることと相成りました。 そして、帰宅してから昨日が発売初日だったということを知り、道理で各地の weblog で見かけるはずだとひとりごちたわけです。

そういえば、おととい YouTube で Ultimate Utopia XXIII というファイナルファンタジーのマネを真剣にやっている動画を見ていたため、セブンイレブンの店頭で早速ポーションを呷っていた男子高校生を目にした瞬間、頭の中で彼の頭上に緑色の数字が浮かんでしまってしょうがなかったのですが、FINAL FANTASY©XIIとのコラボレーション商品化 サントリーで見られる CM でも同じように数字が浮かんでいるので、やはり誰もが考えることなのだなあと思ったり。

ポーション ( 大瓶 )

そういえば、青く綺麗な瓶に入った液体を先日いただいていたのでした。 大きさや価格などから考えて、さしずめハイポーションといった趣でしょうか。

これで私の風邪もばっちり回復といきたいところですが、風邪のときに飲んでしまうと逆に悪化してしまう属性を持っているので、お預け状態なのが辛いところです。 元気な時に飲むのなら回復薬じゃないじゃんとか、ポーション (potion) の本来の意味は一杯とか一服とかいう意味なので、そんなにデカい瓶はポーションとは呼べないじゃんとか、瑣末な指摘は却下します。

絵文録ことのはは読みやすいか ?

ekken♂：読みやすいブログにするなら、「絵文録ことのは」に学ぼうを読んで、絵文録ことのははお世辞にも読みやすいとはいえない、と私は思いました。 もちろん「読みやすい、読みにくい」というのは往々にして主観に左右されるものであるので、「そんなことないよ、読みやすいよ ! 」と思われる方がいらっしゃるのも承知の上で書き進めます。

ekken♂の越後屋健太さんは 僕は「読みやすい長文ブロガー」の代表として、絵文録ことのはの松永英明さんを挙げさせていただきます。文筆業を生業としているのだから、文章が読みやすいのは当たり前ですが、『絵文録ことのは』が読みやすいのは、文章力のみに依存するものではないのです と述べておきながら、 もし「松永さんのブログなんか、全然読みやすくない」という人がいたら、僕にはその人が、普段全く本を読まない人としか思えないです という主張に帰結しているため、結局見た目の工夫が良いから読みやすいと思っているのか、文章力が高いから読みやすいと思っているのかいまいち掴めませんが、私が読みやすくない理由として考えるものの多くは見た目に起因するものなので、それを中心に触れようと思います。

フォント周りのバランスの悪さ

繰り返しますが、これは私の主観に基づいた意見ですので、私が「悪い」と断言したところが人によっては「良い」と捉えられる場合もあることを最初にお断りしておきます。

読みやすくない理由としてまず私が挙げるのは、本文の文字のバランスの悪さです。 http://kotonoha.main.jp/styles-site.css を見てみると、

body {
  background:#ddd url("image/washi.gif");
  font:normal normal normal 100%/1.9 "ヒラギノ角ゴ Pro W3","Osaka-UI","Osaka", "MS UI Gothic","Arial Unicode MS","Arial", sans-serif;
  color: #444;
  letter-spacing:2px;
}

のようになっています。

背景画像の色と文字色のコントラスト

本文部分の背景には、 div.mtEntryBody にて background-image:url("image/genkoyoshi.gif"); というように背景画像が指定されているわけですが、この画像の色 ( #f5f5f5 ) と文字色 ( #444444 ) のコントラストは明度差が 177/255 、輝度比が 9.234 、色差は 531/765 と、悪くはありませんが決して充分とも言えない値です。 ( 少なくとも私は #444444 は薄いと感じました。 )

letter-spacing:2px;

letter-spacing を 2px と明示しているために、フォントファミリに関係なく 2px の隙間が空いてしまい、テンポ良く読むことができなくなっています。 書籍であれば固定ピッチフォントであるため、ある程度の文字間隔は必要だと思いますが、このスタイルのようにプロポーショナルフォントを指定している場合、よほどのこだわりが無い限りは文字間隔の指定は冗長かと思われます。

line-height:1.8em;

line-height を指定せずデフォルトのままで表示させていると、私は IE や Firefox や Opera などのブラウザでは少し窮屈に感じます。 そこで line-height に 1 以上の値を指定して、行間を少し開けている方が読みやすいのですが......個人的には 1.8em は空きすぎかなと思います。

UI 系フォント

そして、これは個人的な意見の最たるものかもしれませんが、 MS UI Gothic が本文に指定されていると途端に「読み辛い」と感じてしまいます。 MS UI Gothic はその名の通り Windows のユーザインターフェース、すなわち各種アプリケーションのメニュー文字や各種アラートに使われるフォントで、本文全体がこのフォントですと本文らしい感じがしないのです。 ( もっとも、これは第 4 候補のフォントなので、ヒラギノ角ゴ Pro W3 、 Osaka-UI 、 Osaka のいずれかがインストールされていれば MS UI Gothic が使われることはありませんが。 ただ、第 2 候補に Osaka-UI が指定されているところを見ると、絵文録ことのはの松永英明さんは UI 系フォントを好んで指定しているようですね。 )

画像の多用と不要なアンカー

次に、画像の件について。 絵文録ことのはのビジュアルデザインの大きな特徴として、リストマーカに使われているペンシル画像が挙げられます。 これは画像による色分けを行うことで、それぞれのリストに視覚的な差異を持たせているのだと思います。 ( 思います、と憶測に留めているのは、私は絵文録ことのはを常々拝見しているわけではないためです。 ) しかし、リストが出現するたびにこのペンシル画像を目にするのは、個人的に煩わしいなと思いました。 リストマーカに画像を使うというのは絵文録ことのはに限った手法では無いのですが、どうも 16*16 ピクセルのサイズは大きすぎるような気がしてならないのです。

また、越後屋健太さんは

松永さんは、一つのエントリをいくつかの章仕立てにし、区切り毎にエンピツのアイコンを表示、更に外部から参照しやすいように、そのアイコンにアンカータグを埋め込んでいます。

という点に着目していますが、これっていわゆる段落アンカーですよね。 Tab キーを使ってブラウジングしている場合は邪魔になってしょうがないし、メリットよりもデメリットの方が大きいと思うのですが......。 ( 何故デメリットの方が大きいか分からない場合は、絵文録ことのはや tDiary で作られた日記、あるいははてなダイアリーで作られたダイアリーをよく眺めて考えてみてください。 ) 要所要所に h3 要素による見出しを用いて、区切りを明確にしているため読みやすい、という点には賛同できます。

手元で何とかできるものは気にしない

......と、見辛い点をずらずらと羅列しましたが、これらの見た目に関する点は製作者スタイルシートを無効にするなりユーザスタイルシートを適用するなり、手元で何とかすれば済むので私はこだわりません。 実際、絵文録ことのはも含め、いくつかのサイトはそのようにして見ています。

となると、 ( あくまで私の場合における ) 読みやすさの判断基準は文章自体の読みやすさとほとんどイコールになる、ということになります。 文章だけで判断するなら、絵文録ことのはの文章は充分に読みやすいと私は思います。

何故「読みにくいと感じる」 = 「普段全く本を読まない」が結びつくのだろう

どうしてもうまく意図を汲み取れなかったのが、冒頭でも触れた もし「松永さんのブログなんか、全然読みやすくない」という人がいたら、僕にはその人が、普段全く本を読まない人としか思えないです という主張。 「普段全く本を読まない」 = 「読解力が身に付いてない」 = 「せっかくの読みやすい文章を読みやすいと感じない」というのなら分かりますが、 文章力のみに依存するものではないのです とレイアウト等も含めて考えて、「読みにくいと感じる」 = 「普段全く本を読まない」と結びつけているため、文章自体の読みやすさに視点を置く私の認識との乖離が生じているのだと思います。

もしかしたら、ブログパーツやサイドバーの類が無く、導入部に簡単な概要を書いていたり要所要所に見出しを配置していたりすることが、絵文録ことのはは他のブログよりも本というスタイルの文章に近いと越後屋健太さんは考えられているのかもしれません。 そう仮定すると、「本来の文章力 + レイアウトなどの配慮によって ( 普段から本に親しんでいる人には ) 更に読みやすくなっているのに、読みやすくなんてないと言う人は本を読んでいないのではないか」という主張も自然になるような気がします。 ( これはあくまで私の勝手な想像ですので、ご本人の回答をいただきたいところ。 )

結局はしっかりとした内容と、それを支える文章だと思う

これらを踏まえて、私なりの「読みやすい文章」の定義を考えてみると、やはり内容がしっかりと存在していることがまず前提にあって、それを的確に表現する文章構成というのが大部分だと思いました。 ビジュアルデザインやレイアウトというのは、文章の上手さと違って誰しもが良いと思える共通部分は少なく、それこそ好みによって大きく左右されます。 ( 明らかにダメなビジュアルデザイン・レイアウトは共通認識としてあるかもしれませんが。 ) また、 Web の大きな利点として、ビジュアルデザインやレイアウトは自らの手で外したり加工したりできるという点も見逃せません。 それらを考えると、ビジュアルデザインやレイアウトに力を注ぐよりも、文章をしっかりと書けるように研鑽されているものが結局は読みやすいということになると思います。 もちろん、両方を兼ね備えていれば言うことはないのですけれど。

こういったことを言った後で指摘するとあげつらっているように捉えられるかもしれませんが、 ekken♂はビジュアルデザインやレイアウトとしては見やすい部類に入ると思いますが、文章の方に読み辛い部分があるので、そこを見直してもらえたらな、と思いました。 と言っても、具体的にどこが悪いと言うほどではなく「読点が多くてテンポが崩れる」、「稀に『てにをは』の使い方に疑問が残る文がある」程度のものなので、私が気にしすぎなのかもしれませんが。

トラックバック送信先

ekken♂：読みやすいブログにするなら、「絵文録ことのは」に学ぼう

「読みやすい、読みにくい」というのは主観による面があるとは言え、私は「絵文録ことのは」はあまり読みやすいとは思いません。 文章自体は読みやすいと思いますが、ビジュアルデザインやレイアウトはむしろ読み辛いと思っています。

公式見解が出ましたというか対応されました

• はてなダイアリー日記 - はてな外のサイトからはてなダイアリーが閲覧できていた件につきまして

Unofficial Hatena::Diary? の件が対処されました。 追記していなかったけど、 http://diary.hamachiya.com/ というフォロワー (?) も実は登場していたり。

今回は「はまちちゃんもやり出したから」ではなく、最初の http://diary.pahoo.org/ の時点で対策が取られる動きがあったのですが、はてなブックマーク - はてなダイアリー日記 - はてな外のサイトからはてなダイアリーが閲覧できていた件につきましてを見る限り、そう認識していないユーザも多いみたいで……。

• 2006年03月06日 potappo 『[hatena][security][ip][dns][hamachiya][pahoo][webservice]また、はまちちゃんか。』
• 2006年03月06日 send 『[はてな][はまちちゃん] てか、別の件のをはまちちゃんが真似しただけだと思うけど、はまちちゃんがやるまで動かないのかよｗ』
• 2006年03月06日 odd991 『[はてな]対策』
• 2006年03月06日 stella_nf 『[net]』
• 2006年03月06日 ceekz 『僕のところも対応させようかな。バーチャルドメインで、先頭にダミーの設定をするだけだし。』
• 2006年03月06日 nkoz 『[はてなダイアリー]』
• 2006年03月06日 k3c 『[webサービス]ほうっておけばいいような気もするが』
• 2006年03月06日 hatayasan 『[hatenad][security]』
• 2006年03月06日 jnaoya 『[hatena]』
• 2006年03月06日 erupi 『[はてな][セキュリティ][はまちちゃん]http://b.hatena.ne.jp/entry/http://diary.hamachiya.com/の件』
• 2006年03月06日 b4-tt 『[はてな][Security]』
• 2006年03月06日 toinami 『[hatena]』

id:erupi さんと id:send さんと id:potappo さんはもう少しじっくりと背景を探った方が良いと思いました。 ( id:send さんは半分いい読みをしているけど。 )

ブックマークページにトラックバックできたらいいのにな

title 要素に文字参照は使用できるのか ? - Re: はてなブックマーク - AAぶろぐ_仏苦魔悪でも はてなブックマークのコメントで疑問を呟かれていた場合、その疑問を抱いた方に確実に回答をお届けする手段って無いですよね と書きましたが、こういう時にブックマークページにトラックバックを送ることができたらいいなと思いました。 まあ、自分のはてなダイアリーに書けば「このエントリーを含む日記」機能によってリンクが張られ、トラックバックしたのとほとんど変わらない結果が得られるのは分かっていますが、それは何だか負けた気分になるのでやりません。

ところで、 AAぶろぐ | はてなブックマーク - AAぶろぐ_仏苦魔悪の高橋雅奇さんは、結局 title 要素に実体参照を使うことについて、仕様を読めば答えが書いてあることに気付いたんでしょうか、それが心配です。 ブックマークコメントがずっと疑問形のままだと気になってしまうのですが、やはり自分の中に妙な拘りがあって、メールなどによる直接的な指摘はしていません。 ( やれよ )

61.196.246.67 に向けられたドメイン

• http://diary.pahoo.org/ ( 危険性は低いと思いますが、念のためはてなの各サービスからログアウトした状態でアクセスし、該当サイトからはログインを行わないようにしてください。 )

これがどういうサイトなのかは無題ドキュメント - DNSにはてなダイアリー向けのIPアドレスを振っただけですよや import otsune from Hatena - http://diary.pahoo.org/ にアクセスしても危険なことは特に無いや naoyaのはてなダイアリー - diary.pahoo.orgに分かりやすい解説がありますので、ここでは説明はしません。

私もこのサイトは特に害は無いと思いますが、この手法を用いた悪用方法 ( DNSのAレコードを書き換えて自分が管理するサーバに向けなおせば、それまでに http://diary.pahoo.org/ でログインした人の cookie を集めることができるのではないでしょうかなど ) はすぐに考えられそうなので、 Virtual Host の設定とかで hatena.ne.jp とかからしか来れないようにするといった対策は取るに越したことは無いと思います。 対策が取られ、はてなダイアリー日記 - はてな外のサイトからはてなダイアリーが閲覧できていた件につきましてにてアナウンスが行われました。

ところで、これはムームードメイン側の規約には触れないんでしょうかね。 ( ざっと MuuMuu Domain! - 利用規約を見たけど特に禁止されているわけではなさげ ? ) XREA.COM の場合は 他人のドメインを設定されている場合はアカウントの削除対象となります。 と書かれてあるため、あまり歓迎されない手法ではあると思いますが。

成りすまし ? と疑いつつも

• 昼サイブログ2.0 - なりすましはてな？
• ARCHER GETS TRINITY～弓道・映画・学校など～ - なんじゃこれ？

成りすましと疑いながらも、何の注意書きも書かずにリンクアンカーを記述するのはどうかなあと思いました。 ( この 2 つ以外にも http://diary.pahoo.org/ へのリンクを行っているダイアリーはありますが、成りすましの可能性を疑っていないので除外 ) 今回は、単にドメインを 61.196.246.67 に向けただけのサイトのようなので問題は無いと思いますが、これが本当にフィッシングサイトだったり CSRF 脆弱性を利用した攻撃をしかけていたりした場合、何ら注意をせずに安易にリンクを記述した人が責められることになるかもしれません。 ( 怪しい怪しいと言われているリンクを無警戒にクリックする方にも問題はあるとは思いますが。 以前、 PC 総背番号制 - だからと言って安易にクリックして良いわけではないでも述べましたが、紹介をする方もある程度気を付けてもらいたいものです。 )

フィードバックとかぶった斬りとか大歓迎ということなので

メールや IRC での指摘で済む部類かもしれませんが、シンプルで合理的なHTML文章作成法入門：基礎編 - コラム：HTMLでデザインの情報を記述する？に秀逸な誤字を見つけたので記事上に書いてみます。

そこでW3C（World Wide Web Consortium：HTMLなどのWeb技術の基本仕様を定義する団体）は、この問題をStyleSeatという概念を導入することでとても綺麗に解決することにしました。 StyleSeatとは、HTML文章とは独立してHTMLなどの各要素に対してデザイン情報を指定すためのものであり、HTML文章にとって、StyleSeatはあくまでも「こういうデザインをして欲しいな」という要望に過ぎないと解釈されます。

そうそう、スタイル様は立たせたまんまじゃご要望を聞いてくれないから、お座りになられる場所が必要、って…… Sheet! Sheet!!

ついでに他の部分も重箱の隅つつき

デザイン

これは一般的によく間違われる誤解なので、わざわざここで一つお断りしておきますが、HTMLを使って文章にデザイン情報を加えることは一切推奨されていません。 時折、字を大きくするための要素だとか色を変えるための要素だとか、そういうデザイン的な情報を記述する要素が紹介されることがありますが、そういったものはHTMLの本質から見れば非常に具合の悪い要素です。

デザインという言葉には「造形を意匠すること」や「図案や模様を考案すること」以外にも「機能や工程、構造などを構想・設計すること」という意味が含まれます。 よって、 HTML で文書構造を明確に表現することもデザインの情報を記述することに繋がるのではないでしょうか ? 字を大きくする、色を変えるといったことはあくまでデザインの一部でしかないと私は考えます。

HTMLはネットワーク上に公開されるもの

HTMLはネットワーク上に公開されるものですから「名無し」のファイルなんて公開しないでください。 またtitle要素は、ブックマーク（お気に入り）登録時のファイル名になったりリンクのアンカーなどにも利用されますから、その文章についての内容を的確に表した語句を指定することが望ましいです。

HTML は文書構造をマークアップするもの、あるいは環境に依存せずに情報を交換できる手段を提供するものであって、それがネットワーク上に公開されるかどうかということとは必ずしも結びつきません。 極端な話、単一マシン内のみで扱われることも充分にあり得ます。

HTML が誕生した大元の背景には、膨大な ( そして無秩序に累積され続ける ) 研究論文や資料の情報検索を容易にするというものがあったため、内容の識別を行うための要素としての title 要素が、必須の要素であるとされたのでしょう。 よって、ブックマークのファイル名やリンクのアンカーに利用されるから内容を的確に表した語句を指定することが望ましいというよりも、「内容を識別できる語句を指定すべき」と説明した方が良いと思います。

数値実体参照

私も正しく理解して日が浅いのですが、数値実体参照という表現はありません。 実体参照という表現は文字実体参照 (character entity reference) にのみ用いられ、数値形式で参照する場合は数値文字参照 (numeric character reference) と表現します。

これ以外にも、文章表現や漢字の使い方に疑問点がありますがそれはおいおい IRC あたりで指摘しようかと思います。