<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>AZ storeの【雑記】の更新情報</title>
	<atom:link href="http://az-store.nrym.org/note/feed" rel="self" type="application/rss+xml" />
	<link>http://az-store.nrym.org/note</link>
	<description>AZ storeの雑記です。webに関する雑感、書籍の感想、腐女子ネタなどを書いています。サイト本体の更新情報RSSのURLは http://az-store.nrym.org/feed/ です。</description>
	<lastBuildDate>Tue, 08 Dec 2009 12:00:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>コミックマーケット77カタログ（P1340-1343）に腐女子コラムを書いた</title>
		<link>http://az-store.nrym.org/note/2009/12/08/89</link>
		<comments>http://az-store.nrym.org/note/2009/12/08/89#comments</comments>
		<pubDate>Tue, 08 Dec 2009 12:00:01 +0000</pubDate>
		<dc:creator>坂取</dc:creator>
				<category><![CDATA[オタク]]></category>

		<guid isPermaLink="false">http://az-store.nrym.org/note/2009/12/08/89</guid>
		<description><![CDATA[コミックマーケット77カタログ（P1340-1343）に腐女子コラムを書かせていただいた。機会のある方は読んでほしい。]]></description>
			<content:encoded><![CDATA[<p>単なる宣伝記事で、タイトルが全てです。各ページの四コマ漫画の下に1,800字ほど書かせていただきました。</p>
<p>内容はこのブログに書いていることの簡易まとめなので、ご覧になった方は「またか」と思われるかもしれない。そもそもブログでも毎回同じような主張ばかりしているのだが。ということなので、機会がある方は読んでもらえると嬉しい。よろしく☆彡</p>
<p>「坂取さんの文体は固めなので、やわらかめにお願いします」というアドバイスをいただいたのに、結局あの様（謎）である。ほんわかした可愛い四コマの下に陰鬱なコラムが並んでいるのを見て、</p>
<ul>
<li><img src="/note/material/2009/120801" alt="うわぁぁあぁあぁ" class="noframe" /></li>
</ul>
<p>リアルでうわぁぁあぁあぁな気持ちになってしまった。拭いきれない違和感が紙面から漂っているような…。でも、腐女子問題を考えるうえでいつも思っていることだし、主張したいことなので。</p>
<p>「webは不特定多数の人が見ている」ということを理解してサイトを運営してきたつもりだが、まさかこんな機会に恵まれるとは思わず、メールをいただいた時は驚きと嬉しさでいっぱいだった。声をかけてくださった里見さん始めコミケ関係者の方に礼を述べたい。</p>
<h2>近況・その他</h2>
<p>空いた時間に今冬のコミケカタログを読んでいる。サークルカット以外の部分が読み物としておもしろい。サークルチェックしかしていない人も多いかもしれないが、一度それ以外のページも読んでみては。ついでに私のコラムも読んでください。</p>
<p>この宣伝のためだけにwebに復帰したので（約1週間ぶり…）、すぐオフラインに戻る。RSSリーダーの未読が四桁になっていたり、そして読まずに既読化したり、Twitterのサンタ帽アイコンに圧倒されたり色々そんな感じで気忙しい。</p>]]></content:encoded>
			<wfw:commentRss>http://az-store.nrym.org/note/2009/12/08/89/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>私信はメールで伝え、共有したい情報はwebページに載せる</title>
		<link>http://az-store.nrym.org/note/2009/11/18/88</link>
		<comments>http://az-store.nrym.org/note/2009/11/18/88#comments</comments>
		<pubDate>Wed, 18 Nov 2009 14:58:03 +0000</pubDate>
		<dc:creator>坂取</dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://az-store.nrym.org/note/2009/11/18/88</guid>
		<description><![CDATA[私信はメールで伝え、共有したい情報はwebページに載せるようにしている。]]></description>
			<content:encoded><![CDATA[<p><a href="/note/2009/11/15/87">「検索避け批判」批判によくある誤解</a>にいくつかweb拍手メッセージをいただいた。何度も読み返して心の養分にしている。今後記事を書く際に参考にしたい。ありがとうございます！</p>
<p>ツイートに言及しても相手に気づかれないのでは？という意見をいただいたが、私は「私信はメールで伝え、共有したい情報はwebページに載せる」という考えなのであれで構わない。更に言えばご本人の目に入る入らないも関係ない。前半部分は仲村さん宛てに見えるが（実際彼女に向けた部分もある）、「検索避け批判を誤解している人」に対象に書いたのだから。例え特定の誰かに向けた表現があっても、共有した方がいいと思う情報はwebにアップする。特定の相手だけに伝えたい情報はメールを送る。引用が断りを入れずに成立するシステムでよかったと思う。</p>
<p>そういえば、<a href="/about">サイト案内</a>にも書いてあるのだった。</p>
<blockquote cite="/about" title="サイト情報 - AZ store">
<p>私が作成したページについて、共有したほうがいいとあなたが考える情報は各種ソーシャルブックマークやご自分のブログで言及してください。私に確実に伝えたいことがあればメールフォームかweb拍手から直接ご連絡ください。いただいたメッセージはありがたく拝読していますが、基本的に個別の返信はしていません。</p>
<p>サーバのアクセスログを一定期間保存していますが、あまり解析していません。よほどアクセスがない限りリンク・言及されても気づかない可能性が高いです。</p>
</blockquote>
<p>メールフォームやweb拍手のメッセージは必ずチェックしている。たまに各種ソーシャルブックマークも見ている。アクセス解析は1箇所から20人くらい飛んできたら気づくかもしれない。本当はリンク元も把握した方がいいのだろうが、手間がかかるので。確実な連絡方法を提示しているからこれでよしとする。</p>
<p>テンプレートの更新が止まっているので作業を再開したい。</p>]]></content:encoded>
			<wfw:commentRss>http://az-store.nrym.org/note/2009/11/18/88/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>「検索避け批判」批判によくある誤解</title>
		<link>http://az-store.nrym.org/note/2009/11/15/87</link>
		<comments>http://az-store.nrym.org/note/2009/11/15/87#comments</comments>
		<pubDate>Sun, 15 Nov 2009 00:48:28 +0000</pubDate>
		<dc:creator>坂取</dc:creator>
				<category><![CDATA[オタク]]></category>

		<guid isPermaLink="false">http://az-store.nrym.org/note/2009/11/15/87</guid>
		<description><![CDATA[検索避け批判者は、検索避け正当化批判者、検索避け強制批判者であり、検索避け行為そのものを批判しているのではない。]]></description>
			<content:encoded><![CDATA[<dl>
<dt>要約</dt>
<dd>検索避け批判者は、検索避け<strong>正当化</strong>批判者、検索避け<strong>強制</strong>批判者であり、検索避け行為そのものを批判しているのではない。</dd>
</dl>
<p>私は腐女子マナーの強制を批判する記事を書いている。たまに外部サービスを使って検索避けや無断リンクの情報を集めることもある。</p>
<ul>
<li><a href="http://pcod.no-ip.org/yats/search?query=%E6%A4%9C%E7%B4%A2%E9%81%BF%E3%81%91&#038;lang=ja" rel="nofollow">「検索避け」の検索結果（Twitter検索）</a></li>
<li><a href="http://b.hatena.ne.jp/t/%E6%A4%9C%E7%B4%A2%E9%81%BF%E3%81%91?sort=eid" rel="nofollow">「検索避け」タグを含む新着エントリー（はてなブックマーク）</a></li>
<li><a href="http://b.hatena.ne.jp/t/%E8%85%90%E5%A5%B3%E5%AD%90?sort=eid" rel="nofollow">「腐女子」タグを含む新着エントリー（はてなブックマーク）</a></li>
<li><a href="http://b.hatena.ne.jp/t/%E7%84%A1%E6%96%AD%E3%83%AA%E3%83%B3%E3%82%AF?sort=eid" rel="nofollow">「無断リンク」タグを含む新着エントリー（はてなブックマーク）</a></li>
<li><a href="http://delicious.com/sakatori/web-robots" rel="nofollow">web-robots（Delicious）</a>　※私のDeliciousで「検索避け」の話題を含むブックマーク</li>
</ul>
<p>そして、私が検索避けを批判するように、検索避け批判を批判する方もいる。私のような検索避け正当化・強制批判者に対する決まった名前はないが<sup><a href="#no87-1">*1</a></sup>、「検索避け反対派」と呼ばれることがある。「腐女子たちが身内だけで楽しく（？）やっているところに、ずかずか土足で踏み込んで『正義』を振りかざす人」、例えば正義厨やモヒカンなどのようなイメージで語られることもある。</p>
<p>検索避けをマナーと称して他人に強制する腐女子――つまり検索避け推奨・賛成・支持派――に疑問を投げかける存在だから、単純に反転させて「検索避け反対派」と認識するのはかなりまずい。何故なら、そこで言われる「検索避け反対派」は検索避け自体を否定しているわけではないからだ。</p>
<p>この記事を書こうと思ったきっかけは、<a href="http://pcod.no-ip.org/yats/search?query=%E6%A4%9C%E7%B4%A2%E9%81%BF%E3%81%91&#038;lang=ja" rel="nofollow">「検索避け」（Twitter検索）</a>や<a href="http://favotter.matope.com/search.php?words=%E6%A4%9C%E7%B4%A2%E9%81%BF%E3%81%91&#038;user=&#038;fav_by=&#038;sort_by=id" rel="nofollow">「検索避け」（ふぁぼったー検索）</a>で見つけたツイート。<a href="http://twitter.com/natukusa" rel="nofollow">仲村さんのTwitter</a>（<a href="http://favotter.matope.com/user.php?user=natukusa" rel="nofollow">ふぁぼったー</a>）2009年9月8日&#12316;2009年9月17日に腐女子・検索避け関係のツイートがあり興味深く拝見していた。しかし、私と仲村さんはかなり近い考えを持っている（と私は思っている）が、「検索避け反対派」を誤解しているように思えたので、検索避け批判批判によくある誤解の弁明も兼ねて書こうと思う。</p>
<blockquote cite="http://twitter.com/natukusa/status/3953345011" title="Twitter / 仲村陸">
<p>「検索除けしろ！勝手にリンクすんな！」と「検索よけしなくていいだろ！リンクするのは自由！」と別れてで戦ったらいかんよな。この二つの主張はいずれも「全体に適用しようとする」派だから、戦うなら「そんなん個々で対応すればいいじょない」派とだなあ。</p>
</blockquote>
<p>「検索避けしなくていいだろ！」は、してもしなくてもいいという意味なので、「そんなん個々で対応すればいいじゃない派」に当て嵌まるのでは。もし「検索避けすべきでない！」という主張であれば全体に適応しようとしていることになるだろうが。そもそも検索避け推奨派は日々領土（謎）を拡大しようとしているが、<strong>検索避け批判者は検索避けをなくそうとしているのではない</strong>。</p>
<blockquote cite="http://twitter.com/natukusa/status/4055392126" title="Twitter / 仲村陸">
<p>検索避け反対派の人は、世界中でただ独りだけになった推進派さえも糾弾しそうで怖い。それは「みんなで検索避けしないとだめでしょ！」の単語を変えただけで文脈は同じことなんだよなー。戦うべきは「検索避け」ではなく、「みんなで～しないとだめでしょ！」だと思うんだが、どう伝えようこの想い。</p>
</blockquote>
<blockquote cite="http://twitter.com/natukusa/status/4054912655" title="Twitter / 仲村陸">
<p>よー知らんけど、検索避けによる抑圧からの解放を謳う方々が捕捉範囲内で活発に動いているのを最近たまに見かける。中には抑圧から解放するためには検索除けすべきではない！という抑圧を生んでる人もいるから頭が痛い。だからああいう記事を書いてみたんだけど、どうすれば読んでもらえるだろう。</p>
</blockquote>
<p>それなりに無断リンク・検索避けの記事やブックマークコメントを読んできたつもりだが、<q cite="http://twitter.com/natukusa/status/4055392126" title="Twitter / 仲村陸">世界中でただ独りだけになった推進派さえも糾弾しそう</q>、あるいは<q cite="http://twitter.com/natukusa/status/4054912655" title="Twitter / 仲村陸">抑圧から解放するためには検索除けすべきではない！という抑圧を生んでる人</q>は見たことがない。これを読んで、仲村さんは「検索避け反対派」と検索避け<strong>正当化</strong>批判者・検索避け<strong>強制</strong>批判者を区別していないのではないかと思った。</p>
<h2>検索避け批判者は、検索避け「正当化」批判者、検索避け「強制」批判者である</h2>
<p>検索避け反対者、あるいは検索避け批判者と書くといかにも検索避け行為を批判しているようだが、私の観測範囲にいる二次創作サイト検索避け批判者は「検索避けするもしないも管理人の自由。マナー・ルールを出して正当化するな。『違法だから』と脅して強制するな」というスタンスの人が殆どだ。そして私もその一人だ。「検索避けの必要はない」と書くこともあるが、あくまでそれは検索避け正当化・強制反対を表す延長線上にあるもので、検索避け自体を批判しているのではない。仲村さんが見た<q cite="http://twitter.com/natukusa/status/4054912655" title="Twitter / 仲村陸">検索避けによる抑圧からの解放を謳う方々が捕捉範囲内で活発に動いている</q>状態は、検索避け正当化・強制反対を表す延長線上にある発言なのではないだろうか。</p>
<p>仮に「検索避けすべきでない」と強く主張をする人がいれば、私はかれを批判する。私がいつも批判しているのは<strong>意味のない行為の正当化・強制</strong>だからだ。「検索避けは悪」、「検索避けはマナーに反する」と主張したいのではないし、検索避けそのものをなくそうとしているのでもないのだから。私以外の検索避け批判者がどう思うかは分からないが、同意してくれる人は多いのではないかと思っている。</p>
<p>検索避け批判サイトは<a href="http://onlinebkm.nobody.jp/" rel="nofollow">二次創作＋オンラインブックマーク総括</a>が一番有名だと思う。<q cite="http://onlinebkm.nobody.jp/" title="二次創作＋オンラインブックマーク総括">オンラインブックマーク・ついでにロボット検索に対する偏見をとり壊し、過敏すぎる反応を和らげること</q>を目的にしたサイトだ。多くの検索避け批判者はこのサイトと同じく「その考え本当に正しいの？」、「みんながやってるから従わせるのってどうよ？」、「脅すのってどうよ？」と検索避け<strong>正当化・強制</strong>批判をしているだけだ。<strong>検索避け批判者が訴えているのは、検索避けする・しない判断を管理人に任せる自由である。</strong>「私は自分で考えて検索避けを施すことにした」、「mixiやTwitterのプライベートモードを使っている」と言う人がいても、検索避け正当化・強制批判者は彼女を批判しないだろう。実際私の二次創作サイトも検索避けしているし。自身が検索避けすることと、検索避け正当化・強制批判をすることは矛盾しない。</p>
<p><q cite="http://twitter.com/natukusa/status/4055392126" title="Twitter / 仲村陸">戦うべきは「検索避け」ではなく、「みんなで～しないとだめでしょ！」だと思う</q>にはとても共感する。検索避け批判者の多くが批判しているのはまさに「○○すべき」という考えなので、気持ちは十分伝わっていると思う。少なくとも、私と仲村さんが目指しているものは同じで見ている角度が少し違うだけだと感じた。</p>
<h2>腐女子マナーに異を唱えること</h2>
<p>ここから話が変わる。</p>
<p>これも何度か書いたが、「腐女子ルールを守らないこと」、「腐女子ルールに異論を唱えること」は腐女子界隈の禁忌になっている。腐女子ルールを疑うことすら許されない雰囲気がある。私が<a href="/note/otaku">オタクカテゴリー</a>に書いていることを、検索避けが普及したジャンルの二次創作サイトでも書けばどうなるかは容易に想像できる。</p>
<p>友人・知人を失う。ジャンル中で孤立する。何故みんなと同じことをしないのかという批判メールが来る。閉鎖しろ、消えろと中傷メールも来るだろう。厳しいジャンルだと隠れないという選択をしただけで2chや関連サイトに晒されたり、まとめサイトを作られたりする。ジャンルを移動しても「ジャンルを脅かした厨」というレッテルはずっと貼りつけられたまま剥がれることはない。閉鎖してやっと「危険人物が消えてよかった」と周囲の人間は胸を撫で下ろす。悪者にされた人の気持ちを想像するとやりきれない。</p>
<p>私はこの状態をおかしいと思っているのだが、「ルールを守らない方が悪い」、「ジャンルを守るためだから仕方ない」で済まされるのが現状だ。Twitter検索の「検索避け」結果を見ていると「検索避けしてないサイトに匿名で注意してあげた方がいいのか」、「検索避けしていないサイトは滅びるべき」、「ナマ出身のせいか、二次でも検索避けしてないサイトはイラつく」ということも書かれてることもある。</p>
<h2>理由を述べず相手を否定・罵倒できる権力</h2>
<p>検索避けするのが正しい・正しくないは答えが出ないと思う。検索避けすべき・すべきでないは、管理者が決めることだと思う。検索避け強制批判をしていると反論メッセージを頂くこともあるのだが、それらは感情的なものが多かった。例えば以下の通り。</p>
<dl>
<dt>私「検索避けを強制するのはおかしい。個々の管理人の判断に任せるのがいい」</dt>
<dd><ul>
<li>閲覧者A「何故検索避けを否定するのか」</li>
<li>閲覧者B「自分の考えを他人に押しつけるな」</li>
<li>閲覧者C「あなたのような迷惑な記事を書く人がいるから真っ当な腐女子が誤解される」</li>
<li>閲覧者D「腐女子を増長させるような記事を書くな。巣から出てきたらみんなが迷惑する」</li>
<li>閲覧者E「腐マンコはさっさと死ね」</li>
</ul></dd>
</dl>
<p>噛み合っていない。実際はもっときつく汚い言葉が使われていたので、よほど相手は不快だったのだろう。</p>
<p>「検索避けするもしないも個人の自由。マナー・ルールを出して正当化するな。『違法だから』と脅して強制するな」と書いているのに、文章の最初と最後だけ見て「<strong><strong>検索避け</strong></strong>するもしないも個人の自由。マナー・ルールを出して正当化するな。『違法だから』と脅して強制<strong><strong>するな</strong></strong>」と読む人がいる。「検索避けするな」とは一度も言っていないのにそう読まれてしまう。</p>
<p>腐女子界隈に限らず実際にいる。相手を否定しない言葉を選びつつ、穏やかにやんわりと話し、理不尽であろうが何であろうがとりあえず相手の言葉と感情を受け止めながらレスポンスしても、「肯定しなければ、即自分を否定・攻撃している」と思い込む人は。</p>
<p>「別に隠れなくていい」、「検索避けも好きにすればいい」というふうに腐ルールを穏やかに批判しても、強い反発をするのは、主張側に「腐女子は隠れるのが正しい・そうすべき」という意識があるからなのでは。そして、正しいゆえに相手に理由を説明しなくても、腐女子に自重することを強制したり罵倒できるのではないか、そう思えてならない。</p>
<h2>【余談】常体にした</h2>
<p>「頭が悪い、あるいは文章が下手だという自覚がある人は簡潔な常体で書け」という主張を読んでなるほどと思ったので変えてみた。少しは読みやすくなっただろうか。でも自分のアホさが際立つようで気恥ずかしいので敬体に戻すかもしれない。</p>
<dl>
<dt>未回予告</dt>
<dd>検索避け賛成者と批判者の共生案（仮）</dd>
</dl>
<h2>参考記事</h2>
<ul>
<li><a href="http://ekken.blog1.fc2.com/blog-entry-1100.html" rel="nofollow">「自分と感性や判断の基盤が違う人の自由を認めないモヒカン」ってどこの誰？（ekken）</a></li>
</ul>
<ol class="footnote" id="no87">
<li id="no87-1">そもそも数が圧倒的に少ないのでマジョリティ腐女子に存在を認識されていない説。</li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://az-store.nrym.org/note/2009/11/15/87/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>リンクが分かりやすいデザインはいいウェブデザイン</title>
		<link>http://az-store.nrym.org/note/2009/11/08/86</link>
		<comments>http://az-store.nrym.org/note/2009/11/08/86#comments</comments>
		<pubDate>Sun, 08 Nov 2009 14:57:36 +0000</pubDate>
		<dc:creator>坂取</dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://az-store.nrym.org/note/2009/11/08/86</guid>
		<description><![CDATA[リンクはwebの根幹なので、そのデザインは大切にしてほしいです。]]></description>
			<content:encoded><![CDATA[<p>いいウェブデザインはリンクが分かりやすいというか。</p>
<p>このサイトでは<a href="/download/user-stylesheet/">ユーザースタイルシートの配布</a>をしています。よく使うサイトには専用のユーザースタイルシートを作りますが、全てのサイトでそうするわけにはいきません。</p>
<p>ユーザースタイルシートを知ったばかりの頃は制作者CSSを無効にしてユーザースタイルシートを適応させるのがいい使い方（？）のように思っていたのですが、サイトごとに文書構造が違うので制作者CSSを無効にすると不都合が起きることが多かったです。なので現在は「サイトのデザインはそのままで見やすくする」<a href="/download/user-stylesheet/general/">汎用スタイルシート</a>を使っています。具体的にはこんな感じ。</p>
<ul>
<li>行間を調整する</li>
<li>フォントいじりを無効にする</li>
<li>font-familyの指定を無効にする</li>
<li>cursorプロパティを無効にする</li>
<li>br連打無効</li>
<li><strong><strong>リンクを分かりやすくする（リンク画像にはborderをつける）</strong></strong></li>
</ul>
<p>少し変えただけで大分見やすくなりますね。</p>
<p>ソリッドレイアウトよりリキッドレイアウトの方がいい云々の私の好みはあるのですが、別にソリッドレイアウトだからといって閲覧をやめてしまうほどの嫌悪感はありません。しかし、リンクが分かりにくいサイトは嫌悪感が湧きます、あまりに酷いと閲覧をやめてしまうほど。未訪問・訪問後のリンク色が同じ、通常テキストとリンクの色が同じかつ下線がついていないサイトは苛々します。でも、リンクのデザインに気を遣っていないサイトは多いという……。</p>
<p>別にリンク色は青でなくてもいいので、せめて下線をつける、通常テキストと違う色にするなどの工夫はしてほしいなーと。リンクはwebの根本なので、特別で分かりやすいデザインであってほしいです。機能美は大切です。</p>]]></content:encoded>
			<wfw:commentRss>http://az-store.nrym.org/note/2009/11/08/86/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>width属性とheight属性が指定されていないimg要素を非表示にしたときのメジャーブラウザの挙動</title>
		<link>http://az-store.nrym.org/note/2009/10/11/85</link>
		<comments>http://az-store.nrym.org/note/2009/10/11/85#comments</comments>
		<pubDate>Sun, 11 Oct 2009 14:58:51 +0000</pubDate>
		<dc:creator>坂取</dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://az-store.nrym.org/note/2009/10/11/85</guid>
		<description><![CDATA[width属性とheight属性が指定されていないimg要素を非表示にしたときの挙動はIEが一番好きです。デフォルトで画像リンクにborderがつくところも好きです。]]></description>
			<content:encoded><![CDATA[<p>「これからはWebKitが世界基準。Internet Explorerは腹を切って死ぬべきである」系の言説をよく目にするようになった今日この頃。確かにIEは7も8もダメブラウザと貶され、世界中のweb制作者の憎悪を一身に受けていますが、ごくごく稀にいいところもあるのですよ……。私は、<strong>width属性とheight属性が指定されていないimg要素を非表示にしたときの挙動は</strong>IEが一番好きです。<a href="/note/2009/02/13/63">デフォルトで画像リンクにborderがつく</a>ところも好きです。我ながら局地的すぎる好みです。</p>
<p>というわけで（謎）、width属性とheight属性が指定されていないimg要素を非表示にしたときの各ブラウザの挙動のスクリーンショットを載せてみました。別にIEを賞賛するつもりはないのですが、この件に関してはWebKitがアレすぎるなぁというのが感想です。</p>
<h2>Internet Explorer 8.0（Windows XP）</h2>
<ul>
<li><img src="/note/material/2009/101201ie" alt="width属性とheight属性が指定されていないimg要素を非表示にしたときのInternet Explorer 8.0（Windows XP）の挙動" class="noframe" /></li>
</ul>
<p>陥没borderと×印と代替テキスト。この表示が一番分かりやすくて好きです。私がWindowsユーザーで昔IEも使っていたので馴染み深いというのもあります。</p>
<h2>Opera 10.00（Windows XP）</h2>
<ul>
<li><img src="/note/material/2009/101201opera" alt="width属性とheight属性が指定されていないimg要素を非表示にしたときのOpera 10.00（Windows XP）の挙動" class="noframe" /></li>
</ul>
<p>陥没borderと代替テキスト。これも分かりやすいと思います。</p>
<h2>Firefox 3.5.1（Windows XP）</h2>
<ul>
<li><img src="/note/material/2009/101201firefox" alt="width属性とheight属性が指定されていないimg要素を非表示にしたときのFirefox 3.5.1（Windows XP）の挙動" class="noframe" /></li>
</ul>
<p>borderがつかないので前後に文章がある場合分かりにくくなります。</p>
<h2>Safari 4.0（Windows XP）</h2>
<ul>
<li><img src="/note/material/2009/101201safari" alt="width属性とheight属性が指定されていないimg要素を非表示にしたときのSafari 4.0（Windows XP）の挙動" class="noframe" /></li>
</ul>
<p>大昔から突っ込まれていたことですが、Safariはimg要素にwidth属性とheight属性を指定せず画像を非表示にした場合代替テキストを表示しません。小奇麗なハテナマークが憎らしいです。</p>
<h2>Chrome 3.0.195.25（Windows XP）</h2>
<ul>
<li><img src="/note/material/2009/101201chrome" alt="width属性とheight属性が指定されていないimg要素を非表示にしたときのChrome 3.0.195.25（Windows XP）の挙動" class="noframe" /></li>
</ul>
<p>WebKit繋がりのChromeもSafariと同じく代替テキストを表示しません。関係ないのですが、Chromeのアップグレードが激しすぎます。もうバージョン3…。あと、これと似たアイコンをどこかで見たような気がします。</p>
<h2>【番外編】Konqueror 4.2（Linux）</h2>
<ul>
<li><img src="/note/material/2009/101201konqueror" alt="width属性とheight属性が指定されていないimg要素を非表示にしたときのKonqueror 4.2（Linux）の挙動" class="noframe" /></li>
</ul>
<p>WebKitがダメならKHTMLもダメなのか？と思い試してみたらKonquerorは代替テキストを中途半端に表示しました。</p>
<h2>img要素のwidth属性とheight属性を指定するかどうか</h2>
<p>width属性とheight属性を指定するかどうかについてはケースバイケースで。画像は内在寸法があるのだから元のサイズのまま表示するのであれば必要ないと私は考えています。うちはあまり画像を使うサイトでもないですしね。ページの読み込みが遅くなるという噂もありましたが、最近のブラウザであればもう問題ないでしょう。</p>
<p>「視覚系ブラウザ使いながら画像非表示にしてブラウジングする奴なんているのかよ？」と思う方がいるかもしれませんが、昔の私がそうでした。今もPCの調子が悪い時は非表示にします。ブロードバンド時代と言われますが、<a href="http://www.gizmodo.jp/2009/06/20_4.html" rel="nofollow">2009年ブロードバンド普及率は日本で64％</a>ですし、私のように見た目より軽快さを取る人もいるでしょう。多分。</p>
<p>WebKitの挙動についてですが、img要素が何らかの理由で表示できない・表示しない場合代替テキストが分かる必要があるのに、アイコンだけというのはよくないです。私は画像を非表示にするデメリットを受け入れてブラウジングしていますし、そもそもOperaユーザーなので関係ないのですが、どうにかならないかなぁと思います。</p>
<ins datetime="2009-10-12T08:37:52-09:00">
<blockquote cite="http://orera.g.hatena.ne.jp/edvakf/20091011/1255287824" title="おぺらーにとっての画像のheight属性 - 言いたい放題 - チーム俺等">
<p>Opera は画像のロード中に代替テキストを表示するのです。例え画像が一瞬でロード完了したとしても、その間に画像の寸法と代替テキストの寸法で違いがあれば、再描写が起こります。</p>
</blockquote>
<p>edvakfさんにツッコミをいただきました、ありがとうございます。これは知りませんでした。Operaの画像処理は独特な気がします。</p>
<blockquote cite="http://twitter.com/t_ashula/status/2885571711" title="Twitter / t.ashula">
<p>t_ashula あいかわらず，Opera の同一ホストからのリソースの取得処理は独特だよなぁ．<a href="http://gyazo.com/6d499e79f23dd9ad2726e7e0aa9d24e1.png" rel="nofollow">http://is.gd/1PZ9L</a></p>
</blockquote>
<p>この機会にt.ashulaさんのTwitterのつぶやきも引用させていただきます。大量に画像を貼っているところではwidth属性とheight属性を指定した方がよさそうですね。私は基本的に指定しない派ですが、<a href="/download/web-template/">ウェブテンプレート</a>では指定しています。</p>
</ins>
<h2>参考リンク</h2>
<ul>
<li><a href="http://members.jcom.home.ne.jp/pctips/www/faq/ImgHW.html" rel="nofollow">imgのheightとwidthは必須か? - PC Tips</a></li>
<li><a href="http://designblog.ecstudio.jp/guideline/img-width-height.html" rel="nofollow">img要素のwidth,height属性は指定しない - EC studio デザインブログ</a></li>
<li><a href="http://gyauza.egoism.jp/clip/archives/2007/04/imgwidthheight/" rel="nofollow">imgのwidthとheightはいるのか - Takazudo Clipping*</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://az-store.nrym.org/note/2009/10/11/85/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
