21 November 2008

TypePad Connect

はいpaper TypePad Connect のご紹介ですsign03

今日は TypePad Connect がご紹介できるということでとてもエキサイティングな気持ちです。

javascript を埋め込むことでコメントを一元管理することができる機能が一部では大きく取り上げられていますね。UserPic の表示、階層化されたスレッド表示、編集・削除も可能です。何よりコメントしたあとに自分の Profile ページにコメント結果が一覧できるのですから、なんだかコメントするのが楽しくなると思います。

もちろんコメントは目玉機能ですが、ぼくは伝えたいのはむしろ Profile の方です。

これまで Six Apart が提供するサービスのひとつとして TypeKey がありました。コメント認証などで活用されてきまして認証サービスの先駆けだったと思います。TypePad Connect はその TypeKey の後継になります。これまで TypeKey のログインに使われていた URL https://www.typekey.com/t/typekey にアクセスしますと、http://www.typepad.com/connect/ にリダイレクトされることでご理解いただけるかと思います。TypePad Connect でも TypeKey 認証は通りますし、これまでも対応していた OpenID ももちろん対応しています。そして他のサービスのアカウントも設定して公開できますから、自分のプロフィールサイトとして十分利用価値があると思います。

それから以下のように microformats の hCard の対応もされています。

    <link rel="me" href="#content-main" />
(中略)
    <div id="content-main" class="col vcard">
        <div class="general-module module">
            <div class="module-content">
                <div class="user-name fn">comewalk</div>
                <div class="user-location adr label">Tokyo</div>
            </div>
        </div>

また他のサイトに Profile 情報やコメントを埋め込むための javascript を用意していますから、TypePad という冠がついていますが、javascript が利用可能なサイトならどこにでも貼り付けることができます。

どうぞご利用ください。

ご参考までに以下は私のアカウントです。

http://profile.typepad.com/comewalk

(TypePad Connect は、現在はベータ公開のため、一部の機能や、使える環境に制約があります。ユーザーの皆様のフィードバックをいただきつつ、正式サービスに向けて改良を進めていきます。ぜひ、皆様の積極的なベータテストへの参加をお待ちしています。)

seealso:

TypePad Connect !

ブログのコメントを TypePad Connect にしました。TypePad Connect で用意されている javascript をテンプレートに設定することで移行できます。件数も TypePad Connect での件数を表示することができます。

このページ のコメントをご参考にしていただければと思います。

javascript の設置については、コメントテンプレートの修正とバナーフッターの修正で対応しました。設定方法については MovableType.jp のコンテンツ 「Movable Type のコメント認証に TypePad Connect を利用する」をご参照ください。

seealso:


19 November 2008

oEmbed の仕様をみた

oEmbed

oEmbed is a format for allowing an embedded representation of a URL on third party sites

oEmbed はサードパーティで URL の埋め込み表現を許可するためのフォーマットです。

という直訳になりますが、Pownce で使われるケースが oEmbed のサイトに載っていたので、その使われ方がなんとなく理解できましたので、僕なりの使われ方をご紹介したいと思います。

Twitter などに代表されるマイクロブログなどでは URL だけがポンと投稿されることが多いと思います。oEmbed のサイトの例で言うと、

http://www.flickr.com/photos/bees/2341623661/

という文字列の URL が投稿されることになります。

Twitter はその投稿された内容を parse することはないので、そのまま文字列が読者にも見えるわけですが、これを parse するようなサービスを展開しようとしたときには、

  1. URL を fetch して、URL の先のコンテンツの種別をとってくる
  2. コンテンツの種別に応じて、幅や高さなどの属性を調べる
  3. URL と属性を利用して HTML タグを作成する
  4. 自分のサービス内にその HTML を埋め込む

みたいなことをするのだと思います。で、oEmbed を利用したとしても確かに同様な手順が必要なのですが、2 の自分で調べるという手間が省けます。画像の場合、ImageMagick などを利用して属性を取得するなど自分のサーバ内での処理が増えるので、若干しんどい面があります。Mashuper たちは特に面倒でしょう。

そこで oEmbed です。oEmbed はエンドポイントに URL を渡すと必要そうな属性が返却されるという API です。oEmbed のサイトの例で言うと、

http://www.flickr.com/services/oembed/?url=http%3A//www.flickr.com/photos/bees/2341623661/

こんな感じでリクエストを送ります。するとレスポンスとして、JSON ならば、

{
"version": "1.0",
"type": "photo",
"width": 240,
"height": 160,
"title": "ZB8T0193",
"url": "http://farm4.static.flickr.com/3123/2341623661_7c99f48bbf_m.jpg",
"author_name": "Bees",
"author_url": "http://www.flickr.com/photos/bees/",
"provider_name": "Flickr",
"provider_url": "http://www.flickr.com/"
}

という感じで返ってきます。Format としては JSON か XML で返却する感じみたいです。返却されるパラメータの内容も定義されていますが、これについては oEmbed のサイトを参考にするとよいでしょう。上記の例は Flickr ということもあり、Type が photo になっていますが、その他に video、link、rich もあります。photo は画像、video は動画、link は URL、rich は xhtml となるようです。

oEmbed のサイトの「7 章 implements」 に現在 oEmbed が実装済のサービスが記載されています。YouTube など動画サイトやPicasa など写真共有サイトが積極的に対応するようになると、他のサービスを利用する側もちょっと楽ができていいのになあ。

Discovery を埋めてくれていると助かりますね。

<link rel="alternate" type="application/json+oembed"
href="http://flickr.com/services/oembed?url=http%3A//flickr.com/photos/bees/2362225867/&format=json"
title="Bacon Lollys oEmbed Profile" />

まとめ

TypePad のようなブログサービスでも、例えばコメント欄に oEmbed をサポートするサービスの URL が貼り付けられた場合、Anchor タグを生成するのではなくて、画像も表示してあげるようにするとかやるとうれしい人もいるかもしれませんね。(スパムだったりすると気に入らない画像が列挙されて嫌な思いをするケースもあるかもしれませんが。。。)

ちょうど microformats の上級版で、API の簡易版という印象があるので、結構手軽に活用できるのではないかと思いました。せっかくだから画像なんかはオプションで選択すると Exif 情報も含めて送ってくれるなんかだとうれしいかもな。

seealso:

18 November 2008

Shibuya Perl Mongersテクニカルトーク#10 に申し込みましたsign01

2008/11/27 (木) に Shibuya Perl Mongersテクニカルトーク#10 が開催されるということで申し込みましたhappy01もう定員になって締め切りになってしまったんですね。すごい人気sign03最近はあまりに多忙なのですがwobbly、なんとか都合をつけて行きたいと思いますupwardright

個人的には特に以下のセッションに興味がありますshine

  • TPF-J(仮)について (lestrrat)
  • Catalyst の次は Mojo ? (charbar)
  • "remedie" pluggable media center application (miyagawa)
  • "kamaitachi" perl flash media server (typester)
  • ウェブサービスにおける SSD の使い方 (kazuho)
  • Yokohama.pm 活動報告 (clouder)

私は神奈川県民なので Yokohama.pm にもお邪魔したいところですが、多忙で都合がつきませんですweep申し訳ありません。。。

それでは会場でお会いできるのを楽しみにしておりますnote

(11/27 追記)

1時間で終了するはずのミーティングが3時間もかかりその結果会場に行くことができませんでした。申し訳ありませんでした。でも coji さんのおかげで ustream で録画したものがを順次見ることができます。本当にありがとうございます! http://www.ustream.tv/channel/shibuya-perl-mongers

seealso:

17 November 2008

Firefox の拡張機能: LeechBlock

おおupこれはすてきだhappy02

LeechBlock :: Firefox Add-ons

LeechBlock is a simple productivity tool designed to block those time-wasting sites that can suck the life out of your working day. All you need to do is specify which sites to block and when to block them.

私が特にnote気に入ったnoteのは、設定画面の「Enter a time limit which to block these site」のラベルがついている部分で、ここには 1, 2, 3, 4, 6, 12, 24, 48 時間、7 日のうち何分間閲覧することができるかを指定することができます。『1日15分』など許容可能な時間を設定しておけば、それ以上は「仕事が一段落してから見ることにしようconfident」とか自分を制限するのに効果的goodです。

最近私は特に一日の時間割watchを気にしているのでこういう拡張機能はいいです。仕事pcの効率があがるといいな。

seealso:

それほどでもなかった為替レート

10/29 に Flickr のアカウントを Pro にしました。ちょうどドルが安くなってきていたので、ここぞとばかりに 2 年分の更新をしましたup

で、先頃カード会社から決済の連絡がありましたので、ちょっと期待してみてみました。
47.99USドル   換算率  100.96円
ま、そんなところですかねぇ。。。100円切ったところくらいだったかなーと思っていたのですが。

レートについて
特定の通貨レートは、お客様の口座に記帳するために加盟店が銀行に取引記録を提出する日によっても変わってきます。提出日は売買取引が行われたのと同じ日であるとは限りません。処理のため取引がVisaに提出されるまでは為替レートが確定しませんので、購入時点では、カード会員の銀行、加盟店および、またはVisaに適用される正確な為替レートは分かりません。

なるほどthink

seealso:

16 November 2008

Six Apart Tokyo Hack-a-thon Vol. 4 に参加しました

620 Six Apart Tokyo Hack-a-thon Vol.4 に参加しましたhappy02happy02

私は EmoticonCloud を紹介したかったのでwink、EmoticonCloud の Movable Type 版を紹介しましたdashdash

社内で TypePad の EmoticonCloud を紹介したときには社内では結構ウケたupので、社外でどのような反応が得られるのかを見たかったのですが、やっぱりウケましたupね。EmoticonCloud はこれはいいぞheart01今、jQuery の plugin として作成中なので、近日、Movable Type 版、その他の他社ブログ版などの紹介もさせていただこうかと思います。まずはこちらの「MTでも絵文字使おうぜプラグイン、アリマス」をご参照いただいて Movable Type で絵文字が使えるようにしておいてくださいsmile。そして絵文字を利用したエントリを量産しておいてください。その後で、EmoticonCloud を導入すれば楽しいこと間違いなしsign03

610 614 615 617 619

また Ustream で中継されていた [The Vox Night!] First も部屋の壁で見てましたよ。こちらとは全く異なる雰囲気でなかなか面白かったです。

今回参加された皆さんはひとりずつ本日の成果を発表してくださいました。それぞれ色々なカラーがあって楽しかったです。積極的に発表していただけると盛り上がりますね。Movable Type Rocks! あと freenode の #movabletype-ja で

20:06 Yappo_: MTOS on HTTP::Engine しに参加しようと思っていたのをすっかり忘れていた

とありました。是非みたかった!期待してます!!

13 November 2008

Reminder: イベントの件

本日 (11/14) は、シックス・アパート主催のイベントが 2 つ開催されますwink

Movable Type
Vox
参加予定の皆様、お忘れなく。。。 私は Movable Type の Hack-a-thon に出席する予定ですconfident

お買い物

A REALITY TOUR - David Bowie

もう 4 年も経過してしまうのかー。Reality Tour (Dig)David Bowie のアルバム Reality のライブ DVD です。David Bowie がとってもかっこいいのよ。そしてぼくが David Bowie の作品の中でもっとも好きなアルバム Earthling からの曲もあってうれしい限り。 今、それを見ながらこのブログを書いていますmusicmusicmusic

Access Ranking

Powered by Six Apart
Sponsored links