「Cacoo on はてなダイアリー」を簡単に実現するGreasemonkeyスクリプトを作ったよ

雑多 Greasemonkey

【追記】（2010/08/14）Cacooがはてなで公式にサポートされたため、より簡単に実現できるようになりました。（参照：「Cacoo on はてなダイアリー」がはてな公式サポートされたよ - @ikikko のはてなダイアリー）

半分カッとなって、あとの半分はせっかく覚えたJavaScriptを忘れないようにするためです。

Googleガジェットの開発環境（とCacoo on はてなダイアリー のデモも兼ねてるよ） - @ikikko のはてなダイアリーや他のエントリで、はてなダイアリー上でCacooのビューアを表示させたエントリをお見せしてきました。ただ、その際は具体的なやり方をお見せしていませんでした。

というのは、表示させる方法がちょっとややこしかったのと、その実現方法が若干抜け道てきなやり方でやっておりまっとうなやり方でできるようになるまで待っておこうと思ったためです（詳しくは後述）。

ただ、自分でブログ書くときにいい加減面倒になってきたので、Greasemonkeyスクリプトを作っちゃいました。

インストール

  1. Greasemonkeyをインストール
  2. 拙作のGreasemonkeyスクリプトをインストール

利用方法

  1. Cacooで貼り付けたい図の詳細画面を表示
  2. 画面右側の【リンク】ボタンを押下
  3. 【図ビューアの埋め込みコード（はてなダイアリー）】のコードをコピー
  4. はてなダイアリーの編集画面で、コピーしたコードを貼り付け

こんな感じで、貼り付けることができます。

一点補足。

はてなダイアリーでは、対応ブログパーツ一覧 - はてなダイアリーのヘルプで許可されたものしか貼り付けることができません。そこで、許可されたものの中にGoogleがジェットがあることを利用して、「Cacoo ⇒ Googleガジェット ⇒ はてなダイアリー」というように、ワンクッション置いて表示させています。

Cacoo正式リリースのお知らせ - @ikikko のはてなダイアリー

とあるように、現在はGoogleガジェット経由で表示させています。これは裏技的といえば裏技なので、Googleガジェット無しで表示することができるように要望を挙げています。

なので、こちらのアイデアが実装され次第本スクリプトは不要になるでしょう*1。要望したアイデアが実装されたら、Cacoo公式チームからかこのブログからアナウンスがされるかと思いますので。

*1:不要になるのを心待ちにしていますが、あまり早すぎるとそれはそれで寂しいかも・・・ｗ