2006-12 アーカイブ

完全パスではない記述のリンク

教えることはできないけど、人柱になら喜んでなるよ

miniturbo::blog EZWebでの文字コードで、

昔、課題として携帯用のコンテンツを作成していたときに3キャリアの仕様書をにらめっこしていたのですが、どのキャリアもサポートする文字コードはShift JISだったのです。 しかし、miniturbo.orgはUTF-8にて書かれています。 なのに文字化けしないのはどうしてなんだろう…。

と書かれているのを「へええ」と頷きながら読みました。 携帯電話での Web ブラウズの仕様書は全然読んだことが無いのですが、文字コードが限定されていたんですね。

私はソフトバンクモバイルを脱会しましたでお知らせした通り、以前は vodafone V604SH を使っていました。 V604SH はメールや Web ブラウジング中の画面で「文字タイプ変更」が行え、

• 自動認識
• Shift-JIS
• UTF-8
• EUC-JP
• ISO-2022-JP

をその都度設定することが可能だったので、文字化けしてもその対処方法が用意されていました。

じゃあ今使用している au W44K はどうかというと、取扱説明書には特に文字コードについては明記されていません。 KDDI au: そのほかの技術情報 > サーバ設定・文字コード指定では確かに Shift-JIS以外の文字コードを指定した場合には、コンテンツが正しく表示されない (文字化けする) 場合がありますのご注意ください と書かれてありますね。

でも、 miniturbo::blog EZWebでの文字コードでの各サンプルページを EZweb と PC サイトビューアーの両方で試してみましたが、どのサンプルでも文字化けしませんでした。 最近の機種は Shift_JIS 以外にも対応しているんじゃないでしょうか ?

あ、それと細かいことかもしれませんが、文字コードのサンプル : Shift-JIS で指定している XML 宣言の encoding 属性や meta 要素の content 属性の charset は Shift-JIS じゃなくて Shift_JIS ですので、修正した方がいいかと……。

みんなもレッツ人柱

1. 携帯電話を取り出す
2. Web ブラウズ機能を呼び出し、 http://miniturbo.org/blog/2006/12/26/2125 と入力
3. 当該ページのサンプルを 3 種類とも開き、文字化けをするかしないかを確認して何かにメモ
4. miniturbo.org の kz さんに何らかの手段で報告
   • miniturbo::blog EZWebでの文字コードにコメントする。あるいは私みたいに人柱の結果を記事に書いてトラックバックする。きっと確実。
   • marble02＠ホットメールにメールするかメッセンジャーに登録して馴れ馴れしく話しかける。たぶん確実。
   • miniturbo::blog EZWebでの文字コードをソーシャルブックマークしてそこにコメントをさりげなく書くか、念力で報告する。確実性が低いのでお勧めしません。
5. kz さんがみんなの人柱状況を「各キャリア・各社携帯電話の文字コード対応一覧」といった趣でまとめてホッテントリ。
6. 私が手を下さずに有用な情報を得られて喜ぶ。予定。

トラックバック送信先

miniturbo::blog EZWebでの文字コード

au W44K ではどのサンプルも文字化けしませんでしたよ。 また、 vodafone V604SH は文字コードを変更する機能がありました。

Firefox 2 で手軽に Destroy target="_blank"

以前にも、 Destroy target="_blank" やはてなダイアラのための target="_blank" 講座や Destroy target="_blank" with Firefox 1.5 などの記事で target="_blank" をどうにかする方法を紹介してきましたが、 Firefox 2 では Greasemonkey スクリプトやオプションではない方法が必要のようです。 何故そういった方法を私が必要としているか、そんなバックグラウンドに興味が無い方は設定方法だけをお読みください。

設定や拡張機能の移行が面倒くさいというだけの理由で、いまだにメインブラウザは Firefox 1.5 なのですが、そろそろ Firefox 2 に移行しないとなあ......ということでここ数日ちょこちょこと使い出しています。

Firefox 2 を起動して真っ先に Destroy target="_blank" with Firefox 1.5 の方法で新しいウィンドウを開くリンクを無効にしようと思ったら......でした。 私は、ホイールクリックや Ctrl+ クリックで能動的に新しいタブを開く場合はともかく、通常のクリックで突然新しいウィンドウや新しいタブを開かれることに不快感を覚えます。 よって、 Firefox 2 のオプションから「新しいページを現在のタブまたはウィンドウで開く」という選択肢が無くなったのは大きなマイナスポイントでした。

それでも「慣れてしまえばそう不快に思うことは無くなるかもしれない」と自分に言い聞かせて使い続けてきたのですが、やはり我慢なりません。 target="_blank" なリンクによって新しいウィンドウが開かれることを、新しいタブに置き換えることはできても、タブの数が勝手に増やされていくのは小さなストレスが徐々に積み重なってきます。 例えばはてなブックマークのトップページが良い例でしょうか。 「ちょっと人気ページでも見るか」と思ってクリックしたら新しいタブがぽこんと開かれてコンニャロ、というパターンをここ数日繰り返しています。 自分で開く場合はコンニャロとは思わないんだからホイールクリックすれば良いのに、学習能力が無い人ですね全く。 ( 他人事 )

設定方法 ( スクリーンショット付き )

前置きが長くなってしまいましたが、 Firefox 2 で「新しいページを現在のタブまたはウィンドウで開く」方法をご紹介。 IRC チャンネル #汚れの巣で朝顔日記 | Another 朝顔日記ののりさんに尋ねてみたら、 FxSetting にメモしていた項目から即答いただきました。 感謝 ! なお、 Firefox 1.5 を使われている場合は、 Destroy target="_blank" with Firefox 1.5 の方法で簡単に設定できます。

なお、 Firefox ネタということでスクリーンショット作成はあえて HAPPIDEATH － ふぉくす子とだば子 ２／擬人化のページ上で行いました。 嘘です Firefox ネタだからというよりも単に定期的にあの絵を紹介したかっただけです。

1. about:config 画面を表示します。
2. browser.link.open_newwindow および browser.link.open_newwindow.restriction の 2 項目に絞り込みます。
3. 「値の変更」を選択します。
4. browser.link.open_newwindow の値を 1 に設定します。

設定は以上です。 要するに、 about:config から browser.link.open_newwindow の値を 1 にすることで target="_blank" なリンクも現在のタブまたはウィンドウで開くように設定できるということです。

ちなみに、 browser.link.open_newwindow.restriction の値を 0 にして window.open() なリンクをタブで開くようにするという手法もありますが、 browser.link.open_newwindow の値を 1 にした状態で browser.link.open_newwindow.restriction の値を 0 にすると、 window.open() なリンクも現在のタブまたはウィンドウで開くようになるので注意が必要です。 ( window.open() なリンクも現在のタブまたはウィンドウで開くなら別に良いじゃないか、という方もいらっしゃるかもしれません。 しかし、 window.open() なリンクを新しいタブや新しいウィンドウではなく現在のタブや現在のウィンドウで開いてしまうと、不都合がある場合があります。 例えば XREA のファイルマネージャは「新規のウィンドウでアップロードの完了を待って、終了したら元のウィンドウを遷移する」という動作をしているため、このような設定にしているとファイルのアップロードができなくなります。 )

トラックバック送信先

Another 朝顔日記 - window.open() の挙動

browser.link.open_newwindow の値を 1 にした状態で browser.link.open_newwindow.restriction の値を 0 にすると不都合が生じるかもしれない、というケースを挙げてみました。

DOCTYPE スイッチについて

DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。

標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。

既存の DOCTYPE スイッチ一覧表に "?"

ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 あるリソースでは後方互換モードとされている DOCTYPE 宣言・ブラウザが、自分で試してみると標準準拠モードと思われるレンダリングになっている、という感じで。

例えば、私の手元にある書籍で最新のものであるスタイルシートサンプル&リファレンスの 30 ページにある一覧表では

となっていますし、以前見かけてブックマークしていた miniturbo::blog DOCTYPEスイッチ でも

となっています。 ( なお、比較のためにそれぞれの表の形式をある程度揃えています。 ) しかし、 URL 表記無しの HTML 4.01 の DOCTYPE 宣言 (<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional //EN">) でも、いくつかのブラウザはこの表と違って標準準拠モードになっているような気がするのです。

検証用リソースと検証結果

検証のために、 body 要素内の記述は共通で、 DOCTYPE 宣言や XML 宣言のみを書き換えたものを用意し、それを実際に表示して確かめてみました。 h2 レベルの見出しを含む div.section の margin-left プロパティに 50 という不正な値 ( <margin-width> 値は auto または <length> または <percentage> しか指定できませんので、単位無しの数値を値として指定した場合は標準準拠モードでは不正な値となり、その宣言は無視されます ) を指定しているので、後方互換モードでレンダリングされた時のみ h2 レベルの見出しを含む div.section は 50px 分の左マージンを持つはずです。 なお、表中の DOCTYPE 宣言の列からサンプルファイルにリンクしていますので、実際に確認していただくと良いでしょう。

また、 Safari 2 および MacIE 5 での検証は SEOについての覚書の土屋 裕美さんにご協力いただきました。 この場を借りてお礼申し上げます、ありがとうございました ! 次会う時には何かオゴります。

それと、サンプル HTML に用いたグリッド背景画像は Lucky bag::blog: グリッドレイアウトのための背景画像のものを使わせていただきました。 これ初めて活用してみましたが、便利ですね。 次会う時には何かオゴってください。 ( 何故 )

基本的にはモダンブラウザならたいてい標準準拠モードでレンダリングするということで良いみたいですね。 注意点は IE 6 は XML 宣言をすると後方互換モードになってしまうこと。 また、 IE 7 でも drry+@-> IE7 Beta 2 における XHTML の標準準拠モード切替えについてで解説されているように、 XML 宣言中の区切り文字を半角スペース以外にしてしまうと後方互換モードになってしまいます。

ブログバトラー [Blog Battler] に続き Web Scouter

何だかバトラーとかスカウターとか、少年漫画あるいはゲームのような記事が連続しますが。

Web Scouter というサービス、面白そうですね。 今見ているサイトがネット上でどのくらいの「メディア影響力」があるのかを確認できる無料サービスです とのことですが、 Webスカウターの値は独自のロジックにより数値化したものです。 日々変動する数値となっていますので、あくまでも参考としてご利用ください と、日々新しい数値になっていくようです。 どんなロジックなんでしょうね。

• Webスカウター - hxxk.jp
• Webスカウター - 3ping.org
• Webスカウター - Lucky bag::blog
• Webスカウター - LIPPiN

試しに焼酎カルテットの 4 サイトを比較してみましたが、何故か私のところが一番強いようです。 ブックマークの数や feed 登録数だと Lucky bag::blog が最強かなと思っていたんですが、それ以外にも何らかの判定基準があるんでしょうか。

自分用ブックマークレット

Web Scouter のトップページにスカウターのブックマークレットが置いてあるのですが、何故かこれだと hxxk.jp は "More" のリンクが表示されないんですよね。 なので、スカウターエフェクトを表示せずに直接詳細ページ (http://ja.webscouter.net/info.phtml?u=http://exsample.com/) に移動できるブックマークレットを作成しました。

• Web Scouter Direct ( 今見ているページの Web Scouter 詳細データを見るブックマークレット )

自分しか使わないような気がしますし、詳細ページに直接飛ぶ時点でもうスカウターの意味を無くしてしまっていますが、とりあえず置いておきますね。

作業の合間に。

作業の合間にって言うか夕食をつまみながらというお行儀の悪さですが、ブログバトラー [Blog Battler] に登録して遊んでみました。 とりあえず物は試しと、 IT戦記 - ブログバトラーの amachang さんと対戦してみたら、ビギナーズラックか ? 勝利してしまいました。

登録した feed からアイテムやまほうの名前を決めるようなのですが……「ページ」とか「リンク」とかは分かるんですが「ダメ」っていうまほうがあるあたり私らしいなあと。

ブログパーツは貼りたくない。

作成者には怒られるかもしれませんが、ブログパーツの類って嫌いなんですよねえ。 IT戦記の amachang さんははてなダイアリーの仕様による制限を回避するために、 javascript:var d=document.createElement('div');d.innerHTML='<object data="http://blogbattler.com/bbparts.swf" type="application/x-shockwave-flash" height="288" width="140"><param name="movie" value="http://blogbattler.com/bbparts.swf"><param name="wmode" value="transparent"><param name="FlashVars" value="id=9">BlogBattler.</object>';document.body.appendChild(d);var s=d.style;s.position="fixed";s.top="100px";s.left="100px";s.zIndex=1000;void(0); というブックマークレットを作成されているようです。

これに各人の id ( この場合の id=9 は amachang さんの id ですね ) が記述されているので、その id を自分のもの ( 仮登録完了メールに書かれてある本登録用の URI が書かれています ) に変更すればブログパーツを貼りたくない、貼ることができない貴方もブログバトラーを設置して挑戦を受けることができます。 怒られるかもしれませんが。

ちなみに私の id は 32 なので、ブックマークレットは次のようになります。 この id はインクリメントされているようなので、順番に書き換えていくと対戦者を簡単に探すというテクニックにもなりますね。 javascript:var d=document.createElement('div');d.innerHTML='<object data="http://blogbattler.com/bbparts.swf" type="application/x-shockwave-flash" height="288" width="140"><param name="movie" value="http://blogbattler.com/bbparts.swf"><param name="wmode" value="transparent"><param name="FlashVars" value="id=32">BlogBattler.</object>';document.body.appendChild(d);var s=d.style;s.position="fixed";s.top="100px";s.left="100px";s.zIndex=1000;void(0);

それじゃ ( ブログバトラーじゃなくて私の方の ) 関係者に怒られない内に作業に戻ります。 あとでメールしますので !

何だか無断でリンクされて勘違いさん扱いされたので反応してみる

Yahoo!ブログ - *Yoko's Room* というサイト ( リンクはTOPページに限り完全フリーです。という方針だそうですので、本題じゃない所で抗議されないようにここは従っておきます ) の 2006 年 12 月 13 日 14:29 付けの記事でネチケット違反の勘違いさんと言われたのでちょっと反応してみようと思います。

私は hxxk.jp について - 著作権およびリンクで詳しく述べていますが、認証をかけていないリソースについてへのリンクは制限していませんし、連絡も必要ないというスタンスで公開しています。 でも、「無断リンクを禁止する人」が「 ( 無断リンクを容認する ) 他人のページには無断リンクを堂々と行う」という点に大きな矛盾を感じました。

先方が主張している内容のまとめ

ひとつひとつ引用してまとめようかとも思いましたが、 cite 属性に個別記事の URI を書いても無用な苦情を言われそうなので私なりにまとめます。

• リンクを行って良いのはそのサイトのスタートページのみ
  • 多くの Web マスターはそれ以外のページにリンクを行われると迷惑
  • Web マスターが定めるアドレスのみにリンクを行うべき
  • リンクフリーと称されるページは、大抵がスタートページだけだと思う
• はてなブックマークのユーザは「管理者に迷惑をかけなければどこにリンクを張っても良い」と考えている
  • こんな使い方をしているのははてなブックマークだけ
• 自分と異なる考えを持っているからと批判はしないで欲しい
• ページ単体へのリンクは書いた人の権利を侵害している
• HTML の知識はある

反証というか私の主張

さて、前項の内容に対しての反証を行ってみましょう。 批判ではなくね。

• hxxk.jp について - 著作権およびリンクで宣言している通り、どのページにリンクされても構いません。
  • リンクされて私が迷惑だと思うリソースは認証をかけています。でもそんなリソースうちのドメイン内にあったっけ。
  • 私が定めているアドレスは hxxk.jp 以下の認証されていないページ全てです。
  • むしろスタートページにリンクされても、閲覧者の方がどこに進んで良いか困りそう。リンクの文脈にもよりますが。「 hxxk.jp の 2006 年アーカイブの中の 11 月アーカイブの中の 28 日の記事に JILS の情報がある」というリンクと、「 hxxk.jp - [PR] Amazon が JILS の ライブ DVD "Re-BIRTHDAY "EVE" -20060502-" の取り扱いを開始に JILS の情報がある」というリンクでは後者の方が便利じゃ ?
• はてなブックマークみたいなサービスは個別ページにブックマークしないと色々と不便ですよね。何故はてなダイアリーの記事は、はてなブックマークが分散するのか ? の問題も不便なので早く改善されないかなあ。
  • MM/Memo とか del.icio.us とか livedoor クリップ とか EC ナビ人気ニュース とか POOKMARK Airlines とかとはてなブックマークに何か違いがあるんでしょうか ?
• 私はリンクは自由に行うものであるという考えを持っているので、その考えは決して批判しないで下さい。ただし、根拠を持った反論や意見は歓迎します。
• 2 年ほど前にリンクについて書きましたが、「 2 つのアンカー間の関係」がリンクであり、またハイパーリンクはその関係を指し示すものです。その関係が何の権利を侵害できるというのでしょう。
• HTML の知識があると言うのなら、 Hypertext Terms や Links in HTML Documents ( 邦訳 ) の内容は理解していると見なして良いですよね。

このような反論を行ったらトラックバックを送って通知するのが筋だと思いますが、私はトラックバックを送る時は必ずそのページへのリンクを書くようにしているため、無断リンクになってしまいます。 よって、その方針を曲げてまで送るのも嫌なのでトラックバックは送っていません。 それに、ネチケット違反の勘違いさんと名指しで非難された時も「リンクしました」という明示的な通知はなく、誰かからの HTTP_REFERER によって当該ページを知ったので、私もそれに倣って HTTP_REFERER を以って通知とさせていただきます。

こういう解決策もあるよ

以前も一度 MOMENT に書きましたが、既に過去ログになってしまいました。 MOMENT みたいに「スタートページしか無い」ような weblog を作れば意図しないリンクを行われることも無いんじゃないかと思います。

<?xml version="1.0" encoding="<$MTPublishCharset$>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<$MTDefaultLanguage$>" xml:lang="<$MTDefaultLanguage$>">
  <head profile="http://purl.org/net/ns/metaprof">
    <meta name="generator" content="<$MTProductName version="1"$>" />
    <MTIfNonEmpty tag="MTBlogDescription"><meta name="description" content="<$MTBlogDescription remove_html="1"$>" /></MTIfNonEmpty>
    <title><$MTBlogName encode_html="1" remove_html="1"$></title>
    <link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" media="screen,tv" charset="<$MTPublishCharset$>" />
    <link rel="alternate" type="application/atom+xml" href="<$MTBlogURL$>feed.xml" title="Feed" />
    <link rel="EditURI" type="application/rsd+xml" href="<$MTBlogURL$>rsd.xml" title="RSD" />
  </head>
  <body>
    <h1><$MTBlogName encode_html="1" remove_html="1"$></h1>
      <MTEntries lastn="30">
        <div class="section entry" id="entry-<$MTEntryID$>">
          <h2><$MTArchiveDate format="%Y-%m-%dT%H:%M:%S+09:00"></h2>
            <$MTEntryBody$>
        </div><!-- div#entry-<$MTEntryID$> END -->
      </MTEntries>
  </body>
</html>

まあ実際には保存用に月別アーカイブを生成していますが、 robots.txt の巡回を拒否したりアーカイブのディレクトリに認証をかけたりしてトップページしか無いように見せかけています。 もし同様のコンセプトで weblog を作って、スタートページ以外への無断リンクを実質できなくしたい、というのであればお尋ね下されば詳しく教えますよ。

むしろ今までなかったんかい。

人力検索はてなって好きなんですよね。 機械検索ではできない調べ物や、ちょっとした相談をするときに重宝しています。

今回は人力検索はてな - 現在、真琴というハンドルを使って WWW 上で活動しています。 元々深い意味で付けたわけではないハンドルだったので、名字部分は全く考えていませんでした。ということで、私のハンドルに合う名字を付けてくれませんか、というお題。 2 年以上この名前を使っているのにその間ずっと名字が無かったというのもどうなのよ、という感じもしますがそれはさておいてください。

「○○真琴」とつなげて自然な感じであればオーケー。 希少名字や難読名字は他人との重複が無くて良いかもしれませんが、それは却下とさせていただきます。 あと川本も無しですよ最初に言っておきますが。

プチオフ会をやったよの巻

出張で近くまで寄ったので、 Mushline のアサノさんを呼びつけて ( おい ) プチオフ会を敢行しました。 詳細はまた改めて書くことにしますがとりあえず報告まで。

寄り道しながら帰るよの巻

本当はオフ会などせずにまっすぐ帰れば月曜日から通常業務に戻れたのですが、休日返上で出張したのでただ帰るのは癪だということでプチオフ会に至ったわけです。 月曜日には有休を充てていますので、一日かけてのんびり帰ればいいのですが、良い観光ポイントが思い浮かびません。

人力検索はてな - 【12/4の9:00前後に締め切ります】出張の関係で、米子市に来ています。明日は休暇を頂いているのでのんびり帰るだけなのですが、少々寄り道したいと思っています。という質問をしてみました。 もし締め切り時間までにこの記事あるいはこの質問を見られた方、良かったら回答してみませんか ?

JIS 慣用色の色名と CSS での数値指定との対応表をちょっと改造

日本の伝統色 - 2xup repos という記事がはてなブックマーク - 最近の人気エントリーに上がっているのを見て、そういえば JIS 慣用色の色名と CSS での数値指定との対応表というものを作っていたなあと思い出し、また日本の伝統色 - 2xup repos では input 要素を使って 16 進数値をコピーしやすいようにしているのを見て、その手法を反映させてみました。

ついでに ping URI の提供方法あれこれでも紹介していた、シングルクリックで即選択状態になるようにする手法も取り入れています。 日本の伝統色 - 2xup repos より色数は少ないですが、 16 進数指定に加え、 RGB 数値指定および RGB パーセント指定も併記していますので、必要に応じてご利用いただければ幸いです。