2008年7月 Archive

今月（2008年7月）テンプレートを弄った箇所を中心にまとめたエントリです

• フィード登録のリンクをRSS2.0(/rss.xml)からAtomフィード（/atom.xml）に変更
• 秘かに（？）記事エントリをautopagerize対応
• サイトトップ（http://www.markdiary.com）をPathtraq(パストラック)の定番記事がでるように変更。

今月の主な変更などはこのようなところです。

autopagerizeの対応への方法はNot renewalさまの以下の記事を参考におこないました。

• microformatでvicunaスキンをautopagerizeとLDRize

PathtraqのAPIを利用して、定番の記事を出力するようにしてみました。

APIの具体的な使い方は、ステップ・バイ・ステップで Pathtraq の API を使ってみよう - IT戦記にてまとめられているようです。

定番記事のフィードを利用しています。読み込みには、SimpleXML使ってみたです。気が向いたら他の方法とかいろいろ試したいなーとか思ってます。

水性タイプのインクのボールペンは乾きが遅いので困るときがあります

たまにしかペンで字を書くことがなくなってきたんですけど。先日水性インクのボールペンで書いてたときに乾きがわるいので、手にインクが若干ついてしまいました。

縦書きで毛筆タイプの筆ペンを普通に鉛筆を持つような格好で書いたとき、手にインクがつき、その手についていたインクが書いてる紙にも移って汚れてしまう、といったことがあるかと思いますが（＃ないかも）、そんな感じと一緒です。

これを回避する方法で（水性インク使うな、っていうのは無で）思いついたのはこれ。

• 縦書き･横書きに制約がないのならば、横書きで書く
• 乾かしながら書いていく
• 鉛筆持ちで書かずに書道の筆のような持ち方にする
• 左手で書く
• 左側から書いていく

横書きならば、まず問題は発生しないかと。

書道の持ち方のときに、角度が垂直だとインクがでにくくなったりしないかとか問題ありそうな気が。

乾かしながら、というのは、例えば、一行書いたら吸い取り紙を上に当てるとか、ドライヤーで乾かすといったことです。はっきりいって効率はよくありません。

左側から書いていくという方法は、あらかじめ全体のレイアウトができあがっているのに限られてしまいます。例えば宛名書きとか。

https:なページを見たときにロケーションバーのBackgroundが黄色になるというスタイルがありました。

以下からダウンロードおよびインストールできます。

• Yellow https location bar

当方、Firefox3を使ってるのですが、https://から始まるページのときロケーションバーに背景色がつかなくなってしまって直感的にわかりにくくなった感がありました。これは割りといいかも。

検索エンジンがMTの検索結果ページで出力される、検索結果フィードをクロールしていたようです。その際にMTのシステムログに記録されてしまうのでちょっと対策してみました

Movable Typeのシステムログをみたところ、検索のところにいくつか同一IPのものが並んでいました。そこまでは、よくあることなんですが。

拡大・ダウンロード

上のキャプチャ画像のアクセスはIPを調べた結果（というよりは、サーバの生ログからたどったのが実際なんですけど）、Yahoo!の検索ロボットであるということがわかりました。

MTのシステムログでは、「検索」という文字があるだけで実際のページのURIが示されていないものですから、実際の検索結果のページがタグ検索なのか、キーワード検索かといった区別が見た感じではわかりにくいです。そこで、サーバのログを使いまして同じIPのアクセスを調べたわけです

結果として、Yahoo!によるもので、URIは例えばpluginというタグをつけたページの検索結果ページで出力されているような場合、

/mt/mt-search.cgi?tag=plugin&Template=feed&IncludeBlogs=1

といったページをクロールしていたもようです。どのようなページかというと、タグ検索の結果をフィードで出力するページです。タグ検索結果のページで、link要素に記述されているURIです。

さて、検索ロボットのアクセスが毎回システムログにあがるのは、ちょっとうっとうしい感じ。なのでこの際、MTの検索結果ページそのものが検索エンジンに登録されないように調整してみることにしました。

robots.txtに以下のような記述でちょっと様子見ということにしています。

User-agent: Slurp
Disallow: /*mt-search.cgi

[追記 2008/07/30] msnbot-mediaも巡回するっぽいです。

[28/Jul/2008:00:13:50 +0900] "GET /mt/mt-search.cgi?tag=driver&Template=feed&
IncludeBlogs=1 HTTP/1.0" 200 1958 "-" "msnbot-media/1.0 (+http://search.msn.com
/msnbot.htm)"

7.16というと新潟県中越沖地震がおこった日を指します。今年(2008年)でちょうど1年という節目を迎えました。

• 中越沖地震１年、合同追悼式で犠牲者の冥福祈る（YOMIURI ONLINE）
• 復興の誓い、悲しみ乗り越え　中越沖地震１年の追悼式(asahi.com)

地震の発生した10時13分に黙祷を奉げました。夜には復興花火が打ち上げられました。

さて、以下の写真が実家の床についた傷です。

この傷は、あやまって傷つけたものでなくて、昨年の中越沖地震の際に倒れた本棚によってつけられた傷なのです。当時は、割れたガラスや、散乱した物などを片付ける手伝いにおわれていました。

この位の傷ならば、すぐにも直せる程度なのかも知れません。でも実際には、家中で直すべき場所のほうが優先となって、未だに直さずじまいなのがこの結果です。

街のほうを見ると、主要道路では復旧がすすんでいるようですが、路地に入るとまだ地震のつめ跡を残したままのところもあります。完全な復興へはまだまだこれからといった感じを受けます。

最後にですが、この1年間、多くの方がたの支援によりここまで来ることができたものと感謝しております。

はてなハイクのモバイル版をFirefoxで見たときに少しだけ見やすくするスタイルを書いてみました。

はてなハイクモバイル版はパソコンのブラウザからでも見ることができるようです。モバイル版を読んだほうが軽かったりすることがあったり、お絵かき投稿とかをしないようならば、モバイル版からでも使えるのでないかと考えています。

• はてなハイクモバイル

書いたスタイルを以下に示します。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://h.hatena.ne.jp/mobile/") {

body { width: 30em!important; }

#index, 
#keyword,
#following,
#album,
#user,
#id
 {
     margin-left: auto!important;
     margin-right: auto!important;
}

.body { width:100%!important; margin-bottom: 1.2em!important; }
.title { margin-bottom :1.2em!important; }
}

Firefoxのアドオン、Stylishで書いたものです。

widthを30emとして、中央寄せになるようにしてみました。Firefoxのサイドバーで読み込ませる場合は、センタリングしないほうが見やすいかもしれません。ついでに、タイトル部分（お題＝キーワード）とエントリの内容にマージンを指定して間をあけるようにしてみました。

なお、この記事執筆時点でのハイクのHTMLソースに基づいて書いてますので、その後の仕様変更等によって使えなくなることがあります。

銀行や郵便局で入金する場合にATMを利用しますが、機械ならではの挙動にちょっと困ったというお話です

以前、郵便局だったか、銀行だったか忘れましたけれども、ATMを利用して普通預金に預金しようとしたときのことです。

3万円を1万円札3枚で入金するつもりが、機械がお札を数えたときに、4万円になっていました。

これ、おそらく新札だったために2枚を1枚分として当方が数えてしまったためだと思います。

そのときに、もしかして、金額指定で入金額を3万円としたらいいのでは、と考えましたので、やってみましたところ、

機械が「1万円以上のお釣りを出せない」、といった旨の警告を表示してしまったのです。この状態で選択できることというと、おつりが1万円以上にならない額を指定するか、取り消しをするか、の2つです。

もともと3万円を入金したかったわけですから、ここは当然取り消しを選択しました。その後の動作はというと、この取引はなかったことになり、最初からやり直しということになりました。

よくよく、考えますとお釣りに1万円を出すということは、セキュリティ面からいえば、動作としては妥当なのかなと。不正な使用された場合に被害を抑えることができるわけですし。そこはいいのですけど、金額指定をしたときの取り消し後になぜ、最初からやり直しになってしまうのかが納得いかなかったという、そんなことがあったわけです。

窓口から入金する場合でしたら、最初に用紙にあらかじめこちらが指定した金額を記入します。仮に1万円多く窓口に渡してしまったとしても、担当のかたが1万円多いのですが......、と確認をとったのちに記入された額で入金してくれるはずです。ですから、金額が違っていたからといっても取引を始めからやり直しなどというケースはほとんどないわけです。

ATM側での動作はというと、その利用者がいくら入金したいのかまではお札や硬貨を入れて数え終えたあとでもわからないということですよね。数えたら、これだけありましたけれども、この金額を入金するといった選択を利用者がおこなったあとで初めて利用者の入金額を（ATMが）認識するというわけです（ただしATMからの振込みの場合は金額指定は必須ですから話は別です）。

このあたりが機械での処理で妥協しないといけない部分かなと思いました。

はてなスターの引用機能についてです。引用したテキストを表示するときに、スター設置ページで背景画像など指定してある場合、そのスタイルが引き継がれているようです。

利用されているかたには説明するまでもないのですが、はてなスターの引用機能とは以下のようなものです。以下この機能のことをこのページでは「スター引用」という記述にて表現させていただきます。

• はてなスターに引用機能を追加しました - はてなスター日記

以前見たもので、どのようなページだったか忘れてしまいましたが、引用タグ（blockquote）に対して引用を明示するための背景画像をスタイルシートで指定されていた場合に、スター引用した部分がそのページでblockquoteに対して指定したスタイルを引き継いでいるようです。実際にどう見えるかは、確認できたページを忘れましたので、自分でサンプルを作成することにしました。以下のような表示になっています。

• サンプル(1)

テキトーに作ったものなので、お粗末なサンプルで申し訳ないですが、blockquote要素に対して、90x90ピクセルの背景画像を指定しています。この画像がスター引用したときに表示するレイヤーにも表示されていることが確認できるかと思います。スタイルの指定によっては、みづらいときもあるのでないでしょうか。

これを閲覧者側で見えなくするには、ブラウザがユーザースタイルシートを利用できるのならば、

blockquote { 
background-image : none !important;
 }

のような指定をすることで、スター引用の部分の画像は表示されなくなります。ただし、元記事の背景画像も消えてしまいます。

ページの製作者側で調整するという方法もあります。blockquoteに対してclassを指定しておけば、はてなスターのほうでは適用されなくなります。

• サンプル(2)

<style type="text/css">
blockquote.hoge {
background-image : url(hogehoge.gif);
background-repead : no-repeat;
}
</style>

<blockquote class="hoge">
<p>
・　・　・
</p>
</blockquote>

ただ思ったのですけれど、はてなスター側で要素を作っているわけですから、元ページのスタイルを引き継がなくてもいいのでないかなぁ、ということです。こちら側が調整してclassを付与するというのは何か手順が逆のような気がしています。