from s14u.info

13 August 2007

まわりこみはこうやって消す。clear: both;

CSSで画像やテキストの回りこみを回避したいときには以下のように書こう。

clear: both;

参照
CSS Clear Property: w3schools

09 August 2007

はてなスター再掲

このブログのテンプレートを Movable Type 4.0 のデフォルト・テンプレートに置き換えました。 Movable Type 3.x系のテンプレートはあっさりと捨ててしまったわけです。
そんなわけで、Movable Type 4.0 したら はてなスター が消えてしまいましたので再度つけようとしました。

そうしましたら、Movable Type 4.0 ではテンプレートの効率化をはかっているので、ヘッダー部分などは全テンプレートで共通になっていました。モジュールの共通化・共有化。すばらしい。

しかし、タグとクラス属性をダイレクトに指定する はてなスター にとって、この共通化はどうなのか?と。Movable Type 4.0 では、メインページとブログ記事のページとでエントリのタイトルのタグが違います。メインページは h2ですが、ブログ記事のページは h1 になります。(クラス属性はどちらも asset-name です)

おーっと困りましたね。そこで Movable Type 開発チームに聞くと「そりゃあんた MTIf でほげほげ・・・」とかいうので、その通りに書きました。

テンプレート > テンプレートモジュール > ヘッダーを開き、<head>~</head>の間に指定する「 はてなスター を設置するためおまじない」を以下のようにします。


<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
<MTIf name="main_index">
Hatena.Star.EntryLoader.headerTagAndClassName = ['h2', 'asset-name'];
<MTElse>
Hatena.Star.EntryLoader.headerTagAndClassName = ['h1', 'asset-name'];
</MTIf>
Hatena.Star.Token = 'それぞれのユーザごとのID';
</script>

MTIfタグ最高!テンプレート最高!ってことで はてなスターを再度設置しました。

08 August 2007

Movable Type 4.0, 3 2 1 Go!

出ましたね。 Movable Type 4.0 ですよ!

本日はSAKKでのUpgrade-a-thonということで、自分のサイトを Movable Type3.x系から Movable Type 4.0 へアップグレードしました。

ざっくりと流れを以下にまとめます。
私のサーバはXREAなのですが、コンソールでごにょごにょするのはあまり強くないので、FTPクライアント経由で黙々とアップグレードを実施しました。

  1. MySQLをバックアップ。
  2. CGIがあったディレクトリmtをmt3にリネーム
  3. Movable Type 4.0 を FTP で mt4 ディレクトリにアップロード。
  4. mt.cgiにアクセス。mt-wizard.cgiが動くのでそれに従いながらmt-config.cgiを作成。mt-wizard.cgi最高!ホントにインストールの負荷が相当に軽減されるよ。素敵。
  5. ここがxrea特有のおまじない。mt-config.cgiが生成されたあと、Firefoxによる「included というプロトコルはどのプログラムにも関連づけられておらず、Firefox でこのアドレスを開く方法が分かりません。」というエラーが表示されます。これを解決するには、毎度恒例の「cgiをxcgに置き換える」方法で切り抜けるのがベターです。でも今回はMovable Typeのコードをいじりません。作業内容は以下の通りです。
    • mt.cgiをmt.xcgにリネーム
    • mt-upgrade.cgiをmt-upgrade.xcgにリネーム
    • mt-config.cgiに以下の2行を記述。
      AdminScript mt.xcg

      UpgradeScript mt-upgrade.xcg



  6. これで管理画面へのアクセスが出来るようになります。

で、私はこれまでmtディレクトリにcgiもコンテンツも両方とも出力していました。しかし今回のアップグレードに関連して、コンテンツとcgiの分離に成功しました。これは思わぬ成果です。複数のブログを所有しているわけではありませんが、でもコンテンツとプログラムは別々に管理したいですもんね。

ここまではこれまでのコンテンツをそのまま Movable Type 4.0 に移行した場合の話です。ホント簡単です。でもせっかくなので、 Movable Type 4.0 にバンドルされているテンプレートやらデザインを試してみたいじゃないですか!だからテンプレートを修正したら個別アーカイブ(ブログ記事)が再構築のときに出力されない罠にかかりました。ハマりました・・・。

UPDATE「システムメニュー ≫ ブログ 」で表示されるブログ一覧で、希望のブログを選択し、「テンプレートを初期化」を行うとデフォルトのテンプレートになるそうです。よいこはそっちで、デフォルトテンプレートにしてくださいませ。MT4 - qootas.org/blog

というとおりにこのブログ全体のテンプレートを初期化します。そして、次に、「テンプレート ≫ アーカイブテンプレート ≫ ブログ記事」に進み、ページ下部のアーカイブマッピングを見ます。見ると、アーカイブマッピングが存在しませんでした。そこで『アーカイブマッピングを作成』をクリックしてパスを入力するわけですが、その際に過去との互換性を考慮して、「カスタム ≫ %y/%m/%f」にしました。これは yyyy/mm/entry_basename.htmlとunderscoreで連結したascii文字で表現されるファイル名になるものです。

そしてえい!再構築!!

やっと Movable Type 4.0 らしいブログになりました。

Movable Type 4.0 にみなさんもアップグレードすると良いと思います。何が良いかというと、私がオススメしたいのは、管理画面のクリック数の減少です。何か使いやすく感じるなぁと思ったのですが、それはクリック数が減少したことだと思います。Movable Type 4.0 公開と、これまでのMTの歴史年表:Goodpicでも『もう3.xには戻れない感じ』という話も出ているくらいです。私も同じ感想です。もう3.xには戻れません。Movable Type ユーザなら迷わず 4.0 にした方がいいと思います。

Continue reading »

02 August 2007

AtomPub の Interop に参加しました。

yoheiさんのブログにありましたが、2007/07/30 (月) に Atom Publishing Protocol (以下、AtomPub) の Interop が実施されました。私も参加させていただきました。

Interop とは相互接続テストを実施する場です。お互いに持ち寄ったプログラムを用いて、AtomPub に準拠しているかどうかをテストしました。たけまるさんのご活躍でかなり進歩したのではないかと思います。私は Movable Type 4 Beta を持参したのですが、準備が甘かったのであまり成果を出せませんでした。参加した皆さん、ホント申し訳ありません。しかし、日本の AtomPub 界においては十分な成果が残せたと思います。外部からの割り込みが無い状態で集中的に作業できましたので、あっという間に時間が過ぎてしまいました。

これから AtomPub はウェブ上のリソースを Read/Write するための選択肢の一つとして十分に活用できると思います。これまで仕様が固まっておらずいつ本格的に着手するか迷うところでしたが、IETF の AtomPub の仕様もほぼ固まりました。今の仕様(draft 17)で実装しても特に大きな変更は発生しないと思います。そろそろ皆さんも AtomPub にチャレンジしてみてはいかがでしょうか?

iPhone向けのインターフェース iBloglines

最近は Google Reader や livedoor Reader を使っているので、Bloglines はもっぱら plagger 用となってしまい UI にはあまり触れていなかったのですが、この iPhone 向けインターフェースを持つ iBloglines は良いですね。

はてなの Rimo もそうですが、操作性の限られたディスプレイの中でいかにリッチに見せるかというところでやはり 10 foot UI がポイントになってきますね。iPhone はモバイル端末ですから 10 foot ではないですが、やはり限られた操作性という点から考えて、10 foot UI を採用していくのは良いチョイスだと思います。

最近、私のブログのデザインが雑になっていますが、それは 10 foot UI のことを考えると、出来るだけ素な HTML の方が良いのではないかと思ったりしています。少し前は 3 column なブログを見ましたが、ここ最近では 1 column なブログデザインが増えてきた気がします。それもまた 10 foot UI の浸透が影響している気がしてなりません。

ということで、iBloglines のような試みがこれから様々なウェブサービスで展開されていくことでしょう。どれどれ私もそういう挑戦もしてみますかね。。。(そういや社内で Wii 対応のテンプレートをごにょごにょしようぜって言っていたのに実行していなかったなぁ・・・)

19 July 2007

CodeZineで記事を書きました。 #2

CodeZineで記事を書きました。

デジカメ写真と価格.com APIを使ってマッシュアップを作ろう

Flickrから取得した写真に含まれたEXIF情報を使って、価格.comのウェブAPIを叩いて、カメラ情報を取得しようというマッシュアップです。

掲載記事のサンプルコードは静的なHTMLファイルを出力するようにしています。分かりやすさを主眼に置きましたので、レスポンスが実用的ではないと思います。実際にはcronで非同期に処理するとか並列処理を行うなど改善が必要だと思います。でも興味深いデータが取れると思いますので是非お試しください。

今回はフィードに対して興味本位でWeb::Scraperを利用してみました。フィードに写真のURLのためにenclosureが使われていたのでうまくいきました。通常WebScraperはHTMLに対するスクレイピングなのでフィードに対して実施してもデータは抜けません。

マッシュアップに興味をお持ちでしたら、デジカメ写真と価格.com APIを使ってマッシュアップを作ろうをぜひご一読ください。

よろしくお願いします。

16 July 2007

ライブカメラを探す方法

はてなブックマークで ちょwグーグルで「inurl:ViewerFrame?Mode= 」って検索してみwww というエントリがホットなエントリですが、ほかにも次のようにするとAXISという別の種類のライブカメラが探せます。

inurl:/view/index.shtml

とか

inurl:/view/view.shtml

ライブカメラは世界中の映像がリアルタイムに見られるので面白いですね。

参照元

12 July 2007

はてなスターを設置しました

はてなスターボタンを設置しました。

設置には はてなスターを表示する場所は指定できるので、コメント欄の上などにつけてみる を参照しました。本当に助かりました。ありがとうございました。

私ははてなスターをへぇボタンと位置づけています。無駄に多く☆をつけても良いと思います。

11 July 2007

Movable Type 4 hack-a-thon

Movable Type の hackathon が開催されます。

土曜日といえば、ハッカーが集ってハックする日と昔から決まっています。Movable Type界最強のハッカーが東京にいるのに、東京でハッカソンをしないわけにはいきません。

そうだ、そうだ。この日は家族を質に入れてでもhackathonじゃ。

ハッカソンとは、プログラマが一堂に会して、黙々と、ときには見せ合ったり質問しあったりしながら、自分のしたいことについて自分のしたいようにプログラムを書くというイベントです。

とても刺激になりますよ。仮に何もアウトプットできなかったとしても、インプットは十分に得られると思います。世界に名の通ったソフトウェアの開発者とコードを通じて語り合うなんてすばらしいじゃないですか!音楽と同じようにソフトウェアもコードでつながるんです。さあ、お申し込みを!

10 July 2007

Movable Type 開発者向けカンファレンス

Movable Type 開発者向けカンファレンスが 8月24日(金)に開催されると発表がありました。
興味のある方は参加フォームからどうぞ!

Movable Type の開発責任者である、Brad Choateがサンフランシスコより来日します。基調講演においてMT4の魅力をお伝えするだけでなく、Movable Typeを最も深く知るエンジニアとして、MT4の設計思想や、プラグイン開発のベストプラクティスなど、日本の開発者様にご満足いただけるようなプレゼンテーションを予定しています。
だそうです。と「だそうですメソッド」で語ってはいけません。

Brad Choateはかっこいいヤツです。心の底から開発者だと思います。彼も楽しみにしているので是非。

Access Ranking

Powered by Six Apart
Sponsored links