ねことくまとへび

スポーツ　線結びクイズ
　
次の苗字と名前を組み合わせて
西武ライオンズで
「ひろゆきカルテット」と
呼ばれる選手の名前にしなさい
　
ａ）大島　　　１）浩之
ｂ）柴田　　　２）博之
ｃ）高木　　　３）裕行
ｄ）中島　　　４）裕之

　そういえば、最近あまり名前を聞かなくなったシバタオーは元気にしているんでしょうか。

　一昨日のことです。正確な問題文は忘れてしまいましたが、「Compiler」をカタカナで打たせるキューブが出題されました。私は問題文とキューブの一部だけを見て「コンパイラ」と即答したわけですが、OKを押した後にキューブを眺めていると……あれ、空白の面がありませんよ？　お、音引きがあるー！？

　と、そんな感じで単独不正解をかまして3落ちしましたとさ。めでたくなしめでたくなし。

　で、それがあまりにも悔しかったので、思わず色々と調べてしまいました。どうやら昔からこの問題は議論されているようで、資料が出てくるわ出てくるわ。その中で一番まとまっていたのは下記のリンク先でした。

　http://jsce.jp/comments.pl?sid=132&cid=180

　リンク先のまとめにもあるように、JISに従えば「コンパイラ」が正しく、内閣告示に従えば「コンパイラー」が原則だが「コンパイラ」も認める、ということらしいです。結局、「どちらに従うか」という問題であって、「どちらが正しいか」という答えはないようですね。

　ただ、ですね。コンパイラを使うような人は、それが仕事であれ趣味であれ、JIS側に立つ人間のほうが多いはずです。内閣の文章に触れる機会より、JISの文章に触れる機会のほうが圧倒的に多いわけですから。

• google:コンパイラ -コンパイラー：1,140,000件（2007年2月26日現在）
• google:コンパイラー：107,000件（2007年2月26日現在）

　ほらね、勝負になってない。Googleが絶対だとは言いませんが、この問題、なんとかなりませんかね？

【今日の戦績】

　1-1-0-0#0-0-0(1-0-1)

　最終プレイ地を東京都にするために、ホームでちょっとだけやりました。

　南流山で粘着した甲斐あって、ようやくメダルが100枚を超えました！

　……シルバーのほうなんですけどね。ゴールドとの差は開く一方です。決勝戦で勝てない理由は明らかで、相手の武器が自分にザクザク刺さってしまうこと。

　私が決勝で選択しているスポラン1は、タイム差を稼ぐことと萌え問でハァハァすることを狙って出題しているので、あまり相手に刺さることを期待していません。というか、自分の好きなジャンルの場合は「刺さってしまうと悲しい」という側面もありますので*1、理想は全員が全問正解してくれることなんですよね。もちろん、私より速く解答されたら困りますけど。

　ということは、残りの9問をきっちり凌げなければ勝てないわけで。3の頃、J、多答をほぼ放置していたツケが回ってきている感じですね。ただ、過去のことを嘆いていても仕方がないので、今から少しずつでも問題整理を始めましょうか。千里の道も一歩から。

【今日の戦績】

　6-14-3-0#5-2-2(5-7-5)

　シルバーメダルが降ってきて「えー？」と頭を抱えるルキアたんの姿を何度見たことか。

　今日は所用があってさいたまに行ってきました。そして用事を済ませた後、素直に埼京線に乗らずに武蔵野線に乗り込み、一路南流山へ。廃人必死だな。

　南流山へは「あそこなら誰か一人くらいは廃人がいるだろう」という軽い気持ちで行ったのですが、最終的にはいつものメンバーが集まる集まる。君たちは本当にQMAが好きだな。

　さて、今日はウェアハウス南流山の予習3周設定を活かして、★を増やすことを主眼に置いて予習に取り組みました。今までは★を5つにしてから次の形式に移っていましたが、今日はとりあえず★4つになったら次の形式へ、みたいな感じで。おかげで、身内の武器は大体★4つにすることができたと思います。そして気がついたらマロンてんてー解禁。これはあれか、俺の周りにいるのは青い人間ばかりってことか。

　そんなこんなでとても楽しい一日でした。お世話になった皆さん、ありがとうございました。で、帰り際にきゃまさんに「明日はどうするんですか？」と聞かれたので、おそらく明日も行くと思います。

【昨日の戦績】

　3-2-0-0#3-1-0(2-3-2)

　最後の2クレで連勝して、なんとか格好がつきました。

【今日の戦績】

　11-7-5-1#5-2-1(8-5-6)

　1回戦にスポラン1というセットが3回もありました。明日以降、反動が来てスポラン2とか芸ラン2とか学ラン4とかに苦しめられたりして。

　はてなダイアリーには「ISBN記法」というものがありまして、書式に則って書籍のISBNを記述するだけで、amazonから取得したデータを簡単に表示することができます。

isbn:9784861551161:detail

　例えば上のように記述すると、実際には下のように表示されます。

　本のタイトルだけではなく、表紙の画像、著者、出版社などの情報も取得できる、とても便利な機能ですね。

　ただ、その中で「表紙の画像」がちょっと曲者だったりします。普段は便利なこの機能も、黄色い楕円のマークがついたコミックを扱う時には困ってしまうんですよね。まぁ、要するにエロ漫画なんですが、最近の単行本の表紙画像は露骨なものが増えています。おっぱいが露出しているくらいならまだ可愛いもので、汁まみれだったり、黒ベタやら白抜きやらで修正が必要な描写だったり。迂闊にこんな画像を載せようものなら、はてなから追い出されてしまいかねません。

　ISBN記法にはいくつかのパターンがあり、本のタイトルだけを表示する機能も存在します。しかし、当然ながらその場合は「タイトルだけ」となり、著者名や出版社名などを表示することはできません。ちょっと寂しいです。ユーザーの側でなんとかできないものでしょうか。

　真っ先に思いつくのはJavaScriptを利用して画像を入れ替えることですが、はてなダイアリーではユーザーが独自にスクリプトを書くことはできません。困りました。

　……あ、でもCSSは自分で書けるんだよねー。ということは、「画像を置き換える」ことは難しくても、「画像が置き換わったように見せかける」ことはできそうです。というわけで、これからCSSをいじってみることにしましょう。でも、その前に差し替え後の画像を用意しないといけませんね。

　ちょｗｗｗｗｗルキアたん見たいのかよｗｗｗｗｗ

　……失礼しました。

　さて、CSSでやらなければいけないことは大きく分けて二つです。

• 元のエロエロな画像を消す
• その跡地に代替画像を配置する

　前述のとおり、JavaScriptであれば割と簡単に実現が可能ですが、CSSではこの両方を同時に満たすことは難しいです。というわけで、この2つの作業内容を、一見同じように見える別の2つの作業に置き換えてみます。

• 元のエロエロな画像を画面外に吹っ飛ばす
• エロエロな画像の配置されるべき場所の背景画像として代替画像を適用する

　日本語にするとピンと来ないと思いますが、実際にCSSを書いてみると大したことはありません。

.ero .hatena-asin-detail a {
    background: url("http://f.hatena.ne.jp/images/fotolife/s/silence1998/20070213/20070213225038.jpg") no-repeat top right;
    width: 2113px;
    height: 160px;
    margin: 0 10px 0 -2000px;
    float: left;
    border: none;
}

.ero .hatena-asin-detail a.keyword {
    text-decoration: none;
    border-bottom: dotted 1px #d0d0d0;
}

.ero .hatena-asin-detail .hatena-asin-detail-info a {
    background: none;
    width: auto;
    height: auto;
    margin: 0;
    float: none;
}

　「ero」というストレートなクラス名はあまり気にしないでください。

　このCSSでは、エロエロ画像の背景に代替画像を配置し、エロエロ画像を2000ピクセル左に吹っ飛ばしてブラウザの外に追いやって、代替画像があたかもその本の表紙であるかのように見せています。ちなみに「2113px」は2000＋代替画像の横サイズ、「160px」は代替画像の縦サイズです。では、実際に表示させてみましょう。

><div class="ero">isbn:9784861551161:detail</div><

　ちなみに、行頭、行末の不等号は、この行にpタグを挿入させないための記述方法です。詳しくははてな記法のヘルプをご覧ください。

　さて、CSSを変更した上で本文中に上のような記述をすると、実際には下のように表示されます。

　WindowsXPのIE6とFirefoxで意図したとおりに表示されることを確認しています。その他の環境では微妙な結果になるかもしれません。そもそも、ユーザーがスタイルシートをOFFにしていたらアウトですし。

　……というか、本当ははてなの側で対応してもらいたいんですけど。なんとかなりませんかね？