yuuAn's Note http://www.yuuan.net/blog/ ja Nucleus CMS v3.64 ©yuuAn Weblog http://backend.userland.com/rss http://www.yuuan.net/blog/nucleus/yuuan.png yuuAn's Note http://www.yuuan.net/blog/ <![CDATA[Firefoxでよく使うメニュー項目にアイコンを付けた]]> http://www.yuuan.net/blog/index.php?itemid=833 前回書いた記事のこのスクリーンショットで、「名前を付けてリンク先を保存」のところにアイコンが付いているのに気が付かれたでしょうか。

Firefox の右クリックメニューってアイコンが付いていないのが多くて、目的の項目を探すのにじっくり目をこらさないといけなかったんですよね。

中でも特によく使う項目として、「名前を付けてリンク先を保存」と「名前を付けて画像を保存」があって、それにおまけで「名前を付けてページを保存」を加えて、それらにアイコンを付けるアドオンを作ってみました。
以下のスクリーンショットは、リンクされた画像を右クリックしたときのもの。

Firefox のデザインは CSS で行うことができるのですが、既存のメニュー項目にアイコンを付けるには、class の値を変更しないといけないみたいだったので、JavaScript で書きました。

以下は、メニュー項目のアイコンを変更している部分のソースコードです。
var saveicon = {
    init: function() {
        var savepage = document.getElementById("context-savepage");
        if (savepage) {
            savepage.className = "menuitem-iconic";
            savepage.style.listStyleImage = 'url("chrome://saveicon/skin/images/SavePage.png")';
        }
        var saveimage = document.getElementById("context-saveimage");
        if (saveimage) {
            saveimage.className = "menuitem-iconic";
            saveimage.style.listStyleImage = 'url("chrome://saveicon/skin/images/SaveImage.png")';
        }
        var savelink = document.getElementById("context-savelink");
        if (savelink) {
            savelink.className = "menuitem-iconic";
            savelink.style.listStyleImage = 'url("chrome://saveicon/skin/images/SaveLink.png")';
        }
    },
}

window.addEventListener('load', saveicon.init, false)

これは、上のリンクからダウンロードした xpi ファイルを展開するか、あるいはインストール後に下記のフォルダの中を見ると見付けることができます。
C:\Users\yuuAn\AppData\Roaming\Mozilla\Firefox\Profiles\********.default\extensions\saveicon@yuuan.net\

\chrome\skin\classic\saveicon\images
この中に16x16サイズのアイコン画像があるので、差し替えるなり追加するなりして下さい。

\chrome\content\saveicon.js
これを開くと上のコードが出てくるので、上で赤く書いたIDの部分を好きなものに書き換えると、他のメニュー項目にもアイコンを付けることができます。
]]> Firefox http://www.yuuan.net/blog/?itemid=833 Thu, 16 Feb 2012 15:00:18 +0900 <![CDATA[Firefoxからリンクをメールで送るとかそういうの滅多にしないよ]]> http://www.yuuan.net/blog/index.php?itemid=830
けどこれ、滅多に使わない。
てゆーか、間違えてクリックしちゃったとき*1に、いちいちメーラーが起動して鬱陶しい！邪魔！

ってことで、消しました。

いじったのは userChrome.css というファイルで以下にあります。
C:\Users\yuuAn\AppData\Roaming\Mozilla\Firefox\Profiles\********.default\chrome\

あるいは無いので、新規作成し、次のようなCSSを書きます。
/*
 * 「リンクの URL をメールで送信」を非表示
 */

#context-sendlink {
    visibility: collapse;
}

/*
 * 「ページの URL をメールで送信」を非表示
 */

#context-sendpage {
    visibility: collapse;
}

/*
 * 「画像の URL をメールで送信」を非表示
 */

#context-sendimage {
    visibility: collapse;
}

/*
 * 「動画の URL をメールで送信」を非表示
 */

#context-sendvideo {
    visibility: collapse;
}

/*
 * 「オーディオの URL をメールで送信」を非表示
 */

#context-sendaudio {
    visibility: collapse;
}
  • *1) 「名前を付けて画像を保存」の直下にあるから間違ってクリックしやすい。
]]> Firefox http://www.yuuan.net/blog/?itemid=830 Thu, 16 Feb 2012 06:03:44 +0900 <![CDATA[「タブバー上をホイールスクロールでタブ切り替え」が誤動作]]> http://www.yuuan.net/blog/index.php?itemid=828 Firefox の Tab Mix Plus というアドオンに「タブバー上をホイールスクロールでタブ切り替え」という機能があるのですが、Firefox のバージョンを 10 にしたら、ホイールを回したときに ふたつ 隣のタブに切り替わるようになっちゃいました。

どうやらこの機能をFirefoxが標準でサポートして、それとTab Mix Plusの機能が重なって起こる現象のようですね。
Tab Mix Plus側のこの機能をオフにしたら直りました。
]]> Firefox http://www.yuuan.net/blog/?itemid=828 Thu, 16 Feb 2012 02:01:33 +0900 <![CDATA[Xperia acro HDさわってきた]]> http://www.yuuan.net/blog/index.php?itemid=826 docomo スマートフォンラウンジに行って、Xperia acro HDを触ってきました。

一番気になっていたブラウジングはかなりサクサクしていて、読み込んでるときには多少カクつくページもありましたが、一度読み込んでしまえば、画像やFlashなどが多い重たいページでもスムーズに見ることができました。
スクロールとか拡大縮小をしまくると、多少不自然な感じがしましたが、処理の遅さよりも、タッチセンサーの感度が原因な気がします。みなさんが今後のチューニングに期待と言ってる部分ですね。

タッチキーは見ながらタッチすれば押し間違えたりすることはありませんでした。反応も良かったです。
サイドの物理キーは少し強く押し込まないと反応しなくて、左手で電源ボタンを押すのがちょっと押しづらかったです。
本体は大きいんですけど、丸みを帯びているので持ちやすかったです。

カメラ起動は凄く早くて驚きました。普段使いがX10だと、早いと言われていてもなお早く感じます。
これってバーコードリーダーみたいなアプリでカメラ使うときも起動が早くなるのかな？

ワンセグ映像は、圧縮しまくった動画、あるいは昔のビデオテープに撮ったテレビ映像みたいに汚かったですけど、見れないほどではないかな。
あれでフルハイビジョンのテレビと同じ金額のNHK受信料を取られるっていうんだから、なんか変なの。
緊急時に見るといった感じかな。

最後にUserAgentを。
Mozilla/5.0 (
Linux; U; Android 2.3.7; ja-jp; SonyEricssonSO-03D Build/6.0.A.1.245) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0
Mobile Safari/533.1

]]> Xperia http://www.yuuan.net/blog/?itemid=826 Tue, 7 Feb 2012 23:32:54 +0900 <![CDATA[Androidアプリをバージョンアップする方法のメモ]]> http://www.yuuan.net/blog/index.php?itemid=824 忘れそうだったので、メモしておきます。

プログラムに修正を加えて、動作確認ができたら、まずバージョン番号を上げます。
AndroidManifest.xml を開いたら [Manifest] タブを選択し、[version code] を ＋1 します。
この値はかならず正の整数。
[version name] は、任意の数上げます。
できたら保存してビルドします。

次に apkファイル を出力します。
Eclipse で [Java] パースペクティブを選び、[パッケージ・エクスプローラー] からプロジェクト（仮に my-android-project とする）を選び、右クリックする。
[Androidツール] → [Export Unsigned Application Package...] を選ぶ。
保存ダイアログが表示されるので、保存場所とファイル名を指定して（仮に C:\Users\yuuAn\Desktop\my-android-project.apk とする）、保存する。

次に署名を行います。
keystore は C:\Users\yuuAn\.android\my-release-key.keystore にあるとします。
C:\Users\yuuAn\Desktop> jarsigner -verbose -keystore "C:\Users\yuuAn\.android\my-release-key.keystore" "C:\Users\yuuAn\Desktop\my-android-project.apk" my-release-key
青字の部分は適宜変更。
キーストアのパスワードと鍵のパスワードを入力すれば、署名完了。

次に Zipalign を適用します。
C:\Users\yuuAn\Desktop> zipalign -v 4 "C:\Users\yuuAn\Desktop\my-android-project.apk" my-android-project-release.apk

最後に my-android-project-release.apk を公開します。
Android デベロッパー コンソールから、先ほど作成した my-android-project-release.apk をアップロードします。

[商品の詳細] タブの [掲載情報] にある [Recent Changes] に、更新情報を書きます。
保存します。

しばらくすると、新しいファイルが反映され、マーケットからアップデートできるようになります。
]]> Programming http://www.yuuan.net/blog/?itemid=824 Sat, 21 Jan 2012 01:20:44 +0900 <![CDATA[Androidで共有したときのアプリ名を任意のものにする]]> http://www.yuuan.net/blog/index.php?itemid=822
<intent-filter android:label="@string/intent_name">
    <action android:name="android.intent.action.SEND" />
    <category android:name="android.intent.category.DEFAULT" />
    <data android:mimeType="text/plain" />
</intent-filter>

このようなインテントフィルターを追加しますが、この時に赤字の部分でラベルを指定すると、アプリ一覧に表示されるアプリ名を、ドロワーに表示されるアプリ名とは別のものにできます。
]]> Programming http://www.yuuan.net/blog/?itemid=822 Sat, 21 Jan 2012 00:56:22 +0900 <![CDATA[久しぶりにAndroidアプリ開発しようと思ったら動かない件]]> http://www.yuuan.net/blog/index.php?itemid=820 以前作った mixi Checking! for Android というAndroidアプリをアップデートしようと思って、久しぶりにEclipseを起動したのですが、実行してもエラーが出てしまいました。
Your project contains error(s), please fix them before running application.

何がエラーなのか分からなくて、さんざん悩んだんですが、「問題」というタブを見たら、次のようなエラーが出ていました。
Error generating final archive: Debug certificate expired on 12/01/19 23:50!

ググってみると、どうやらこれは debug.keystore の有効期限が切れているのが原因のようでした。
有効期限を延ばした debug.keystore を作り直すには、以下のようにします。
C:> cd \Users\yuuAn\.android
C:\Users\yuuAn\.android> move debug.keystore debug.keystore.old
        1 個のファイルを移動しました。
C:\Users\yuuAn\.android> keytool -genkey -v -keystore debug.keystore -alias androiddebugkey -keyalg RSA -validity 10000 -dname "CN=Android Debug,O=Android,C=US"
キーストアのパスワードを入力してください: android
新規パスワードを再入力してください: android
10,000 日間有効な 1,024 ビットの RSA の鍵ペアと自己署名型証明書 (SHA1withRSA) を
生成しています
        ディレクトリ名: CN=Android Debug, O=Android, C=US
の鍵パスワードを入力してください。
        (キーストアのパスワードと同じ場合は RETURN を押してください):
[debug.keystore を格納中]

パスワードは android と入力します。
有効期限は 10000 としておけば、30年くらい有効になります。
]]> Programming http://www.yuuan.net/blog/?itemid=820 Sat, 21 Jan 2012 00:37:58 +0900 <![CDATA[NP_TrackBackでトラックバックされた数にローカルのものも含む]]> http://www.yuuan.net/blog/index.php?itemid=818 NP_TrackBack で、トラックバックされた数を表示するには、
<%TrackBack(count)%>
と書きますが、これだと外部からのトラックバックのみがカウントされ、ローカルのトラックバックがカウントされません。

そこで、両方がカウントされるように、NP_TrackBack を修正しました。

ソースコードは GitHub にアップロードしました。

GitHubを使うのは初めてなので、使い方が間違ってるかもしれません。
初めに、元にした v.2.0.3 jp13 をコミットしてから、修正をコミットすれば良かったと、後で思いましたが、取り消し方が分からないのでそのままです。
]]> Nucleus http://www.yuuan.net/blog/?itemid=818 Fri, 20 Jan 2012 23:34:36 +0900 <![CDATA[PuTTYのウィンドウを半透明にする方法]]> http://www.yuuan.net/blog/index.php?itemid=810
それで、何年か前からPuTTY 0.59 ごった煮版に背景半透明化機能を付けた次のバージョンを使っていました。

ところが最近になって、Vimでマウスが使えることを知り、PuTTYを通してマウス操作をしようと思うと、PuTTY 0.59ではうまく動かないということが分かりました。
例えば、マウスホイールでスクロールすることができません。

いろいろ試した結果、この問題は、PuTTYのバージョンを上げれば解決することが分かりました。
そこで、ごった煮のパッチが当たったPuTTYで、背景を半透明にできるものが無いかと探していたら、次のバージョンを見つけました。

こちらはPuTTY 0.60を元にして描画処理をかなりいじったもののようですが、問題がひとつ。ちょっと重いのです。
あと、Aeroの機能で透過すると、ぼやけてしまって後ろの文字が見えません。雰囲気はいいんですけどね。

ということで、自分でPuTTYのソースを読んで改良するか？とも思ったのですが、それは難しそう。
そこで思いついたのが、Windows2000からOS標準の機能としてウィンドウを半透明にする機能が付いていて、それを利用して任意のウィンドウを透過表示にするアプリケーションが、結構昔からちらほら見かけるぞということでした。

透過処理を当てるPuTTYにはこれを選びました。

通常のごった煮版です。Vimでのマウス処理も、特別な設定をすること無く使えました。
これが半透明で使えたら問題なしですね。

半透明にするアプリを探してみると、タイトルバーをShft＋クリックとかホイールクリックで、そのウィンドウを半透明にするというタイプのアプリがいくつか。
それから、タスクトレイのアイコンを右クリックすると、現在開いているウィンドウの一覧が表示され、その中から任意のウィンドウを選ぶと、そのウィンドウが半透明になるという次のアプリがありました。
このアプリは、ウィンドウの透過設定を保存してくれて、次にウィンドウを開いたときに、何もしなくてもまた半透明にしてくれるので便利です。

しかし、Windows7には対応していませんでした。
Windows7で起動すると、タスクバーのスタートボタンの表示がおかしくなってしまうのです。
副作用は他にもありました。もともと透過機能を使っているWindows7のガジェットや、Adobe Air製のアプリの背景を浮き出させてしまうのです。

ウィンドウを半透明にするアプリは、昔作られたものが多くて、透過処理が当たり前になった最近のアプリへの影響や、Windows7での動作までを考えられたものは見つけられませんでした。
だったら作ればいいじゃん。

ウィンドウを半透明にするのは意外と簡単です。
Win32APIを使うのですが、目的のウィンドウのウィンドウハンドル (hWnd) に対して、SetWindowLong() 関数で GWL_EXSTYLE という透過できるようにするための属性をセットした後、SetLayeredWindowAttributes() 関数で、透過度合いをセットします。


早速作ってみました。
ソースコードは例によって修正BSDライセンスにして、SourceForge.JPに公開しました。

まだ基本的な機能を実装してみただけの状態ですが、一応使い方を説明しておきます。

このプログラムは、ウィンドウを半透明にするためのもので、起動するとタスクトレイに常駐します。
タスクトレイアイコンをダブルクリックすると、開いてる全てのPuTTYのウィンドウが、半透明になります。
もう一度ダブルクリックすると、元に戻ります。

また、タスクトレイアイコンを右クリックすると、現在開いているウィンドウのプロセス名一覧を見ることができます。
ここで、任意のプロセス名をクリックすると、そのウィンドウの半透明/無透明が切り替わります。
この辺りは、「半透明ウインドウマネージャ」のUIを参考にしています。

副作用を最低限に抑えるようプログラムしたので、メニューから選ばなければ、PuTTY以外のウィンドウには何もしません。
ガジェットとかは右クリックメニューから選ばないようにすれば、特に悪さはしないと思います。

透過具合は、メニューの設定から変更できます。
初期値は僕の好みで 210 となっていますが、値を小さくすればより透明になります。
値を変更したら OKボタン を押して、再度透明にし直して下さい。自動的に透過具合が切り替わるような機能はありません。

ウィンドウの起動を検知する機能を付けたわけでも無いので、新規にPuTTYを開いたときは、タスクトレイアイコンを２回ダブルクリックして下さい。
って、それじゃあタイトルバーをクリックして半透明を切り替えるアプリとなんら手間は変わりませんね……

といった具合です。


今後の課題としては、設定した透過具合の値をプログラム終了時に保存すること。
ガジェットやAdobe Airのアプリなど、初めから副作用が出るとわかっているアプリを、右クリックメニューに出さないようにすること。これはNGリストみたいなのを作ってもらう形で対応するかもしれません。
それから、新しくウィンドウが開いたことを検知して、PuTTYを初めから半透明にするようにすること。
ウィンドウ一覧をプロセス名ではなくウィンドウタイトルで表示し、ウィンドウのアイコンも表示できるようにすること。
ちゃんとしたプログラムのアイコンを作ること。
あと、既知の問題点として、タスクトレイアイコンを右クリックしたとき、起動して一度目の右クリックが反応しません。もう一度右クリックすればメニューが出ます。

気が向いたらぼちぼち直していきます。

■ 追記

早速バージョンアップしました。
  • 新規に起動したPuTTYに対しても透過処理を行うようにした
  • 設定値を保存するようにした
  • メニューで透過済みの項目がチェック状態になるようにした
  • NGリストを実装（仮）

PuTTYに限っては、ダブルクリックで透過する状態にしていた場合に、新規ウィンドウを開くと、そのウィンドウも透過させます。
起動の検知にはタイマーを使っていて、500msごとにプロセスを監視しているので、若干の遅れを感じるかもしれません。

NGリストは仮実装です。
一度起動してから終了すると、TraPtty.xmlというファイルに設定が書き込まれますので、それを書き換えるとNGリストが編集できます。
NGリストに書いた文字列と、プロセス名が一致した場合に、右クリックメニューにそのプロセスを表示しないようにします。
]]> Programming http://www.yuuan.net/blog/?itemid=810 Sat, 14 Jan 2012 12:32:55 +0900 <![CDATA[マイミクから誰が外れたのかを知りたい]]> http://www.yuuan.net/blog/index.php?itemid=808 このアプリは、マイミクに誰がいるかを記録してくれて、次にこのアプリを開いたときにいなくなってる人が誰なのかを知らせてくれるアプリでした。
とても便利だったのですが、サービス終了してしまって残念に思っていました。

そこで、そしあなっぽいアプリを自分で作ってみました。

マイミクの取得には、mixi Graph API を使っています。
ただ、mixi Graph API には欠点があって、mixi の中の「外部サービスのプライバシー設定」で「外部サービスとの連携を許可する」のチェックを外しているユーザーの情報が取得できないんです。
なので、許可しない設定にしてるマイミクはカウントされませんし、途中で許可しない設定にされると、マイミクから外れたのか許可を止めたのかわかりません。

この欠点を補うには、誰かのIDとパスワードを使って mixi の HTML を取得して、それを解析するしかなさそうなのですが、あまりスマートなやり方ではないので、どうしようかなあ。

というわけで、まだα版といった段階ですが、一応公開しておきます。
]]> Linux＆Server http://www.yuuan.net/blog/?itemid=808 Thu, 5 Jan 2012 21:58:21 +0900