UserJS

テキストエリアの内容を復元するUser JSを追加

edvakfさんのブログのタイトルを見て、私は驚きました。 なぜならこの機能(テキスト復元機能)は、私がOperaに一番望んでいた機能だったからです♪

ブラウザがクラッシュしてもテキストエリアの内容を保存しておく UserJS(edvakf in hatena)
http://d.hatena.ne.jp/edvakf/20100616/1276658761

「Opera」と言えば「マウスジェスチャー」、「マウスジェスチャー」と言えば「Opera」と言っても良いくらい、Operaの"代名詞"的な機能「マウスジェスチャー」。
とても素晴らしい機能だと思うのですが、・・・稀に「意図しないジェスチャーをやってしまい、タブが閉じてしまう」と言う事は、Operaユーザーなら誰でも一度は体験したことがあるのではないかと・・・(^^;

そんな時でもこのUser JSを使っていれば、安心です。
仮にタブで何か入力していても、それ(テキスト)を復元する事ができるので。

改めてedvakfさんに感謝!!( ̄人 ̄)感謝!!

PS:
ちなみにこのUser JSは、edvakfさんのブログにも書かれていますが、Google Chromeでも使えます

スクロールした時だけスクロールバーを表示するUser JSを追加

先日行われたOperaユーザーの交流会で、lazy dogさんの指摘「スクロールバーを消したらスクロールバーによる圧迫感がなくなり、表示領域も広がって良い」と言うのが話題となりました。その時 miya200さんが、

miya2000スクロールバー、ホイールしたらぼやって現れてしばらくしたら消えるとか。 (#operamaki live at http://ustre.am/huKV ) ( 2010-05-15 13:51:31 )

と言うツイートを投稿。その後 miya2000さん自身とedvakfさんが、実際そうなる(スクロールした時だけぼやっとスクロールバーが現れる)User JSを作成しました。

スクロールバーを消そう! - あまたの何かしら。
http://d.hatena.ne.jp/amatanoyo/20100515/1273904790

冗談かと思ったら本当に Opera のスクロールバーを消したら気持ち良かった - m2O - チーム俺等
http://orera.g.hatena.ne.jp/miya2000/20100516/p0

iphone-like-scrollbar.js(GitHub)・・・edvakfさんが公開したUser JSのソース。
http://gist.github.com/402049

早速スクロールバーを消してこのUser JSを試したのですが、これがなかなか良い感じ♪
以下の画像は適用したところを撮影したスクリーンショットです。
(ちなみに撮影したページは、こちらです。)

スクロールバーを削除した状態↓
Opera10.53:スクロールバーなし

「iphone-like-scrollbar.js」を適用しスクロールしたところ↓
UserJS:iphone-like-scrollbar_js

「ondemandscrollbar.js」を適用しスクロールしたところ↓
UserJS:ondemandscrollbar_js

両方ともスクロールした時だけ、スクロールバーが"ぼやっ"と表示されます。
(ちなみに「ondemandscrollbar.js」の方は、マウスカーソルを右端に持ってきた時も、表示されます。)

lazy dogさんが指摘する通り、スクロールバーを消すと圧迫感が減り、表示していた時と比べると長文が読みやすくなったように感じます。また表示領域が(わずかですが)広がるのもちょっと良い感じ♪
(※ただしパネルを端に表示してると、表示領域が広がった事はまったく感じられないかも・・・。)

ただそうは言っても、スクロールバーを消しただけだと使いにくように感じます。ページ全体の大きさ(縦の長さ)が分からないですし、今どの辺りを読んでいるのかも分からないので。
しかしスクロールバーはこれを使ってスクロールする人は別ですが、そうでない人にとっては"常に表示しておかなくても良い部分"だと思います。

そこでこれらのUser JS。これらを使うと両方の問題が解決します。ページ全体の大きさや今どの辺りを見てるかはスクロール(「ondemandscrollbar.js」の場合はマウスカーソルを右端にもってくる)だけで分かりますし、すぐに消えるので、読んでいる最中は邪魔にもなりません。

Operaユーザーの方は、是非一度試してみてはいかがでしょう?

PS:
使ってみて気づいたのですが、「ondemandscrollbar.js」を使っていると、User JS「autosizer.js」(WEB表示領域からはみ出る大きな画像をWEB表示領域の幅に合わせるUser JS)が機能しなくなりました。

あとこの件に関するOperaユーザーの反応が、INTERNET Watchの記事にまとめられていました。それによるとFirefoxでも同様の事ができるようです。

圧迫感がなくなり表示領域も拡がる「スクロールバー非表示」が密かなブーム ほか(INTERNET Watch)
http://internet.watch.impress.co.jp/docs/yajiuma/20100519_367861.html

OperaでGyao!を見られるようにするUser JSを追加

User JS:GyaoYahoo_Douga.js
User JS:GyaoYahoo_Douga.js posted by (C)kyu3

Operaで動画配信サイト「Gyao!」の動画を見る方法が、Opera Wikiの「GyaOを観たい」と言うタイトルの記事に書かれていたので、試してみました。今回はその事に関する記事です。

やり方はとても簡単♪
まずマイクロソフトの公式サイトから、「Silverlight」をダウンロードしてインストールします。

Microsoft Silverlight 公式サイト

次に以下のテキストを、"UTF-8"に対応したテキストエディタ(※私はTerapadを使いました)で、ファイル名「GyaoYahoo_Douga.js」で保存します。

// ==UserScript==
// @name GyaoYahoo_Douga
// @author hoge
// @namespace hogehoge
// @version 1.0
// @description GyaoYahooo douga enabler for opera10
// @include http://gyao.yahoo.co.jp/*
// @include http://player.gyao.yahoo.co.jp/*
// @include http://*.yahoo.co.jp/*
// ==/UserScript==

if(location.hostname == 'gyao.yahoo.co.jp') {
window.opera.defineMagicFunction(
'isCommonEnvCheck' ,
function(){ return true; }
);

window.opera.defineMagicFunction(
'isNormalPlayerCheck' ,
function(){ return true; }
);
}

それを User JavaScript(以下「User JS」)のフォルダに移動させるだけです。すると動画が再生されるようになります。

「GyaoYahoo_Douga.js」を使用した時↓
User JS:GyaoYahoo_Douga.js
User JS:GyaoYahoo_Douga.js posted by (C)kyu3

「GyaoYahoo_Douga.js」を使用しなかった時↓
Gyaoスクリーンショット
Gyaoスクリーンショット posted by (C)kyu3

なお User JS そのものについて詳しく知りたい方は、以下のページを参照してみて下さい。

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


PS:
私はアメリカのドラマが結構好きなのですが、Gyao! ではそれが見られるので、結構重宝しています。最初は広告がうざかったですが、最近はそれもあまり気にならない感じ。

mailtoクリックでGmailを表示するUser JSを追加

Opera Wiki の User JavaScript 関連のページを色々見ていて見つけたのですが、mailto をクリックすると、宛先にそのメールアドレスが入力された状態のGmailの新規メール作成ページを開く User JavaScript(以下「User JS」)「Mailto Gmail」を見つけました。これが非常に良い感じ♪

UserJavascript > Mailto Gmail(Opera IRC+)
http://opera.higeorange.com/customize/userjavascript.html#mgmail

以下の画像は、この User JSを適用しない時のスクリーンショットです。使用したページは、Opera 公式サイトの「PR コンタクト」ページです。

Opera PR コンタクト(Opera 公式サイト)
http://www.opera.com/press/contact/

Opera PR コンタクトページ
Opera PR コンタクトページ posted by (C)kyu3

そして以下の画像が、「Mailto Gmail」を適用した時の同じ mailto リンクにマウスオーバーした時と、それをクリックした時の Gmail のスクリーンショットです。

Opera PR コンタクトページ:Mailto Gmail
Opera PR コンタクトページ:Mailto Gmail posted by (C)kyu3

Gmailスクリーンショット
Gmailスクリーンショット posted by (C)kyu3

Gmailを使っている人には、めっちゃお薦めです♪

PS:
User JS そのものについて知りたい方は、下記のOpera Wikiのページをご覧下さい。:wizard:

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

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
カテゴリー
記事検索
管理者のプロフィール
Twitterアイコン案名前(ハンドルネーム)
「Kyu3」

プロフィール(Profile)
ギャラリー
  • 春日井市内(県営名古屋空港南)にドローンスクールがオープン!
  • 春日井市内(県営名古屋空港南)にドローンスクールがオープン!
  • 落合公園の桜開花・満開関連のツイート(2012年〜2017年)
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)