私と<marquee>

勉強会メンバーの一人がハムスター島でホムペを運営しているとのことで私の中で空前のホムペブームが到来、そのままアカウントを取って自分のホムペを立ち上げた。

動作確認かっこわらいをOpera9.27で取りつつ作成したため、Firefox2やIE6で見ると残念な結果になってしまった。FirefoxやIEで見るのは同一保持権の侵害かっこわらいなのでOperaユーザ率を高める意味も込めて皆さんOperaをぜひインストールしてアクセスしていきましょう！でも実際そんなの面倒だと思うので、下にキャプチャを置いておきますね＞＜

IE6

Firefox2

Opera9

Safari3

きょうびはブログ全盛の世の中でみなさんなかなかホムペを持つこともないかもしれませんが、一つ作っておくと名刺代わりにもなっていいよ！オヌヌメ！

などのネタはともかく、気づいたところ:

• <isindex style="width: 10%; float: left;">の処理。IEとSafariはstyle属性の指定を無視した。もともとisindexはhead要素の子となるべきものなので、style指定を無視するほうが妥当なのかもしれない。
• marquee要素にstyle属性を指定するとFirefoxの表示が異常になった。marquee下にspanを追加し、そのspanにstyle属性を当てたところ改善された。(marqueeなのにposition:fixedなのがマズかった?)
• plaintextがいったん始まればたとえ</plaintext>が現れようとかまわず文字列扱いにするブラウザがあった。さすがHTML4.0で廃止された要素タイプはレンダリングもやりたい放題だ。
• さすがに<script>や<!--は無効な文字列だとかでハネられた。

iframeとかobjectとかはどうなるのかな? まあどうでもいいや。あと、最近はニコニコ動画とかもあるし、はてブのコメントをニコニコ動画風に見るサービスだってあるのだからmarqueeの復権があってもおかしくないのではないか。知らなかったんだけどmarqueeには以下のような愉快な属性が定義されているらしいぞ！ みんなでぜひ文字列を上下左右に動かそう！

marquee要素の主な属性

属性名	属性値	意味
behavior	scroll(初期値。一方向スクロール), slide(端にぶつかると停止), alternate(往復スクロール)	スクロールの仕方を指定。
direction	left(初期値。右から左), right(左から右), down(上から下), up(下から上)	スクロールの方向を指定。
scrollamount	数値	スクロールする量をピクセル単位で指定。
scrolldelay	数値	スクロール間隔をミリ秒単位で指定。

ということで、熱に30分ほど浮かされて正気に戻りました。

先日Shuugi.inがリリースされた。私が携わった部分はJavaScript部分やWikiの設置や、あとHTML・CSSの一部で、エンジンなど基盤部分はid:tetsuyasato ("id:"は敬称) やid:Kishi、Twitterボットなどはid:seiryo、ドキュメンテーションはid:stick23rdやid:uesimaらによるもの。アイコンややりとりがかわいい「初めての予測市場講座」は従来の佐藤研ではできなかったコンテンツで、佐藤研2.0の息吹を感じさせるのに十分なものになっていて本当にGJ

使える情報量は少ない。JANJANのザ・選挙http://www.senkyo.janjan.jp/ の方がはるかに情報量が多いし使えると思う。http://www.senkyo.janjan.jp/bin/search/election.php?election_type=1

前回sangi.inのときは公示日が近かったのもあって全候補者・政党の出している公約やマニフェストを横断検索できるサービスや投票エージェントサービスを提供していたのですが、今回はまだそれらのサービスを提供する予定はありません。shuugi.inはいまのところ予測市場に特化 (oshira.seから「衆院選」で引っ張ってきたニュースも貼り付けているけど) したサービスを提供していますので、取引に必要な情報はJANJANなどからも入手していただき、それらを元にshuugi.inで取引していただければと思います。

---

最近はWebアプリケーションにスタッフロールを載せるのが流行りで、あるいみsangi.inの協力者一覧はそれを見越していたと言えなくもないのはおいといて、やっぱりスタッフロールというと映画やテレビ番組のイメージが強く、やっぱりスクロールさせたい。そこでmarquee要素を利用して

<marquee>
製作指揮: 佐藤哲也 …
</marquee>

とかやるとmarqueeが許されるのは小学生までだよねーとか煽られるので、なら

<div class="staffroll">
製作指揮: 佐藤哲也 …
</div>

で

div.staffroll {
    text-decoration: marquee;
}

とかく評判は芳しくないけど、でもフラッシュでスタッフロールを作成すると今度は音声対応や検索対応の問題が出てくる。marqueeならテキストはそこにあるので、音声や検索の問題は解決する。

って、text-decorationプロパティの値にblinkはあってもmarqueeはないのか。なら取り下げ。

objectを使えばいいのか

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"
    width="256" height="256">
    <param name="movie" value="/staffrole.swf" />
    <param name="quality" value="high" />
    <dl>
        <dt>製作指揮</dt>
        <dd>佐藤哲也</dd>
    </dl>
</object>

ただ、やはりフラッシュの圧倒的な表現力の前にはユーザビリティだとかアクセシビリティだとかいう消極的な話はどうしてもかきけされてしまう。フラッシュでコンテンツを提供することである割合の層に情報を提供できなくなっても、圧倒的多数にこれまでにない斬新な体験をさせることができればそちらのほうが良いというのもひとつの考えだ。ただ、なるべくならテキストによる代替表現が用意されたほうがいいのは確か。

---

話があさっての方向に行ってしまった。ともあれみなさんShuugi.inをよろしくお願いします。