Greensleeves 2.0 / Archive / Web
Notes about XHTML, CSS, Flash, ActionScript, Javascript and I'm Interested in...
つい最近ですがTwitter に参入しました。
始めるまではやりたい事は理解できるけど何が面白いのかイマイチだったのですが、やってみると意外とハマる。少しずついろんな人のフォローができればもっと楽しいだろうなー。
それで、Twitter の更新を IRC からできる TwitterIrcGateway を教えてもらったので早速導入してみました。あと Firefox の拡張で TwitterFox っていうのがあったのでそれも導入。IRC だけだと Twitter に IRC の発言内容を誤爆しそうだったので、投稿は TwitterFox から、読みは IRC から。と使い分けています。
何故かエラーが出る件
Twitter にメッセージを取りに行くとき、きちんと動作していても何故か エラー: There is an error in XML document (2, 2).
と出ます。そのままでも問題ないようなのですが、気になったので消してみました。
- TwitterIrcGateway.exe.config.sample を TwitterIrcGateway.exe.config にリネーム。
- 開いて中を見ると XML ファイルだった。setting の
IgnoreWatchErrorの項目をTrueに。 - そして再起動。
以上の手順でエラーメッセージが表示されなくなりました。よかったよかった。
何となく del.icio.us の subscription を眺めていたら、面白い CSS ギャラリーを見つけたのでご紹介。
緑色系のデザインに特化しているので、緑好きな僕は即、ブックマークへ。ギャラリーの中で個人的に気に入ったのが CSS3.info とか Fine Store とかですかね。大仰に画像を使わないでいて、かつシンプルな構成が好みなんです。
ギャラリー自体はまだ数がそんなに多くないので、今後に期待です。
最初は要らないと思っても、ある程度ウェブサイトを更新していくとやっぱり欲しくなるのが独自ドメイン。ご多分に漏れず、僕もドメインを取りました。green-sleeves.net を 2 年契約で。
サイト名の元ネタが超有名なイングランドの民謡なので、greensleeves.* は .com .net .org .jp と当然使用中でダメ。結局、真ん中にハイフンを入れて妥協しました。
301 Moved Permanently で新ドメインへリダイレクト
さて、新しくドメインを取ったら、旧ドメインにアクセスがあった場合リダイレクトしないといけませんね。.htaccess に以下のように記述したらうまくいきました。
RewriteEngine on
RewriteCond %{HTTP_HOST} ^gs\.silk\.to$ [OR]
RewriteCond %{HTTP_HOST} ^fpriest\.sakura\.ne\.jp$
RewriteRule ^(.*) http://www.green-sleeves.net/$1 [R=301,L]
簡単に説明しますと、gs.silk.to 若しくは fpriest.sakura.ne.jp 下にアクセスがあった場合、www.green-sleeves.net に 301 Moved Permanently でリダイレクトする。という感じです。
例えば、http://gs.silk.to/hogehoge/foo/bar.html とかいうファイルにアクセスすると http://www.green-sleeves.net/hogehoge/foo/bar.html に 301 でリダイレクト。となるわけですね。
あとは、Google 先生にリダイレクトを認識してもらえば OK。稀に SEO スパムとして認識される場合もあるらしいですが、大丈夫だと思いたい。
MT の mt-config.cgi をちょっと修正
MT の設定も少し弄ります。mt-config.cgi を開いて、CGIPath の項目を新しいドメインに対応するように修正。
xyzzy 使いなので mapae.ph も少し修正
mapae for xyzzy を使って xyzzy 上で編集・投稿しているので mapae.ph の $RPCSERVER の項目を新ドメインに対応するように修正
行った作業を忘れないようにメモすると以上のようになりました。そのうちサーバーも移転するかもしれないので、ブックマークされている方は新しいドメインのほうで再度ブックマークの方を宜しくお願いします。RSS に関しては FeedBurner で焼いているのでそのままでも大丈夫です。
当サイトは将来 php などで動的生成したりすることになったとして、ファイルの拡張子を変更しなきゃならなくなった時 Permalink のリダイレクトなどで手間がかからないように URI の設計に所謂、クールな URI の思想を採用しています。
クールな URI の実現方法としては URI から拡張子を除去して、コンテントネゴシエーションを行うというものが有名です。この方法では .htaccess の Options +MultiViews が使えることが必須条件になります。
それじゃあ、クールな URI にしたいけど .htaccess が使えない、もしくは使えても Options +MultiViews 使えない鯖を借りてる人はどうするのさってことになるわけですが結構単純な方法で実現できたりします。
投稿時間を元に URI を決めるときを例にして説明すると例えば、2007/04/08 05:38 に投稿したとき。コンテントネゴシエーションが可能な場合以下のような URI の例が考えられます。
- http://www.example.com/2007/04/08/0538
さて、それじゃあ使えない場合の話なんですが…。
- http://www.example.com/2007/04/08/0538/
こうすればいいだけです。ファイルネームは index.ext （ext は任意の拡張子）に。例えば MT 3.34 のアーカイブマッピングでこれを実現するには
/%y/%m/%d/%h%n/%I%x
と書けばいいでしょう。
このディレクトリを使った Cool な URI は、CSS Beauty などでも Permalink に採用されています。というか、これらサイトの閲覧中に「あー、こういうやり方もあるわな。」と気がついてメモ代わりに書いたわけですが。
Google ウェブマスターツールを少し前に触ってみたんですが、Googlebot のクロールの具合が良く分かるようになって中々便利だったので、サイトマップファイルも食べさせてみようかと思いました。Google ウェブマスターツール | サイトマッププロトロルを使用する場合に詳細があるので、それを参考にさくっと MT で作ってみした。
今までビビッと来たデザインのサイトの色を調べるとき Opera にはカラーピッカーがないもんで、Firefox を立ち上げて調べてたんですが、一々見つけるたびに起動するのもなんだかなぁと思ってるときに見つけたサイトをご紹介。
There is a form at the bottom of this page that lets you choose any URL you want to extract colors from. The colors you see here are from the site that referred you to this page!
このサイトは参照元のサイトの HTML/CSS に記載されたカラーコードを拾ってきてくれます。もちろんフォームに URL を入れれば任意のサイトのカラーコードを調べることも可能。
しかし、@import 規則で参照されてる CSS に関してはチェックできないみたいです。当サイトでは外部 CSS(import.css) で @import 規則を使って、分割した CSS を読み込んでるので CSS のカラーコードは取得できません。残念でした。
Bookmarklet
Bookmarklet があればより効率的にチェックすることができます。簡単な奴ですが作ってみました。Firefox、Opera で動作します。IE、 Firefox、 Opera で動作確認しました。
Firefox なら Web Developer 等の拡張でもチェックできるみたいですが IE や Opera で済ます場合だとこれが一番の方法かなとか思ったりしました。