Hatena::Groupamimono

LABYRINTH OF "Knit" このページをアンテナに追加 RSSフィード

スパムうっとおしいんでコメントははてなユーザの方のみにしてますごめんなさい

in English

February 07, 2009

こんなものを作ってみた

| 01:24

 

これ。

RavelryのIDと、ここからAPI Keyを持ってくれば*1自分のプログレスバーを表示させることができるようなgoogle Gadgetを作ってみたり。

target指定もできるようにしたし、満足ー。

#こんなの欲しい方とかいらっさるだろうか…

ということで?

| 11:14

使い方を書いてみます…

RavelryでAPIKeyを取得

こちらのページから、APIKeyをコピーします。

f:id:heavenknows:20090207105009j:image

この画像で①(まるいち)のところがAPIKey。②(まるに)のところがRavelryのIDになります。

①のところをコピーしておきます。前後にスペースが入らないように注意。

※自分用のgadgetの作り方がわかる方は、APIのページのSTEP1で表示されてるソースを使って作ってもいいと思います。

gadgetにはめこむ

こちらのページでgoogleGadgetを作ります。

f:id:heavenknows:20090207105630j:image

こんな画面が出ているので、①のところにAPIKeyを、②のところにIDを書きます。①のところはコピーしたものをペーストすればOK。②はコピペしなくても知ってますよね^^;

Parameters*2には何も入れないでいいです。

また、"タイトル"のところに文字を入力するとgadgetの上に表示され(空白可)、幅と高さのところの数値で実際に表示される幅と高さを変えることができます。サイドバーにあわせて適当な値を入れておくといいと思います。

表示確認

ちょっと下にスクロールするとこんな画面になります。

f:id:heavenknows:20090207110340j:image

「変更をプレビュー」ボタンを押して、ちゃんと表示されるかどうか確認してみましょう。

APIKeyとIDが間違っていなければデフォルトの色で表示されるはず…

ここでプログレスバーが表示されなければ、コードを取得しても見えないので注意してください。ただし、「今、wipなプロジェクトが何もない」場合はもしかしたら何も表示されないかも…

コードの取得

「コードを取得」ボタンを押すと、「このガジェットをウェブページに組み込むには、次の HTML をコピーして貼り付けてください。」っていうエリアに <script src= ではじまるコードが表示されるので、これを全部コピーします。

サイドバーに貼り付け

コピーしたコードを、サイドバーの適当なところに貼り付ければできあがり。プロジェクト名をクリックすると、別ウィンドウ(別タブ)で表示されます。

お約束的注意事項

ご利用は at your own risk でお願いします。

*1:ホントはこのページのとおりにやれば誰でもできることのはずなんだけど、はてなでは任意のjavascriptを貼り付けることができないのです

*2:RavelryのAPIのページの一番下のほうに出てるようなオプションを使うことができるようにはしてます

mifumifu2009/02/07 10:10はてなではできないんですよねぇ。
JUGEMのブログには出来たのに!って悔しい思いをしてたんです。
いいな〜

yuu-kouyuu-kou2009/02/07 10:36すごい!編みかけ管理には、ばっちりですね~。

heavenknowsheavenknows2009/02/07 11:21みふさん:
使い方をざっくり書いてみたので、この説明でわかったら^^;使ってみてください。是非。

yuu-kouさん:
編みかけ管理にはばっちりなんですが、これだけ編みかけを持ってますってバレバレ状態にもなるというわけで…ちょっと微妙かも(笑)

foosentownfoosentown2009/02/07 11:33かこです。これどうやってやるのかな~と思ってたんです。
使わせて下さい~☹

heavenknowsheavenknows2009/02/07 11:52かこさん、どうぞー。
うまくいくといいんですが。なにしろ自分のIDとかでしか試してないもんですから…

na2maruna2maru2009/02/07 13:18なな丸です。ずっと「どうやるんだろう?」と思ってたんですがわからなくてあきらめてたんです。さっそく使わせていただきました。ありがとうございます。

heavenknowsheavenknows2009/02/07 13:38おおっ、できましたか!!
よかった。安心しました(笑)

amuamu-mocchanamuamu-mocchan2009/02/07 13:45(め)チャンすごい!pc音痴の私にも出来ましたよ~♪
どうもありがとう:-D
「モッチャン、ぜんぜん進んでないやん。頑張れよ~」って言われそう(笑)

momoroumomorou2009/02/07 14:50(め)さんありがとうございます!出来ました。
どうやったら出来るのか解らなくて諦めてたので嬉しい~~

teaangeteaange2009/02/07 15:38私も挑戦してみました。
らべりーの使い方もよくわかってなかったので、あれこれやって、なんとか使えそうです。まだまだですけれど。

mimizukumimizuku2009/02/07 15:51Rから来ました。こんにちは。
書かれた通りに、ガシガシ進めると憧れのプログレスバーが!!
なのですが・・・エキサイトブログはセキュリティー上ダメでした(涙)
ともあれ、ありがとうございました&どうもお疲れ様でした。

ako12ako122009/02/07 20:07akoです。私もこれやってみたかったんです。ありがとうございます。後で試してみまーす。

lillicatlillicat2009/02/07 20:23(め)さん、はじめまして。
これ、はてな専用ガジェットなんだと思って、「いいなぁ」なんて指をくわえてみていたんです。
元はRavelryにあったんですね。
そこからガジェットが作れるなんて、すごいです!
私のブログはそのままスクリプトが貼り付けられたので、早速使ってみました。写真やメモも添えられるんですね~。
ご紹介、ありがとうございました。

himawarihimawari2009/02/07 21:22はじめまして。
Ravelryの機能は凄いものばかりですね。
いろいろ活用しなくては・・・と言いつつ私は英語が苦手(嫌い)です。(汗)
図付きの解説有難うございました。

hebryehebrye2009/02/07 21:38ヘブリーです。私も活用させていただきました!(め)さんのお陰でラクラク設定♪これで自分の脳内整理もできそうです。ありがとうございました~。

ginnnanginnnan2009/02/07 22:12はてなじゃムリなので、誰かガジェットで作ってくれないかなぁでもこんなピンポイントなガジェットムリだろうなぁと実はコッソリ思っておりました(笑)本当にありがとうございます!

ヌマコヌマコ2009/02/07 22:38ヌマコです。ありがとうございます!
ウェブリブログではずれずれだったのが直りました!うれしいっ。

heavenknowsheavenknows2009/02/09 12:40皆様(すみません、略しまくりで):
使ってみてくださってありがとうございます。googleGadgetには興味があったのでちょうどいいお勉強になりました。(といいながらちゃんと公開するかどうかは迷ってるんですが)
あとは色がどーにかできるといいんですけどね… ' が曲者。

mimizukuさん、はてなも厳しいと思ってたけど、exciteのほうが厳しいんですね…
lilicatさん、そう、ワタシは提供されてるスクリプトをgadgetのxmlにはめただけなんです(^-^; スクリプトがそのまま置ければそれに越したことはないんですけどね…

umecha_zukeumecha_zuke2009/02/13 23:52初めまして、梅茶漬けと申します(*_ _)
私もRから来ました。
以前からこのガジェットを入れたかったので
説明を読みながら、早速入れてみたら
私はヤプログなんですが、
ちゃんと表示出来ました(^-^)ノ
詳しい説明でとーーーーーっても助かりました!!!
本当にありがとうございました!!

mimizukumimizuku2009/02/18 13:49貼れました(笑)
コメント読んだ方でexciteダメなの~?なんて、試さない人が居たら悪いので報告させてくださいませ。
改めて、どうもありがとうございました♪

applemint-teaapplemint-tea2009/02/19 23:21初めまして。りんと申します。

私も利用させていただきました♪
ありがとうございました!

(ちなみに「今、wipなプロジェクトが何もない」場合はやっぱり何も表示されませんでした)

heavenknowsheavenknows2009/02/21 20:05梅茶漬けさん、りんさん、無事動いたようでよかったです。
mimizukuさん、よかった(笑)ご報告ありがとうございました♪

taka-cyantaka-cyan2009/04/15 00:08こんばんは、はじめまして
まかと申します

ガジェットの公開ありがとうございます
これがあると放置作品が減るかな・・・という期待と共にサイドバーに設置してみました

corincocorinco2010/04/10 15:32りんりんです。わたしも利用させていただきました。
(め)さんが作られていたとは。。すごい!のひとことです。
どうもありがとうございます。