<?xml version="1.0" encoding="UTF-8" ?>
<feed
	xmlns="http://www.w3.org/2005/Atom"
	xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
	xml:lang="ja-JP"
>
	<title>私と&lt;marquee&gt;</title>
	<subtitle>最新2件を表示します。</subtitle>
	<id>tag:txqz.net,1970:/genre/%3Cmarquee%3E</id>
	<link rel="self" href="http://txqz.net/genre/%3Cmarquee%3E.atom"/>
	<link rel="alternate" type="application/rss+xml" href="http://txqz.net/genre/%3Cmarquee%3E.rdf"/>
	<link rel="alternate" type="application/xhtml+xml" href="http://txqz.net/genre/%3Cmarquee%3E.xhtml"/>
	<link rel="alternate" type="text/html" href="http://txqz.net/genre/%3Cmarquee%3E.html"/>
	<link rel="contents" href="http://txqz.net/genre" title="タグ一覧"/>
	<link rel="first" href="http://txqz.net/genre/%28%E7%A6%8F%29" title="(福)"/>
	<link rel="prev" href="http://txqz.net/genre/%3Chr%3E" title="&lt;hr&gt;"/>
	<link rel="next" href="http://txqz.net/genre/%3Cmeta%3E" title="&lt;meta&gt;"/>
	<link rel="last" href="http://txqz.net/genre/%EF%BD%83%EF%BD%83TLD" title="ｃｃTLD"/>
	<author>
		<name>陽坂智佐</name>
		<email>spambasket@txqz.net</email>
	</author>
	<entry>
		<title>ホムペ作ったー＼(^o^)／</title>
		<id>tag:txqz.net,2008-06-09:/blog/2008/06/09/2105</id>
		<link rel="alternate" href="http://txqz.net/blog/2008/06/09/2105"/>
		<content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml">

<p>勉強会メンバーの一人が<a href="http://hamq.jp/pc.html" title="無料ホームページ作成「ハムスター島」">ハムスター島</a>でホムペを運営しているとのことで私の中で空前のホムペブームが到来、そのままアカウントを取って<a href="http://www.hamq.jp/i.cfm?i=youzaka" title="txqz hamq">自分のホムペ</a>を立ち上げた。</p>
<p>動作確認かっこわらいをOpera9.27で取りつつ作成したため、Firefox2やIE6で見ると残念な結果になってしまった。FirefoxやIEで見るのは同一保持権の侵害かっこわらいなのでOperaユーザ率を高める意味も込めて皆さん<a href="http://jp.opera.com/" title="Opera ブラウザ: すべてのデバイスに最良のブラウザを">Opera</a>をぜひインストールしてアクセスしていきましょう！でも実際そんなの面倒だと思うので、下にキャプチャを置いておきますね＞＜</p>
<dl>
<dt>IE6</dt>
<dd><img src="/figure/2008/06/09/hamq_ie6029" alt="" /></dd>
<dt>Firefox2</dt>
<dd><img src="/figure/2008/06/09/hamq_firefox20014" alt="" /></dd>
<dt>Opera9</dt>
<dd><img src="/figure/2008/06/09/hamq_opera927" alt="" /></dd>
<dt>Safari3</dt>
<dd><img src="/figure/2008/06/09/hamq_safari311" alt="" /></dd>
</dl>
<p>きょうびはブログ全盛の世の中でみなさんなかなかホムペを持つこともないかもしれませんが、一つ作っておくと名刺代わりにもなっていいよ！オヌヌメ！</p>
<p>などのネタはともかく、気づいたところ:</p>
<ul>
<li><code class="html">&lt;isindex style="width: 10%; float: left;"&gt;</code>の処理。IEとSafariはstyle属性の指定を無視した。もともとisindexはhead要素の子となるべきものなので、style指定を無視するほうが妥当なのかもしれない。</li>
<li>marquee要素にstyle属性を指定するとFirefoxの表示が異常になった。marquee下にspanを追加し、そのspanにstyle属性を当てたところ改善された。(marqueeなのにposition:fixedなのがマズかった?)</li>
<li>plaintextがいったん始まればたとえ<code class="html">&lt;/plaintext&gt;</code>が現れようとかまわず文字列扱いにするブラウザがあった。さすがHTML4.0で廃止された要素タイプはレンダリングもやりたい放題だ。</li>
<li>さすがに<code class="html">&lt;script&gt;</code>や<code class="html">&lt;!--</code>は無効な文字列だとかでハネられた。</li>
</ul>
<p>iframeとかobjectとかはどうなるのかな? まあどうでもいいや。あと、最近はニコニコ動画とかもあるし、<a href="http://hatebutv.com/" title="はてブTV">はてブのコメントをニコニコ動画風に見るサービス</a>だってあるのだからmarqueeの復権があってもおかしくないのではないか。知らなかったんだけどmarqueeには以下のような愉快な属性が定義されているらしいぞ！ みんなでぜひ文字列を上下左右に動かそう！</p>
<table summary="marquee要素に定義されている主な属性を解説する5行3列の表です。">
<caption>marquee要素の主な属性</caption>
<thead>
<tr><th>属性名</th><th>属性値</th><th>意味</th></tr>
</thead>
<tbody>
<tr><th>behavior</th><td>scroll(初期値。一方向スクロール), slide(端にぶつかると停止), alternate(往復スクロール)</td><td>スクロールの仕方を指定。</td></tr>
<tr><th>direction</th><td>left(初期値。右から左), right(左から右), down(上から下), up(下から上)</td><td>スクロールの方向を指定。</td></tr>
<tr><th>scrollamount</th><td>数値</td><td>スクロールする量をピクセル単位で指定。</td></tr>
<tr><th>scrolldelay</th><td>数値</td><td>スクロール間隔をミリ秒単位で指定。</td></tr>
</tbody>
</table>
<p>ということで、熱に30分ほど浮かされて正気に戻りました。</p>
			</div>
		</content>
		<category term="自分のこと"/>
		<category term="ネタ"/>
		<category term="HTML"/>
		<category term="&lt;marquee&gt;"/>
		<trackback:ping>http://txqz.net/blog/2008/06/09/2105/tb</trackback:ping>
		<published>2008-06-09T21:05:58+09:00</published>
		<updated>2008-06-09T21:07:25+09:00</updated>
	</entry>
	<entry>
		<title>shuugi.inリリース</title>
		<id>tag:txqz.net,2008-01-12:/blog/2008/01/12/2022</id>
		<link rel="alternate" href="http://txqz.net/blog/2008/01/12/2022"/>
		<content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml">
<p>先日<a href="http://shuugi.in/" title="shuugi.in - 衆議院選挙総合情報サイト">Shuugi.in</a>がリリースされた。私が携わった部分はJavaScript部分やWikiの設置や、あとHTML・CSSの一部で、エンジンなど基盤部分は<a href="http://d.hatena.ne.jp/tetsuyasato/" title="インターネットと政治">id:tetsuyasato</a> ("id:"は敬称) や<a href="http://d.hatena.ne.jp/Kishi/" title="public static void main">id:Kishi</a>、Twitterボットなどは<a title="Home And Dry" href="http://d.hatena.ne.jp/seiryo/">id:seiryo</a>、ドキュメンテーションは<a href="http://d.hatena.ne.jp/stick23rd/" title="sleeping note +β">id:stick23rd</a>や<a href="http://d.hatena.ne.jp/uesima/" title="Beast Road">id:uesima</a>らによるもの。アイコンややりとりがかわいい「初めての予測市場講座」は従来の佐藤研ではできなかったコンテンツで、佐藤研2.0の息吹を感じさせるのに十分なものになっていて本当にGJ</p>
<blockquote cite="http://b.hatena.ne.jp/I11/20080111#bookmark-7054538" title="はてなブックマーク - ラージアイ・イレブンのブックマーク / 2008年01月11日">
<p>使える情報量は少ない。JANJANのザ・選挙http://www.senkyo.janjan.jp/ の方がはるかに情報量が多いし使えると思う。http://www.senkyo.janjan.jp/bin/search/election.php?election_type=1</p>
</blockquote>
<p>前回sangi.inのときは公示日が近かったのもあって全候補者・政党の出している公約やマニフェストを横断検索できるサービスや投票エージェントサービスを提供していたのですが、今回はまだそれらのサービスを提供する予定はありません。shuugi.inはいまのところ予測市場に特化 (<a href="http://oshira.se/" title="おしらセ！-oshira.se-">oshira.se</a>から「衆院選」で引っ張ってきたニュースも貼り付けているけど) したサービスを提供していますので、取引に必要な情報はJANJANなどからも入手していただき、それらを元にshuugi.inで取引していただければと思います。</p>

<hr />

<p>最近はWebアプリケーションにスタッフロールを載せるのが流行りで、あるいみsangi.inの協力者一覧はそれを見越していたと言えなくもないのはおいといて、やっぱりスタッフロールというと映画やテレビ番組のイメージが強く、やっぱりスクロールさせたい。そこでmarquee要素を利用して</p>
<pre><code class="html">&lt;marquee&gt;
製作指揮: 佐藤哲也 …
&lt;/marquee&gt;</code></pre>
<p>とかやるとmarqueeが許されるのは小学生までだよねーとか煽られるので、なら</p>
<pre><code class="html">&lt;div class="staffroll"&gt;
製作指揮: 佐藤哲也 …
&lt;/div&gt;</code></pre>
<p>で</p>
<pre><code class="css">div.staffroll {
    text-decoration: marquee;
}</code></pre>
<p>とかく評判は芳しくないけど、でもフラッシュでスタッフロールを作成すると今度は音声対応や検索対応の問題が出てくる。marqueeならテキストはそこにあるので、音声や検索の問題は解決する。</p>
<p>って、text-decorationプロパティの値にblinkはあってもmarqueeはないのか。なら取り下げ。</p>
<p>objectを使えばいいのか</p>
<pre><code class="html">&lt;object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"
    width="256" height="256"&gt;
    &lt;param name="movie" value="/staffrole.swf" /&gt;
    &lt;param name="quality" value="high" /&gt;
    &lt;dl&gt;
        &lt;dt&gt;製作指揮&lt;/dt&gt;
        &lt;dd&gt;佐藤哲也&lt;/dd&gt;
    &lt;/dl&gt;
&lt;/object&gt;</code></pre>
<p>ただ、やはりフラッシュの圧倒的な表現力の前にはユーザビリティだとかアクセシビリティだとかいう消極的な話はどうしてもかきけされてしまう。フラッシュでコンテンツを提供することである割合の層に情報を提供できなくなっても、圧倒的多数にこれまでにない斬新な体験をさせることができればそちらのほうが良いというのもひとつの考えだ。ただ、なるべくならテキストによる代替表現が用意されたほうがいいのは確か。</p>
<hr />
<p>話があさっての方向に行ってしまった。ともあれみなさん<a href="http://shuugi.in/" title="shuugi.in - 衆議院選挙総合情報サイト">Shuugi.in</a>をよろしくお願いします。</p>
			</div>
		</content>
		<category term="shuugi.in"/>
		<category term="Webサービス"/>
		<category term="ポリタンク"/>
		<category term="予測市場"/>
		<category term="&lt;marquee&gt;"/>
		<trackback:ping>http://txqz.net/blog/2008/01/12/2022/tb</trackback:ping>
		<published>2008-01-23T20:32:31+09:00</published>
		<updated>2008-06-11T14:17:24+09:00</updated>
	</entry>
</feed>