オレMLでマークアップしな

雑誌、新聞、チラシ、電車の中の広告、カップラーメンのフタ、居酒屋のメニューとか、そういうのを目にすると、これは大見だし、これはリード、なんて、つい、要素を分解してそれぞれの名前をちゃんといえるかどうか確認してしまいます。ハシラ、小見出し、キャプション、データ、なんて。タイトルまわりだと、これが情報のカテゴリーや種別を明示するパート、これが内容を端的に伝えるパート、で、これが読者を煽るパート、なんて役割の言い当てをしてみたり。

昔、雑誌の編集をやらされた頃に、その道での師匠でもあるうちの社長から、そういうトレーニングでさんざんしごかれたんですよね。雑誌一冊をまるごと頭からそんな調子で分解していくんです。

まず、構成要素のひとつひとつを名指しで呼べること、そして、それがなぜそこに配置されていて、全体の中でどんな役割を担っているのか説明できること。

それでくせになっちゃったんですよね。挙げ句の果てには、新聞読んで、この見出しのつけ方は間違ってる、なんて言い出したりして。

でも、最近、自分の身の回りに限った話ですけど、そういう、エディトリアルデザインの素養みたいなのを、Web ディレクターや、Web デザイナーたちがちょっと疎かにしすぎなんじゃないかなって思うことがあるんですよね。

ワイヤーフレームやらデザインカンプやらをチェックしてても、そのへんを直してもらうことが多いかもしれない。

Web　デザインでも、そういう要素名ってありますけど、ほとんどが、ナビゲーションの種類の名称で、あとは、タイトルやキャッチコピー系のがちょこっとあるくらいじゃないですか？サイトID、タグライン、グローバルナビゲーション、リモートナビゲーション、ブレッドクラム、ウェルカムメッセージ、ローカルナビゲーション、エクストラメニュー、コンテクストナビゲーション、フッタナビゲーション、ページネーション。

で、下手すると、コンテンツはコンテンツの一言で終わりだったり。テキスト、画像、おわり、とかいって。でも、その中の組立てにもいろいろあるわけです。

そうした局所的な小さな情報デザインこそが、実はユーザとのコミュニケーションの本体といっていいわけでしょう。あとは、いってみればそこに連れ込むまでのプロセスに過ぎない（いや、それが大変なんだけど）。

というわけで、むかし受けたトレーニングみたいなのを復活させようかななんて思わないでもないんですが、今なら、ちょっと込み入ったサイトをお手本に、そのコンテントだけぶっこ抜いて、それを自分なりに考えた要素名のタグで思いっきりマークアップしてみるってのはどうでしょう。いわゆる野良XML、それこそオレＭＬでね。

それをみんなで見せ合うと、おい、これがおまえにはそんなふうに見えてんのかー、なんてね、結構盛り上がるかもしれませんよ。あ、そうだ、そういうのがポストできるサイトってのはどうかな。元のページのURL と共にオレＭＬ版のソースをアップ。すると、エクスプローラ風のツリーでみせてくれる。コンテントの対応をみてインスペクタみたいなのができたらすごいな。人によってこうも違うかものかとか、ふざけたタグの名前に笑うとか。

CSS の id と classでやる手もあるけど、それだとあの中途半端なＨＴＭＬタグがセマンティック・マークアップの邪魔になるような気がするんですよね。といって全部 div ってのもばかっぽいし。やっぱここは、オレMLで。

IE6 Juggling #ID.Classes Bug?

IE6 の CSS で、ひとつの HTML エレメントに複数の class を割り当てるとろくなことにならない（ 最後に書いた class セレクタのスタイルしか適用されない）のは知ってたんですが、今日、おわー、こんなのもあったのかーというひどい IE6 仕様にでくわしました。これも有名な話なんでしょうか？

ある ID をつけた HTML エレメントの class 属性を、ユーザアクションに応じて、 jquery の addClass や removeClass でつけかえて見た目を変化させようとしたんです。

css のほうはこんなふうに書いておいてね。

#target-id { /* default style */ }
#target-id.class-a { /* a style */ }
#target-id.class-b { /* b style */ }
#target-id.class-c { /* c style */ }

それでたとえば、jQuery で　$("#target-id").addClass("class-c") ってやれば、c style が適用されて見た目ががらっとかわるってなもんでしょう。

でも IE6 だと、default style のまま。あれ、IE6 って、#ID.CLASS セレクタって使えないんだっけ？って$("#target-id").addClass("class-a
") ってやってみると、これは効くんです。

なんだこりゃってわけで、HTML エレメントの class 属性を直接いじっていろいろ試してみたところ　...

class="a"
-> style a
class="b"
-> style default
class="c"
-> style default
class="a b"
-> style b
class="a b c"
-> style c
class="a c"
-> style default
class="b c"
-> style default

と、まあ、ざっとこんなかんじです。定義の記述順にあたまから並べていけば、一番最後のクラスが適用されるんですよね。いったいどういうメカニズムなんでしょう。

まとめ。

・IE6 で　#ID.CLASS セレクタを使うなら、1Id1Classがおすすめ。

・複数のクラスをつかいたいなら、定義の記述順どおりに、HTML エレメントの Class 属性にクラス名をならべよう！

結局もうね、addClass removeClass でやりくりするのはあきらめて、css(key, value) でスタイル指定のひとつひとつを個別に変更することにしました。

まったくあたまにきますね。ひょっとしたら CSS マスターのみなさんの間では常識の類なのかもしれませんが、ちょっとググってみたかんじでは、ドンピシャの情報が見当たらなかったです。IE の CSS バグまとめサイトとかにあるかな、明日みてみます。

ネグリとハートのコモン

Blogger にメールでエントリーを投稿できなくなっちゃった件、トラックバックというかバックリンク？をもらって、まとめサイトを作ってくれてる人がいることを知りました。
リンクはりたいんですけど、どうにもこの、今そのまとめサイトがみつからない。 W-ZERO3 の Opera でも IE でも、パーマリンクにバックリンク表示されないし。ググっても出てこない。あした会社にいったらリンクはります。
ここ最近の Blogger の障害をまとめるよ!!
http://inoshiro.blogspot.com/2008/08/blogger.html
はりました。
そんなわけで、そのまとめサイトで、少なくともこれが　Blogger v.s. W-ZERO3 という狭い話じゃないことがじゃないことがわかりましたし、同じように悩んでいる人がいることに、正直、なんだか心強いものを感じました。まったくありがたいことです。
ここんところ、アントニオ・ネグリとマイケル・ハートの「マルチチュード」って NHK ブックスから出てる本を読んでるんですけど、それにコモンって概念が出てくるんですね。いや、ささやかすぎるかもしれないけど、これこそ、まさにそのコモンの一端なのかなって思いました。

コモンっていうのは、なんていうか、こう、政治経済社会全体を股にかけた、いろんな人間活動の基盤となるような共有財とでもいうんでしょうか、知識とかコミュニケーションの機会とかも含めて。
コモンといえば、われわれの界隈では、レッシグのクリエイティブコモンズが有名ですけど、それもその一部として含まれるかんじですね。
で、それが、端的にいえば今の悪としてのグローバル資本主義に対抗する手口の、ひとつの軸になるんだ、みたいな話なんです。
彼らがいうコモンの反対は私有でも専有でもプロプライエタリとかでもなくて、搾取なんですよ。で、搾取ってのはたんに奪われるっていうのとも違っていて、取られるほうも進んでそれに参加しなくちゃいけないような状況としてあるんですよね。
それの、洗練された最新バージョンとしてアメリカ主導のグローバリズムがあって、うっかりしてるとそれでいいなんて人も増えちゃうんだけど、そこには程度問題があって、悪い方にはいつまでも貧困と暴力が残ってしまうよ、と。
左翼ですよね。でも、ネグリなんて既存の左翼のことなんかけちょんけちょんで。左翼の本来は、つねに現状を未完成とみたてて、ひっきりなしに改善の努力を怠らないってことだとすれば、敵の洗練に対抗してこっちもどんどん洗練していかなくちゃ！。ってことなんでしょう。
そんなのを読むと、ハッカーだとかギークっていわれるような人たちがいて、たいていはそれぞれの勤め先を持ちながら、でもコモンの方を向いてどんどん更新を続けていく Web のある世界って、ずいぶんとすてきなもんだよなあと改めて思いますね。はじめに書くプログラムがみんな Hello World!っていうのもかっこいいですよね。
Web ディレクターだって、livedoor のみなさんとかね、惜しみなくコモンに財をもたらしてくれてますもんね。もちろんあれは 企業 PR の一貫なんであって、そういう意味ではぐるっとまわってコモンの反対が目指されてるんだなんて言い方もできるかも知れませんが、仮にそうだったとしてもべつにいいじゃありませんか。どういう下心があったってコモンへの貢献はげんに行われているんだし、むこうの搾取とおなじように密やかに、それと知られず浸透して、気づいたときにはもう外せなくなってるって、それもネグリとハートのいうコモンの特徴なんだと思いますよ。

ジャッジング・センター

オリンピックの野球みてて思ったんですけど、最近はハーフスイングにずいぶん厳しいジャッジが下されるようになってませんか？国際ルールだから？ぼくが子供の頃に見てた野球はもっとおおらかだったよう気がするんですけどね。気のせいでしょうか。

もう、ちょっと打つそぶりをみせただけでも塁審が手を上げてる。あれ、バットが止まって、キャッチャーとアンパイアが、あーっ今のどうなのよ！ってすごい勢いで一塁の塁審のほうを指さすでしょ、そしたら塁審も手を上げかけて、あ、でも今のやっぱセーフ、みたいにちょっと前につんのめりながらおっとっとなんて手を開いちゃって、それを見たキャッチャーがオイなんでーって反射的に関係ない三塁の塁審に指さし確認しちゃったらもんだから、三塁の塁審も、まったくあんちくしょう、普段から優柔普段でグズでどうしようもねえと思ってたら、また、こんな大事なところでしくじりがって、なにやってんだばかやろうって、思わず一塁に向かって高々と右手を上げちゃったりしてね、もうわけがわからない。

えー、なんてまあ、そんなわけでございまして、バッターにしろ、審判にしろ、ね、こう瞬時に判断を下すってのは、とかく難しいものでございます。

それで思い出すんですけど、選挙になるとテレビに政治家を呼んで、なんかタイムアタック風に Yes/No で質問責めにしますよね。あれも見てるぶんにはいいですけど、答えるほうはさぞ大変でしょうね。先に質問渡してもらえるのかな。まじめに考えると、ああいうふうに、即答の妙を競い合うところばっかりいたずらに際だたせるのもどうかと思いますけど、でも、まあ、あれで露わになる面があることも事実でしょうね。

で、あれを、政治家だけにやるんじゃなくて、われわれの人間関係の中にも持ち込んでみたらどうでしょう。

野球の話のながれでいうと、バッティングセンターでボールを打つみたいなかんじで、ばんばん投げつけられる質問に次々答えていくんです。 Yes/Noで。時間内に答えられないと見逃し。 ジャッジングセンターとかいって。

質問は、そうやって誰かの本性を暴きたい人が作る。ピッチングマシンにタマを込める。それでメールとかで答えてほしい相手を招待するわけです。彼女からそういうのが来て、やってみて、なんていわれたら、もうやらないわけにはいかない。やらないこと自体があやしい、なんていわれる。

全部の質問に答え終わると、回答結果が質問者にメールで送信される。質問は何問あるかわからないので、答えるうちに突然終わって送られちゃう。途中でやめても、そこまででおくられちゃう。つまり、ひそかに練習して答えを準備することはできない。

で、質問・回答が終わったあとの問い質しや、言い訳は当事者同士でよろしくやっていただく。うーん、じつに嫌な企画ですね。

いや、そういう疑心暗鬼の恋人同士とかだけじゃなくて、うちみたいな会社の入社試験とかでも使えるかもしれないですね。

あと、そういう対決型だけじゃなくて、○○がわかる20の質問とか、オープンな質問状もみんなで作れるようにして、回答すると、回答結果のパーマリンクが持てて、いろんなプロフィール情報の一部として活用してみたり。

回答結果から一定のロジックで診断するとか判定するとかじゃなくて、そういうふうに、時間制限あり一回こっきりの質問責めにどう反応したか、その様子を記録して評価するっていうWeb アプリですね。あると思います。

Blogger v.s. W-ZERO3

このブログは、たいてい会社からの帰り道、電車の中や、近所のミニストップ、ときには一人で入る和民とかで書いてます。W-ZERO3のメーラで書いて送信してるんですけど、なんか先週の木曜日の深夜あたりから、メールが受け付けられないんですよね。timeoutとかいって返ってくる。

でも、W-ZERO3 から Gmail には送れる。それから、Gmail から blogger にも送れる。W-ZERO3 から blogger に送れないんですよ。

何があったんでしょうか。あと、こういう不具合の報告ってどこからすればいいんでしょう。

これからは、こうやって、Gmail から送ることにしようかな。

おれた心と Web とポテトチップス

コンビニの雑誌の棚のならびの、単行本コーナーのラインアップって、こっちの心身の状態によってはですけど、なんだかすごく魅惑的みえることってありませんか。

すっかり心は折れててですね、もう、はやく家に帰って、びろーんとはらばいに寝そべって、健康とかカロリーなんかまったく気にせず、ポテトチップスやらシュークリームやらをだらしなく食い散らかしながら読みたいような本。

すぐにあちこちシミだらけになって、なんかの食べかすがいっぱいはさまっちゃうような、たとえばそうですね、日本史の謎、都市伝説、怖い話、お宝画像、トリビア、人生のハウツー、占いだとかの、はじめからついでに買われるつもりで待ち構えてるようなジャンクなやつ。

ああいう本がコンビニに並ぶようになったのってそんなに昔のことじゃないような気がします。でも、あれほどコンビニっていう存在の、少なくとも一部の層に対する麻薬的な部分を象徴してるもんも他にないんじゃないでしょうか。なんていうか、ポテトチップだけを買うときには顕在化しない何かが、ポテトチップとそういう本を一緒に買うといっきに立ち現れるでしょ。急にダメ人間臭が漂い始める、みたいなね。

このあいだ、ちょっとわけあって、民俗学とかでの日本の昔話研究ってどんなになってんのかなと、ざっくり Wikipedia で調べてみたら、関連で、日本の妖怪だとか、都市伝説や噂の一覧だとかが出てきて、思わず読みふけってしまったんですけど、そのとき、ああこれって、コンビニのジャンク本の代わりになるかもって思いました。

それこそ、折れた心で寝そべってお菓子たべたいユーザをターゲットに、そういう、コンビニのジャンク本に匹敵するネット上のコンテンツを集めた、一種のまとめサイトを作ると面白いかもしれませんね。ケータイ向けですね。

まずは、Wikipedia のジャンク本的な項目とか2chや教えて系のスレッド、ニュースサイトの記事、マニアックな個人ホームページなんかを集めて、分類して、それをジャンク本の一冊一冊のようなかんじのサイトデザインでまとめておく。

それから、実際のジャンク本やそういうネタのテレビ番組とかのレビュー記事を書いて、内容のさわりがわかるようにするのもいいかもしれないですね。テレビの「虎ノ門」とか「ラジかる」とかで、若手芸人が過去一週間のテレビ番組の内容を、実際のビジュアルは一切なしでくわしく紹介するコーナーがあったりしますけど、ああいうかんじで。

それで、そういう Web サイトを、コンビニが一種のプライベートブランドの商品として開発してですね、単行本の棚とお菓子や珍味の棚のどっかで PR するとか、できないかな。

朝型 Web

ぼくが小学生の頃は夏休みといえば早朝にラジオ体操に行ってはんこを押してもらってたもんです。でも、最近はそういうのないんでしょうか。小５の娘がいるんですけど、いままでそんなのがあるって話は聞きませんね。

あれには、夏休みだからってルーズな生活をおくらないようにっていう教育的な意図があったんですよね。きっと。

あるいは、あれかな、朝から家んなかに子供がいると、もうクソうるさくってしょうがないからっていう、地域ぐるみの陰謀だったのかも知れませんね。ぜんたいに、今じゃ考えられないほどうじゃうじゃいたわけですから。子供が。

それはともかく、早起きの習慣を崩さないようにってことでいえば、早朝の一定の時間だけ学校のサイトが開いて、そこにログインして、たとえば算数のドリルとかをやらなきゃいけないっていうのはどうでしょうね。それが夏休みの宿題の一部にもなってて。

時間がくると、もうその日のドリルにはアクセスできなくなっちゃう。

いままで何日参加して、どれくらいの問題を解いたのかとか、そういうステイタスはいつでもみられるんだけど。

ドリルとともに、時間限定でチャットも使えたりして、友達とちょっとしたコミュニケーションもとれて、それはそれで便利だったりする。でも、先生もときどき入ってきて、いつまでもしゃべってんじゃない、なんて怒られたりして。

それで、終わりの時間が近づくと、画面の隅でカウントダウンがはじまって、３、２、１、はい終了、またあしたーって。

いや、実際には、そんなの PC とインターネットの家庭普及率が 100 % にならないとありえないですけどね。

でも、子供の夏休みの話だけじゃなく、そういう時間限定 Web っていうのも面白いんじゃないかと思うんですよね。

たとえば生活を朝型に変えたい人たちの支援サイト。みんなでおはよう、と声をかけあって早朝になんかちょっとしたクイズ大会をやるとか。缶コーヒーのメーカーがスポンサーだったりして。あるいは、それ経由でAmazonのタイムセールに参加できるとか。

やっぱ企画としては朝がよさそうですね。他の時間帯じゃちょっと考えにくいかな。どうでしょう。

早起きの人限定の朝型 Web。ぼくはぜったい無理ですけど。

-----------------
sent from W-ZERO3