macsimのブログ -11ページ目

修理工の話をしよう

今回の話はGreasemonkeyについてちょっとだけやっていこう。
え?なぜ修理工なのかって?
grease monkey
↑を今までオイラのブログで紹介した部分翻訳のアドオンや拡張機能で翻訳してみろ。Google系のエンジン使ったやつだと「修理工」ってでるぞ(FirefoxならImTranslator、ChromeだとAuto-Translate)。ちなみにBing翻訳だと「グリース モンキー」だけどな(;^_^ A

Greasemonkey :: Add-ons for Firefox

インストールしてみよう。
ブラウザのステータスバーにおサルの顔が現れる。
$macsimのブログ-GM_001

で、ここでじっと待ってみても何も起こらない…。

このGreasemonkeyというアドオンは導入しても何もしてくれない。実はこれ単体ではなにも有効に機能してくれないアドオンだ。

そこで今度はこのサイトに行ってみてくれ。

AutoPagerize for Greasemonkey

このサイトの上部に薄いグリーンで「Install」というボタンがある。とりあえず押してみよう。
そうするとこのようなサブウィンドウが現れる。
$macsimのブログ-GM_002

まあインストールを無条件で押してしまえ。
そうするとGreasemonkeyのアイコン辺りに一瞬なんか文字が現れて消える。
まあ、ほとんどの場合上手く行っているはずなので、とりあえずgoogle先生のページに行って何か検索してみよう。
$macsimのブログ-GM_003

画面の右端上部になにかアイコンがあるのに気付くだろうか?グリーンの■。
画面をスクロールさせてみよう…。

お!なんか変だ!何だこの「Page:2」ってのは?
$macsimのブログ-GM_004

おお!これがGreasemonkeyの威力なのか!…と思うのは間違いで、これはあとからインストールしたAutoPagerizeの機能だ。
このAutoPagerizeでは「次ページ」みたいなリンクのあるページで機能し、画面をスクロールして下の方を表示させようとすると、現在の表示中の内容の後ろに「次ページ」を継ぎ足していってくれるツールだ。次ページが何ページもあればあるだけ読み込んで行ってくれる。
$macsimのブログ-GM_005


ではGreasemonkeyは何をしたのかというと、このAutoPageraseを実際にFirefoxに反映してくれている。
これらのユーザスクリプトはJavaScriptで作られていて、有名なサイトの体裁を見やすいように整えたり、便利なリンクを追加したりする機能を持っている。
ただユーザスクリプト単体ではFirefox上では簡単に機能させられないため、Greasemonkeyがスクリプトの実行・管理を行ってくれている。

このGreasemonkeyを経由して機能するユーザスクリプトは様々な種類のものが数多く存在する。今後このユーザスクリプト関連についても紹介していきたい。


ちなみに、ステータスバーのおサルのアイコンをクリックすると色が消える(というか、上にグレイがのる感じかな)。


ではGreasemonkeyは何をしたのかというと、このAutoPageraseを実際にFirefoxに反映してくれている。
これらのユーザスクリプトはJavaScriptで作られていて、有名なサイトの体裁を見やすいように整えたり、便利なリンクを追加したりする機能を持っている。
ただユーザスクリプト単体ではFirefox上では簡単に機能させられないため、Greasemonkeyがスクリプトの実行・管理を行ってくれている。

このGreasemonkeyを経由して機能するユーザスクリプトは様々な種類のものが数多く存在する。今後このユーザスクリプト関連についても紹介していきたい。


ちなみに、ステータスバーのおサルのアイコンをクリックすると色が消える(というか、上にグレイがのる感じかな)。
$macsimのブログ-GM_006

その場合はGreasemonkeyを無効化している状態だ。該当サイトでGresemonkey二登録したユーザスクリプトを使いたくない場合には無効化するといい。もう一度クリックすれば有効化(アイコンの色が戻る)される。


で、なぜ今更Greasemonkeyかというと、前回の記事でFirefox側のTwitterサイトの見栄えを代えるアドオンもそのうち紹介しよう、って書いたのでそのためだ。そう、このGreasemonkey経由のスクリプトを使用している。
次回あたりはそれを紹介したい。


今回は結構インストールするあたりで命令形を使ってしまっているが…
アドオンやユーザスクリプトのインストールは自己責任で行ってください(`・ω・´)
問題が発生してもmacsimは責任を負いかねます(;^_^ A
…ってことでよろしくw


あ!あと、このAutoPagerizeの機能は欲しいけど、わざわざGreasemonkey使うのはって人はこちらを。

AutoPager :: Add-ons for Firefox

Greasemonkey+AutoPagerizeとほぼ同じ機能の様です。ただし、自分は使ったことないのでレビューまではしないけどね(;^_^ A




【今日のおすすめ動画のコーナー】
今日はカサスさんの新作を紹介。
以前たしかサンタコスで踊ったのを紹介したが、今回は人気曲の「恋愛サーキュレーション」を躍ってくれている。
ダンスは今回もとっても上手に踊ってくれている。
そして、髪型がショートヘアになってる!
もともとPerfumeを踊ることの多い踊り子さんだが、一層のっち風になっているぞ(⌒▽⌒)
ちなみに、おまけで練習中を撮ってくれているが、これもPerfumeの曲だ。
次回作にも期待だね!



Twitterサイト自体をカスタマイズ その2

前回からの続きです。
紹介してるのはこの拡張機能。

monkeyfly - Google Chrome extension gallery


前回はこの拡張機能のTLの見せ方をやったので、今回はそれ以外の操作に関する事項を順に。

最初はTweetするときの機能を。サイトを表示したばかりの時、Tweet欄のところはテキストボックスがあるだけだが、そこをクリックすると、テキストボックス下部に幾つかのボタンが登場する。
$macsimのブログ-MF_101
$macsimのブログ-MF_102

簡単な方からはじめると、一番右の「ツイート」ボタンがTweetを投稿するためのボタンだ。テキストが入力されるとボタンが浮いてきて、押せるようになる。
$macsimのブログ-MF_103

その隣の「Draft」は下書き保存ボタンだ。このボタンを押すとテキストボックスの下に下書きを保存したエリアが出来る。
$macsimのブログ-MF_104

最大でいくつまで下書きが保存できるのかは試していなが、幾つかは保存できるようだ。
$macsimのブログ-MF_105

各下書き保存欄の右下にマウスを持っていくとUseとDeleteのボタンが現れる。まあ使い方は予想通りなので割愛する。下書き表示欄の下の「close」ボタンで非表示に出来る。再度表示したい時は「Draft」ボタンを押せばいい。
ちなみにTwitterのタブを閉じても下書きは保存されたままだが、chromeを落とすと下書きは消えてしまうようなので注意だ。

次のボタンが「URL Shortener」。短縮urlへの変換だ。テキストボックスにurlを入れてこのボタンを押すと短縮urlに変換してくれる。ちなみにurl以外のテキストが入力されていてもほぼ正確にurl部分を判定し変換してくれる。とりあえず2つurl入れて変換してもちゃんと変換してくれた。

そして次のボタンの「Spell Check」だが…これは実質使わないと思う。実はこの拡張機能の製作者は韓国の人だ。したがってこの「Spell Check」機能は韓国語に対応している。自分もちょっと使ってみたが全くわからない。Option画面の「KoreanSpellCheck」をDisableにすれば消えるので消しておいていいだろう。

最後が「photo」ボタンだ。この拡張機能では写真付の投稿はtwitpicに対応している。最初にボタンを押すとtwitpicへのログオンが要求されるので自分のTwitterIDとパスワードを入力すればいい。
ここで注意点。なぜかここのログインIDに自分の環境では"_"(アンダースコア)を入力出来ない。他の記号類でもそういう場合があるかもしれないので注意。自分はエディター等からコピペしている。
$macsimのブログ-MF_106

ログインをした後にもう一度「photo」ボタンを押すとuploadする写真を選択するダイアログが表示されるので、ファイルを選択するとtwitpicに登録されてテキストボックスに該当のurlが入力されるようになっている。
macsimのブログ-MF_107
macsimのブログ-MF_108

それとテキストボックスに@を入力すると今まで入力したTwitterIDを記憶していて、入力のサポートを行ってくれるサジェスト機能もある。ただし、自分は普段リプライをこれを使ってすることがないので一個も憶えてないが(;^_^ A


では続いて各Tweetの表示部分を見ていこう。
Tweetにマウスが乗ると背景色が多少グレイに変化する。それと同時にTweet表示欄の最下部にメニューが登場する。
macsimのブログ-MF_109
macsimのブログ-MF_110

メニューの「返信」「リツイート」は標準のTwitterと同じ機能だが、その後ろに「▼more」というメニューがこの拡張機能のでの追加分になる。マウスをそこに乗せると「Reply all」と「Retweet with comment」が表示される。「~all」の方は押すと該当のTweetをした人と、そのTweet内にある@~全てをテキスト欄に挿入してくれる。「~comment」はいわゆるRT機能のほうだ。
macsimのブログ-MF_111

…実は記事書いてる途中でVersionUpがきた(⌒▽⌒)
しかもこの機能の部分でw
「▼more」の部分に機能追加で翻訳機能が追加された。Option画面で自分の言語を事前に設定しておくと、「Translate」ボタンでTweetの下に変換メニューと変換結果が表示される。これは便利だ。
$macsimのブログ-MF_112


各Tweet欄での機能で面白いのが、Tweet欄の下部に「~宛」とあるTweetのものだ。この「~宛」部分をクリックするとリプライ元のTweetが下部に読み込まれる。複数のなんどもリプライを繰り返しているものはその分のやり取りが全て見れるようになっている。ただしこの機能はRTや@~の前にコメントを打たれた分では反映されず、Tweetの先頭に@~のあるちゃんとしたリプライのみが対象となる。
$macsimのブログ-MF_113
macsimのブログ-MF_114
macsimのブログ-MF_115

また、先ほどの投稿時に写真はtwitpicに対応していると書いたが、twitpicの写真はurlにマウスを乗せると写真がポップアップで表示される。
$macsimのブログ-MF_116

それと、各Tweetのプロフ画部分や@ではじまるID部分をクリックすると画面上にサブウィンドウが開きそのユーザの情報を表示してくれる機能がある…はずだ。実は前回のVersionUp(タブ対応してくれた分)からこの機能が自分のChromeでは動作しなくなっている(;^_^ A
ちょっと原因は不明だ。わざわざFirefox版MonkeyFlyアドオンも入れてみたのだがやはり動作しない。特に製作者のページに告知がないので自分の環境でだけ使えないのか(結構色々なGleaseMonkey系のアドオン・拡張機能をインストールしているので動作していない可能性もある)、他の人もそうなのかはよくわからない。


最後はTwitterのサイドバー部分関連の機能だ。
前回でずっと標準でホームが表示されると書いていたが、実は正確ではない。サイドバー部分で選択されているものが一番左の部分に表示されるようになっている。
最初にあけた場合は当然ホームが選択されているのでそれが表示されているが、別のものをクリックすると、そこの表示が変更される。
macsimのブログ-MF_117
macsimのブログ-MF_118

検索した場合はその検索結果も表示できる。
macsimのブログ-MF_119
macsimのブログ-MF_120

検索を実施した場合は、その検索結果を保存するかどうかが選択できる。保存した場合メニューにパネル追加のメニューに「Keyword」が増え、そのKeywordのパネルを追加することが出来る。
macsimのブログ-MF_121
macsimのブログ-MF_122
macsimのブログ-MF_123

記憶させた検索結果はChromeを再起動しても憶えてる(ただしPC再起動までは確認していない)。またパネルとして追加してしまってあれば、記憶から消してしまっていてもそのパネルは有効なままになる。
ちなみにメニューのKeyword部分やパネルに表示した際に検索にかかわるものは先頭に"#"がつく。そのためハッシュタグで検索をかけたものは"##"に先頭がなっている。

サイドバーからホームの変わりに表示が可能なのは「ホーム」から「トレンド」部分までだ。フォロワーに関しては選択すると該当のフォロワーのページに飛ばされてしまう。

あと、パネルの並んでる部分とサイドバーの境目に←のアイコンがある。このアイコンをクリックするとサイドバーを非表示にできる。非表示にした際は画面の下部に「メニュー」という項目が表示されるようになり、ホーム部分(一番左のパネル)を変更することが出来るようになる。パネルの右側に→のアイコンが表示されるので、それをクリックすることで元に戻すことが出来る。
macsimのブログ-MF_124
macsimのブログ-MF_125


あと、解説中で何度かoptionで設定と説明をした部分があるが、optionの設定はChromeの拡張機能メニューからは出来ない。画面上部のTwitterサイト自体のメニュー部分に「MonkeyFly」が追加されており、そこから設定画面がブラウザ表面を覆うような感じで表示されるので、そこで設定を行う。


以上、結構長いことMonkeyFlyの紹介をしてみた。結構使える拡張機能なのでよければインストールしてみて欲しい。
また、Firefoxでも同じアドオンが提供されているのでFirefoxユーザも利用してみるといいかも知れない。
自分はFirefoxでは別のアドオンでTwitterサイトを加工している。またそちらの方も紹介したい。




【今日のおすすめ動画のコーナー】
さて今回紹介も踊ってみたから。
以前にも紹介したぴゅんさんの新作が上がっていた。
着ぐるみでプリキュアを踊っている。
笑顔が可愛いぜ(〃ー〃)


そして新作ついでにぴゅんさんのマイリスをチェックしたらこれがあった。
以前紹介した一人で白と黒それぞれのパートを踊っていたBad Apple!!を自力で寂しくないように編集した動画だ。
元々悪林檎の踊りも素敵だったが、合成したことで寂しさは薄れている…多分(;^_^ A
結構こういう感じの合成もいい雰囲気で悪くないと思った。

Twitterサイト自体をカスタマイズ その1

今回紹介するのはChromeの拡張機能で、Twitterサイト自体をカスタマイズしてしまうタイプのものだ。

monkeyfly - Google Chrome extension gallery


実はこの拡張機能自体は今まで紹介したChromeのクライアント系拡張機能を使用し始めたのとほぼ同時期から使っていた。今回紹介することにしたのは、ごく最近にversion upされてかなり使い心地が良くなったためだ。


まずはmonkeyflyを使ってカスタマイズした画面を見てみよう。
$macsimのブログ-MF_001

TweetDeck等のクライアントソフトを使ったことのある人にはおなじみの色々なTLを並列させて表示するタイプに変更される。
TLが並んでいるだけではなく、上にちょっとわかりにくいがタブがついており、タブ毎に表示したいTLを編集し並べることができる。
見やすいように全画面表示でキャプチャしたが、ブラウザの表示幅を狭めると、適度に各カラム幅も変更される。
$macsimのブログ-MF_002


では実際どのように設定しているのか見ていこう。
一度初期表示段階まで設定を戻してみた。
$macsimのブログ-MF_003

この段階だと「HOME」というタブや+マークがある以外は普通のTwitterの表示と変わらない。ここから自分の好みで先ほどのように表示するTLを編集していくことになる。
まずは「ホーム」の横の+をクリックしてみる。
$macsimのブログ-MF_004

見てのとおりメニューが表示される。これが追加したいTLを選択する画面になる。最初の4つの項目がそれぞれ順に「自分への返信」「ダイレクト・メッセージ」「自分がfavったTweet」「自分自身のTweet」だ。

次にある項目の「Rewwets…」にマウスをあわせてみよう。
$macsimのブログ-MF_005

サブメニューが表示される。順に「自分のTL上で他人がRTしたもの」「自分がRTした他人のTweet」「自分のTweetがRTされたもの」だ。ちなみに公式RTされてるものが対象になるようだ。

そして最後にある「List…」にマウスをあわせてみる。
$macsimのブログ-MF_006

自分の作成してるリスト類が一覧表示される。ここから表示したいリストを選択する。…あれ?前はフォローしてる他の人の公開リストも表示・選択出来てたのに…変わったのか?…おお!この「List…」で表示されるのが20個までだから出なかったのか!とりあえず一つも登録していない自分のListを一つ消したら出てきた!
$macsimのブログ-MF_007

ではちょっと設定してみよう。元の自分の「HOME」タブの設定に戻してみる。
$macsimのブログ-MF_008
これと次の画像キャプり忘れた…。もう一度消すの面倒なので全て設定後のキャプで代用orz

追加したTLの名称の横に-表示ある。クリックしてみよう。
$macsimのブログ-MF_009

「Close」でそのTLを削除したり、その下のメニューから他のTL変更したりすることが出来る。


ではつづけてタブ部分の+をクリックしてみよう。
$macsimのブログ-MF_010

追加するタブの名称を設定するサブウィンドウが開く。タブの名称を入力してOKを押すとタブが追加される。
$macsimのブログ-MF_011

設定が行われ新しく追加された「List_fav」タブにフォーカスが移動している。
見ての通り新規タブでも「ホーム」のTLがデフォルトで表示されている。このTLは削除することは出来ない。TLの追加の要領は先ほどと同様だ。この記事のために削除した前の状態に戻してみる。
$macsimのブログ-MF_012

同じ要領でもうひとつタブを作って、自分の元の状態に戻す。
$macsimのブログ-MF_013
リストの名称をマスクしてある理由?結構失礼な名称つけてるもので(;^_^ A

このような感じでTwitterサイト自体の見え方をカスタマイズすることができる。
自分に絡みの多い人を中心に「HOME」タブを編集し、他のタブはTLを見るだけの好みの有名人をリストに編集して置いておく、といった方法もあるだろうし、カスタマイズは個人の好みに合わせて好きにやってみて欲しい。


で、気付いてる人もいるかもしれないがキャプチャした画像で「ホーム」のTLの上部に「新しいツイートが~件あります」の表示がある。これはTwitterにログオンして表示される新規ツイートの告知の表示だ。ここからわかるとおり「ホーム」の部分は通常の自分のTLを表示しているだけである。
ところで他のTLにはその様な表示は全くない。実はこのMomkeyFlyではそれぞれのTLは自動では更新されない。各TLの-マークの横にあるアイコンをクリックすることで各TL毎に更新を行うようになっている。
$macsimのブログ-MF_014
$macsimのブログ-MF_015
~/botというリストの更新ボタンをクリックして新規のメッセージを受信している。

Twitterクライアントソフトを使っている人にはちょっと違和感があるかもしれないが、自動更新されないTLというのは結構便利だ。半日以上間を空けてTwitterにアクセスした際に、古いTLを追う間にバンバン更新されると結構嫌気がさしてくる。だがこの拡張機能だと更新作業が手動なため、TLを見ている間に新規のTweetが降ってくる事もない。

またもうひとつ良い点が、自動更新機能がないために、Twitterの読み込みAPIを消費しない点だ。
あまり意識していない人も多いかも知れないが、Twitterのクライアントソフトを使用すると一定時間ごとに行われる自動更新時に読み込み回数が加算される。1時間辺りの読み込み回数の上限が設定されているため、複数のクライアントソフトを使ったりしていると途中で全く読み込まれなくなってしまうことがある。
自分の場合、Chromeの拡張機能のクライアント、Firefoxのアドオンのクライアント、iGoogleのガジェットのクライアントが自動更新しているので、ここにTweetDeckのようなクライアントソフトを使うと更新が止まってしまうことが多い。
しかしこの拡張機能は自動更新しないのでその影響を受けることなしに色々に設定したTLを見ることができるので非常に便利だ。


ちなみに各TLの下の部分がどうなっているのかちょっとスクロールして見てみよう。
$macsimのブログ-MF_016

ホームのTLは以前に紹介したAutoPatchWorkという次ページ以降を自動読み込みする拡張機能のおかげで、スクロールするたびに順次読み込まれていくが、他のTLは20件分の初期表示分以前のものは「more」ボタンで読み込むようになっている。



つづいてはTL表示カスタマイズ以外の部分を…と思ったら結構長くなったので、そのあたりは次回の記事で書きたい。



【今日のおすすめ動画のコーナー】
今回紹介するのはGWラストに投稿された、がら奈さんの踊ってみた。
身長が高くてスタイル抜群のがら奈さんの踊りに魅了されることは間違いない。
余計なことは言う必要なし。直ちに再生しろ(`・ω・´)
おまけがww
そしてラストがwwww
あ、お前今一時停止したろm9(^Д^)