Movable Type 備忘録

 自分のブログの URL を OpenID にしてみる

  • Mar152008
  • Vote:
    http://bizcaz.com/archives/2008/03/15-153204.php
  • Categories: Customize
  • Tags: ,
  • Social Bookmark

こんにちわ^^

わたしの周りでもにわかに OpenID が騒がれてきました。
今まで OpenID は対応してるサービスが少なかったこともあってわたしは使ってませんでした。
そのくせ、わたしのサイトでもコメント投稿時の認証の 1 つに OpenID によるログインを可能としてます。

OpenID を使うメリットとしては、たとえば、巷ではいろんなサービスが提供されてますね。通常ならそのサービスごとにアカウントを作成／登録して、そのアカウントとパスワードでログインすることで始めて利用することができます。

でも、OpenID による認証に対応したサービスなら、OpenID という固有の ID（URL）を入力することで、各サービスでユーザ登録などしなくっても、1 つの ID だけで利用することが可能になります (￣∇￣)b

難点としては、増えてきてはいますがまだまだ OpenID が対応されたサービスが少ないってことでしょうか。

今回は OpenID を自分のブログの URL として利用する為の方法についてご紹介です (●＞∀＜●)／

カスタマイズ

OpenID を自分のサイトの URL にするには、以下の手順でカンタンにできます。

  1. OpenID 登録
    まず、http://www.openid.ne.jp/ でアカウントを登録します。
    http://www.openid.ne.jp/ は自分専用の Identifier URL を作成してくれるサービスです。

    「Open ID のアカウント作成」をクリックして必要項目を入力してください。
    「OpenID URL」ってところが、自分専用の OpenID（Identifier URL）になります。

    登録が完了したら、実際にログインしてプライベート情報の公開など確認してください。

    取得した OpenID はそのまま使用することもできます。
    今回はその OpenID を、覚えやすく馴染みのある、自分のブログの URL にしよう!! が主旨です。

    ちなみにわたしの Identifier は以下になります。

  2. テンプレートに埋め込む
    トップページの HTML ヘッダ（<head>～</head>）の中に以下の 2 行を追加します。
    Movable Type 4 だと、「ヘッダー」テンプレートモジュール内に埋め込むことになりますか。[2008.08.17] OpenID の認証サーバの URL が変更されてましたので修正しました。

    1. <MTIf name="main_template">
    2.     <link rel="openid.server" href="http://www.openid.ne.jp/user/auth">
    3.     <link rel="openid.server" href="http://www.openid.ne.jp/index.php/serve" />
    4.     <link rel="openid.delegate" href="http://bzbell.openid.ne.jp/" />
    5. </MTIf>

    赤字を先ほど取得した、各自の OpenID に変更します。
    HTML ヘッダ内に追加したらトップページを再構築して完了です。

  3. OpenID でログインしてみる
    たとえば、このページのコメント投稿時の認証に OpenID を選択してログインしてみてください。
    もちろん、入力する OpenID は自分のサイトの URL（http://～）ですからね (￣∇￣)b

    正しく認証されれば OK です。

以上で、OpenID を自分のサイトの URL にすることができました。

早くいろんなサービスで OpenID に対応してくれるといいですね。
OpenID に対応してるサービスは以下のページで一覧されてます。

 Trackback Pings(1)

from Open MagicVox.net

　最近，色々なところで目にするようになった OpenID。大雑把に言えば URL を ID の替わりに使って認証を行うわけですが，独自ドメインでブログを...

Tracked on April 19, 2008

 Comments(7)

#1: Posted by Author Profile Page aiko_m.openid.ne.jp @ March 16, 2008 [REPLY]
user-pic

こんにちはＡｉｋｏです。
openIDのお話しでしたので、メールでお世話になったご挨拶がてらカキコしま～す。

最初ＭＴのブログに書き込ませていただく時までＩＤの存在すら知らなかったので、どうして良いのかも分からず登録したのですが、したらしたで、今度は名前が登録したものじゃなく長たらしいＨＮに！。とても違和感を感じた覚えがあります(^^ゞ。が使ってしまうと意外に便利だったりしますね。

ただ、ＭＴカスタマイズブログなら来訪する方もスキルのある方が多く問題ないのだと思いますが、多分一般のブログでＩＤを採用すると皆さん戸惑われるみたいです。私のブログは始め他のＩＤの意味がよく分からなかったので(^^ゞ、ＭＴだけの登録にしちゃいましたが、それでも「パスワードは何にすれば良いのですか？」という問い合わせ、結構ありました。あと、サインインした後に出てくる画面もＦＣ２などでも不評が多い、ブログデザインとは違った画面で、全く別な怪しい所に飛ばされた！という先入観を持つようです。

そこで、サインインの所に、ブログのロゴを表示するように変えてしまったのですが、まだまだ一般的に慣れるには大手企業が採用しないと時間がかかるのかもしれないですね。

という訳で、bzbellさんの承認ページ見て、思いっきりビックリしたAikoでした…
男性だと思ってたぁ(^^ゞ。

 
#2: Posted by Author Profile Page NANA @ March 16, 2008 [REPLY]
user-pic

>>1 aiko_m.openid.ne.jp さん

こんにちわ^^

> ･･･が使ってしまうと意外に便利だったりしますね。

わたしはつい先日登録したばかりで、使ったことはなかったんですけど、各サービスで都度ユーザ登録が不要になるところが便利だなと思いましたキャハハ

> サインインした後に出てくる画面もＦＣ２などでも不評が多い、ブログデザインとは違った画面で、全く別な怪しい所に飛ばされた！という先入観を持つようです。

そうですねぇ、わたしも初めて訪問するサイトの場合、いきになりまったく別なページにジャンプさせられると不信感を抱きますからねにやり
世の中 MT を知らない人なんていっぱいいるだろうし、気持ちはわかる気がするのココロガーン
認証画面カスタマイズしたんですかっ!!
Aiko さんいろいろイジってるんですねあせあせわたしもやっちゃおっかなぁサングラス

 
#3: Posted by aiko @ March 16, 2008 [REPLY]
user-pic

こんにちは～σ(^^)。Ａｉｋｏです。
やっぱり名前が aiko_m.openid.ne.jp じゃ違和感ありますので、
別のＩＤで今回書き込みさせていただきました。

どのサービスがどう違って、どう便利なのか？。
特集記事を書いていただけると助かりますσ(^^)。

それと記事内容と反れてしまうのですが、SimpleAPI に私のサイトがキャプチャされないので「何故？」とネットを検索しまくりましたら、こちらでも以前に紹介されていたんですね。でも紹介されているブログって皆さん上手く表示されている結果報告ばかりで、「何故表示されないブログがあるのか？」の説明が無くて困ってます。きっと理由があるんだと思いますが、ＩＤにしても、「こうしたら、こうなる」みたいな検証記事があると、これから使う方も分かりやすいのかなぁ…なんて感じてます。

ログイン画面は、カスタマイズというほどのものじゃないです！(^^ゞ。
MovableTypeのロゴ画像をブログロゴに変更しただけで、たいしたことはしていないんですが、それだけでも来訪者の方は安心されると思うんですよ。
ちなみにここの画像、交換しているブログさんはまだ見たことないのですが…著作権違反って事はないですよね（ちょっと心配）。ま、でもそれ以上にＭＴ宣伝しまくってますから、売り上げ（認知度）には少しは貢献しているかと。

あと、そのログイン画面に表示される文字や、送られてくるメールがどうも気にくわない(^^ゞので変更してやろうかと、全てのフォルダのＭＴファイルから「文字列」を検索してみたのですが、システムが表示しているメッセージやメール送信の内容部分の定義ファイルが見つからないんです。もし、どのファイルでそれが設定されているのか分かりましたら、カスタマイズ（？とまで言えないですけど）を記事にしていただけると嬉しいッスσ(^^)。
なんかお願いばかりで申し訳ありません≦(._.)≧。

 
#4: Posted by Author Profile Page bzbell @ March 16, 2008 [REPLY]
user-pic

>>3 aiko さん

> どのサービスがどう違って、どう便利なのか？。
> 特集記事を書いていただけると助かりますσ(^^)。

はい。まだ OpenID ってそれ程使ってるわけじゃないのですが、サービスによって何か違いがあるようでしたら書いてみますねうぅ～ん

> 「何故表示されないブログがあるのか？」の説明が無くて困ってます。きっと理由があるんだと思いますが、ＩＤにしても、「こうしたら、こうなる」みたいな検証記事があると、これから使う方も分かりやすいのかなぁ…なんて感じてます。

あっ!! それ言えてる!!
手順通りに問題なくできればいいんだけど、できなかった場合の想定されるケースなど明記されてたりすると自分としても検討しやすかったりしますよねワクワク
わたしの場合、実際にやってみてできなかったことや間違ったことやった場合には明記するようにしてますが、すんなりできちゃった場合経験から想定できるなら明記してますけど、元々シロウトなのでそれにも限界があって自分の経験したことしか記事にできないところが申し訳なく思うことありますあせあせ

SimpleAPI の件ですが、わたしも気づいたらサムネイルされるようになってたので何やったら表示されたのかさっぱりなんですあせあせ

Lynx というツール知ってますかガーン
テンプレートの構造をチェックしてくれるツールなのですが、Aiko さんのブログをチェックしたら、不正なテンプレートです･･･と表示されました。

もしかしたら、何かテンプレート的な要因があるのかもしれませんようぅ～ん
Lynx はググると直ぐ見つかりますので試してみてくださいもじもじ

 
#5: Posted by aiko @ March 16, 2008 [REPLY]
user-pic

アドバイス有難うございます。
Lynx って検索したらテキストブラウザのようですが、ツールが他にあるのでしょうか？。

えっとこれでチェック出来るのは

・画像に対するalt属性の有無及びalt属性内容の適切さ
・強調を色だけに頼っていないかのチェック
・文書構造のチェック
・キーボードのみで操作できるかのチェック
・フレーム及び各種スクリプトを使っている場合の代替手段の有無

ということみたいで、殆どアウトかもしれません(^_^;。だいたい面倒だから＜ｆｏｎｔ＞たぐとか使っちゃいますし～。

ちなみにドメインのトップにプレーンなＨＴＭＬ(index)を保存して、SimpleAPI を試しましたが、やっぱりダメなんですよ。ということはサーバーに関係してるのかな？とも、思ったり…。謎ですね(^_^;。

あ、それから http://jigsaw.w3.org/css-validator/ でスタイルシートのチェックもできるのですが、ここで合格点貰えるとこって少ないと思います。試しにＦＣ２とか大手ＨＰを検証させたらことごとく不合格(^_^;でした。
合格するとロゴがもらえる（貼り付ける権利／栄誉）が貰えるみたいですが、あちこちイジリ回していると、もう何処か悪いんだか分からなくなりますからカスタマイズも自己満足に陥りがちですね。

ちなみにホームページビルダーで私はブログ記事をアップしているのですが、ビルダーにもエラーチェックがありまして、BODYに
「 ｏｎｃｏｎｔｅｘｔｍｅｎｕ＝”ｒｅｔｕｒｎ　ｆａｌｓｅ；”」をつけると必ずエラーと表示されるんです。ＨＰ等だと白紙からチェックしながら作れますが、ＭＴは変数がありますからローカルでテスト出来ない分、余程気をつけないといけないのでしょうが…知ろうとは「ま、見えているからいいか」になっちゃいます(^_^;。

あ、それと、トップページとコメントを押した時のテンプレートが違うんですが、それでＯＫなんでしょうか？。
なんか殆ど雑談になっちゃって申し訳ないです≦(._.)≧。

 
#6: Posted by Author Profile Page bzbell @ March 17, 2008 [REPLY]
user-pic

>>5 aiko さん

こんばんわ^^
お返事おそくなってすいませんあせあせ

> Lynx って検索したらテキストブラウザのようですが、ツールが他にあるのでしょうか？。
あちゃぁ～キャハハそうです、テキストブラウザです。

> ということみたいで、殆どアウトかもしれません(^_^;。だいたい面倒だから＜ｆｏｎｔ＞たぐとか使っちゃいますし～。

Aiko さんのブログのソース見ちゃったので font タグ使ってるの知ってましたあせあせわたし始めて訪問するブログは必ずソース見て勉強させてもらってますガーン

でもそれは大きな問題にはならないと思われまするぅんっ！？
SimpleAPI にキャッシュされない理由として考えられることって、ページが最後まで表示されなかったとか、何等かの理由でホントに弾かれる…かな、なんて思ってます。

CSS を Valid にするのは骨が折れますよね。
わたしも一時期 TRY してましたが、どうしても 94% の壁を越えられませんでしたよエーン

> あ、それと、トップページとコメントを押した時のテンプレートが違うんですが、それでＯＫなんでしょうか？。

はい。見苦しいところお見せしてすいません。
ただ今、父上のテンプレート創作中なんですの。
どこで聞いてきたのか知らないけど、MT の存在を知っててブログをやりたいってことでテンプレート作ってあげてるんですのうぅ～ん

 
#7: Posted by Author Profile Page aiko_m @ March 17, 2008 [REPLY]
user-pic

今晩はですσ(^^)。

>でもそれは大きな問題にはならないと思われまするぅ

10年位前だと IE のネスケとの互換、IEでも３と４の互換だけでもスタイルシートを合わせるのが難しかったですから、ホントは推奨されないタグを使うのは早めに止めた方がいいのかもしれないですね。でも何故かホームページビルダーで色ボタンを使うと＜ｆｏｎｔ＞が設定されちゃうんです。
XHTML 1.0 に設定ていもこのボタンが有功なので今度ＩＢＭに聞いてみようかと思ってます。

いちを http://screenshots.jp/　で殆どのブラウザで同じ表示になるのを確認していますので、「ま、いっかな」なんですが(^_^;、Operaだけはくせ者で overflow 属性を使う時は注意しないとグタグタになっちゃうみたいです。以前、ＦＣ２でもテンプレートをお借りしていたのですが、そのテンプレの overflowに見たこともないオプションがついていて Operaだけはそれを解釈出来なかったようです。

トップのデザイン、シックでお洒落ですね～！！。
色合いといいデザインといい、カッコいいです！！。

ＦＣ２とか普通のブログサービスを使っている人とか、それを見ている人って、結構ＭＴで使われているテンプレートデザインって違和感があるので、私の所ではなるべくＦＣ２（ブログ）ライクな操作性のテンプレートにしているのですが、http://csshazard.com/ とか見ていると、お洒落なデザインにも憧れちゃうんですよね(^_^;。でも自分がお邪魔した時、何処押していいのか？とか、何処に何があるのか？、誰が何のためにここを作ったのか？が明確じゃないブログは何度も足を運ばないので、来訪してくれた人が心地よいデザインと操作性が一番だと思っています。って言い出すとJavaScriptなんか組み込まないプレーンなデザインが一番なんでしょうけど(^_^;。

ちなみに、凄いデザインのブログでも、たまに　inputにborderを設定していて buttonのborderを消していないトコを見ると、詰めが甘いなぁって気になっちゃう一番の部分(^_^;。これＦＣ２のテンプレートにありがちでなんですよσ(^^)。

 

 Post a Comment

 

コメント用フィード