User JS「pbtweet」レビュー

Ito Chihiroさんのブログ「WebOS Goodies」の記事を読んで知ったのですが、Twitterホームページに Retweet や"つぶやき"の返信のつながりを表示する機能を追加する「pbtweet」と言う User JavaScript(以下「User JS」)があるそうです。

今週の話題 : Web Fonts の利用例いろいろ(WebOS Goodies)
http://webos-goodies.jp/archives/weekly_20090906.html

ちょうど「Retweet 機能が欲しい」と思っていた所だったので、この User JS を試してみました。今回はそのレビュー記事です。

この User JS は、非常に多機能です。上記で書いた以外にも、沢山の機能があります。以下はその機能一覧です。
  • 「RT」・「via」を使った引用(Retweet)
  • 投稿の返信のつながりのインライン表示
  • 未読の自分宛の"つぶやき"数の表示
  • TwitPic や携帯百景などから投稿した画像のサムネイル表示
  • ページ下部を表示すると過去のタイムライン上の"つぶやき"を読み込む
  • タイムラインを1分毎に更新
  • 短縮URLの展開
  • "つぶやき"を日本語訳
  • グループ機能
そして以下の画像は、pbtweet を適用した時のスクリーンショットです。
(※より大きな画像が見たい方は、画像のリンク先ページの「他のサイズ」をクリックしてみて下さい。)

UserJS:pbtweet
UserJS:pbtweet posted by (C)kyu3

UserJS:pbtweet
UserJS:pbtweet posted by (C)kyu3

使用した感想ですが、最初はあまりに多機能なので少し戸惑ってしまったのと、Opera 起動直後に Twitter のページを表示しようとするとうまく読み込めなかったり、他のサイトを表示した際、微妙にこの User JS が影響を及ぼしている(表示を不安定にさせている)ようだったので、しばらくして使用を止めました。

しかし Opera Wiki の「User JS」の記事に、

  • 副作用を起こすUser JSもあります。
  • まったく関係ない別のページでデザインが崩れたりすることがあります。


そして

  • 「サイトごとの設定」で、任意のサイトに対して別のフォルダに保存された User JS を適用させることもできます。


User JavaScript(Opera Wiki)
http://ja.opera-wiki.com/User_JavaScript

とあったので、早速 pbtweet を別のフォルダに移し、「サイトごと設定」で Twitter ホームページだけに、この User JS を適用する事にしました。すると、読み込みの問題も別のページへの影響問題も起きなくなっただけでなく、"返信のインライン表示"や"画像のサムネイル表示"なども、スムーズに表示されるようになりました。

後者("返信のインライン表示"や"画像のサムネイル表示")に関しては、ひょっとしたら前に使用した時 Twitter サーバーの状態がたまたま悪かっただけかもしれませんが・・・(^^;
前者(別のページの不安定)については、確実にこの方法で改善したと思います。なので、もし「pbtweet を使ってみたい」と思った方いましたら、他の User JS とは別フォルダに入れて、「サイトごとの設定」で適用させる事をお薦めします。

最後になりましたが、Operaの User JS 用として公開されている「pbtweet」(v1.5 Opera Dev(Opera用))は、まだ正規版ではなく開発版です。そのため、使用の際は自己責任でお願いします。あと User JS そのものについて知りたい方は、上記の Opera Wiki のページをご覧下さい。

pbtweet
http://web.me.com/t_trace/pbtweet_ja.html

ウィジェットを起動するツールバー用ボタンを作成

itochanさんのブログを読んで知ったのですが、My Operaの掲示板に、ウィジェットを起動する事ができるツールバー用ボタンの作り方が掲載されていました。

Launch Widgets from Personal Bar(My Opera)
http://my.opera.com/community/forums/topic.dml?id=284543

それによると、やり方は以下の通りです。
  1. 設定フォルダ下の「Widgets」フォルダを開く。
  2. 起動ボタンを作りたいウィジェットの「.wgt」ファイルのショートカットを、任意の場所に作成。
  3. ショートカットのプロパティを開いて、『リンク先』の欄にある「.wgt」を含む"パス名"をコピーする。(※パス名は「"」(ダブルクォーター)で閉じられているので、パス名前後の「"」は除く。)
  4. ブックマークを新規作成し、URLに「3」でコピーしたパス名を『アドレス』欄に追加。
  5. 作成したブックマークを、「Shift」キーを押しながらドラック&ドロップでツールバーに追加。
ちなみに「2」・「3」は単に、起動ボタンにしたいウィジェットの「.wgt」ファイルのパス名をコピーしやすいやり方であると言うだけなので、必ずこのやり方をしなければならないと言う訳ではありません。

あと以下のアクションコマンドでボタンを作成しても、ウィジェットを起動する事ができました。

<アクションコマンド>
Go to page , "パス名" ,,,"アイコン名"
アクションコマンドを使ったやり方だとアイコンを変更できるので、アイコンを変更したい方は、こちらのやり方でボタンを作ってみて下さい。
ちなみにボタンの作り方やアイコンの変更の仕方は、下記の記事をご覧下さい。

Operaデスクトップ版のオリジナルボタンの作り方 : Kyu3's BLOG
http://kyu3.blog.jp/2008-06-22_7426241.html

「bit.ly」で現在表示しているページURLを短縮化するブックマークレットを追加

Twitterを使っていて、時々困る事があります。それはつぶやき本文内に掲載したいWEBページのURLが、非常に長い時です。なぜならURLが非常に長いと、それ以外に掲載したいコメントなどがほとんど入力できなくなるからです。そう言う時に役立つブックマークレットを、先日見つけました。今回はその事について、記事を書こうと思います。

日経BPネットの記事を読んで知ったのですが、それはTwitterつぶやき本文のURL短縮に利用されている「bit.ly」のブックマークレットです。以下のページで公開されています。

Tools > Standard bit.ly Bookmarklet(bit.ly)
http://bit.ly/pages/tools

先日投稿されたOpera Software日本語公式ブログ「Choose Opera 日本支部」で利用すると、次のようになります。ちなみにこのブログ記事のURLは、"93字"です。

Choose Opera 日本支部 - Opera Software のインターン募集: Online Writer Competiton
http://my.opera.com/chooseopera-Japan/blog/2009/08/03/opera-software-online-writer-competiton
 └ 短縮化に利用したブログの記事:

OperaSoftware日本語公式ブログスクリーンショット
OperaSoftware日本語公式ブログスクリーンショット posted by (C)kyu3

以下の画像は、ブックマークレットをクリックして表示されるbit.lyのページのスクリーンショットです。

bit.lyスクリーンショット
bit.lyスクリーンショット posted by (C)kyu3

bit.lyスクリーンショット(拡大)
bit.lyスクリーンショット(拡大) posted by (C)kyu3

ブックマークレットクリックで表示されるbit.lyのページの「Your bit.ly link」の欄には、短縮されたURLが。その下の「Options」の「Share」の欄には、短縮したページのタイトルと短縮されたURLが表示されます。

短縮化されたURL↓
http://bit.ly/lheqi

Share欄に表示されるページタイトルと短縮化されたURL↓
Choose Opera 日本支部 - Opera Software のインターン募集: Online Writer Competiton http://bit.ly/lheqi

ちなみに短縮されたURLだけの文字数は、"19字"です。
また「Options > Share」の右上にある数字は、Twitterのつぶやき1回の投稿文字数の上限である「140字」から、ページタイトルと短縮化されたURLの文字数を引いた残りの文字数です。

結構使えるブックマークレットだと思うので、Twitterを使っている方は一度試してみてはいかがでしょう?

bit.ly
http://bit.ly/

「短縮URL」~ミニブログで再加速したニーズ(日経BPネット)・・・今回「bit.ly」のブックマークレットを知った記事。短縮URLサービスの歴史や仕組み、現状について等々が分かりやすくまとめられています。
http://www.nikkeibp.co.jp/article/column/20090729/170760/?P=1

表示しているページのタイトルとURLをTwitterにつぶやくボタンを作成

表示しているページのタイトルとURLを、Twitterホームページにつぶやく(投稿する)オリジナルボタンを作成しました。

以下の画像は、Opera公式サイトでクリックした時のスクリーンショットと、その結果Twitterホームページでどのように表示されるかを示したスクリーンショットです。

Operaオリジナルボタン:TwitterにタイトルとURLを投稿
Operaオリジナルボタン:TwitterにタイトルとURLを投稿 posted by (C)kyu3

Operaオリジナルボタン:TwitterにタイトルとURLを投稿
Operaオリジナルボタン:TwitterにタイトルとURLを投稿 posted by (C)kyu3

<アクションコマンド>
Go to page,"javascript:void window.open('http://twitter.com/?status='+encodeURIComponent(document.title)+encodeURIComponent(window.location.href) ,'popup');"

なお、オリジナルボタンの作成方法やアイコンの追加方法は、以下のページにまとめてあります。

Operaデスクトップ版のオリジナルボタンの作り方(Opera pera♪)
http://my.opera.com/kyu3/blog/2008/06/22/opera-2

ちなみに、私が今回使用しているボタンのアイコンは、Operaに備わっているIRC(チャット)クライアントを示す「Account Irc」です。

追記:
Chaka_sanさんのTwitterのつぶやきで知ったのですが、以下のブログの記事で、現在表示しているページのタイトルとURLをTwitterに投稿するブックマークレットが公開されています。

いま見ているページを認証不要でTwitterに投稿するブックマークレット(頭ん中)
http://www.msng.info/archives/2008/09/twitter_bookmarklet.php

このブックマークレットはOperaでも使えるので、「わざわざボタンを作るのが面倒臭い」と言う方は、こちらのブックマークレットを使ってみてはいかがでしょう?
ちなみにブックマークレットの追加の仕方は、ブックマークレットのリンク(『このページをTwitterに』)を追加したいツールバーに、「Shift」キーを押しながらドラッグ&ドロップです。

Operaウィジェット「Twitter Balloon」レビュー

月齢を表示するウィジェット「Moon Phase」とともに、最近気にいって使っているウィジェットがあります。Twitteのタイムラインの最新のつぶやき1つをポップアップ表示するウィジェット「Twitter Balloon」です。今回はそのレビュー記事を書こうと思います。

・・・本題に入る前に、いきなり余談なのですが、このウィジェット、実はかなり前からその存在は知っていました。しかしウィジェット配信ページに貼られている画像が何だか非常に怪しく・・・(^^;
それでずっと使わずにいました。

しかし先日、「ぽこぽこ取扱説明書 さくらのブログ営業所」と言うブログでこのウィジェットが取り上げられていたのを見て、やっとこのウィジェットがどう言うものか分かりました。 ( ̄人 ̄) ぽこぽこさん感謝!!
同様の機能を、以前Firefox Portableのアドオン(「TwitterFox」)で体験した事があり、「こう言う機能が欲しいなぁ・・・」と思っていたので、機能が分かってすぐに追加しました。

以下の画像が、そのスクリーンショットです。

Operaウィジェット:Twitter Balloon
Operaウィジェット:Twitter Balloon posted by (C)kyu3

上記の画像は撮影時のつぶやきの文字数が多かったので、最後の方が切れてしまっていますが、・・・もっと少なければ、もう少し綺麗に表示されます。

あと以下の画像は、このウィジェットの設定画面のスクリーンショットです。

Operaウィジェット:Twitter Balloon(設定画面)
Operaウィジェット:Twitter Balloon(設定画面) posted by (C)kyu3

設定項目には、"更新時間"や"表示の大小"、"バルーン(つぶやき)を表示後しばらくしてそれを非表示にするか否か"などがあります。(※配信ページに詳しい説明あり)

最後に使ってみた感想ですが、Twitterのタイムラインを見るには、様々な方法があります。Twitter公式サイトで見る以外にも、たくさんクライアント・サービスがありますし、「Twippera」や「Twitter Opera widget」などのTwitterクライアントのOperaウィジェットもあります。ただ「ブログを書きながら」など、何か作業をしながら見るには、いずれもそれなりに表示領域を使ってしまうので、作業しながらは少し使いづらいように思われます。
そう言う時このウィジェットを使うと、便利だと思います。表示されるつぶやきは最新の1つだけですが、その分必要な表示領域が小さくて済むので、作業の邪魔にはなりにくいと思うので。

ただ・・・ぽこぽこさんも指摘していますが、表示の大きさを「Small」にすると、つぶやき部分がものすごく小さくなるので、使いものにならないと思いました。(^^;

Twitter Balloon(Opera ウィジェット)
http://widgets.opera.com/ja/widget/9412/
カテゴリー
記事検索
管理者のプロフィール
Twitterアイコン名前(ハンドルネーム)
「Kyu3」

プロフィール(Profile)
ギャラリー
  • 豊田市も自治体情報配信用のTwitterアカウントの運用開始!
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 山下しずおが予定価格漏洩の隠蔽を指示!?「小牧市政をかえる会」がリーク文書を全文公開!(小牧市こども未来館・子育て包括支援センター官製談合問題)
  • 山下しずおが予定価格漏洩の隠蔽を指示!?「小牧市政をかえる会」がリーク文書を全文公開!(小牧市こども未来館・子育て包括支援センター官製談合問題)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)