niw.atの更新フィード

Reeder for MacにGrowl通知を追加

Sun, 05 Dec 2010 00:00:00 GMT

数日前に素晴らしいGoogle Readerのクライアント、ReederのMac版が登場しました。もともとReederはiPhone, iPad用のアプリで、最高のiPhone, iPadアプリのひとつでした。

現在Reeder for Macはベータ版としてリリースされています。とても良いアプリなのですが、何かが足らないのです。そう、Growlによる通知です。実は、昨年Tweetieで似たようなことをやっています。

そこでReeder for MacのプラグインをつくってGrowlによるデスクトップ通知を可能にしました。未読の記事があるとすぐに通知されるようになります。これで読み逃しと未読地獄からは開放される(かも)しれませんね。多分近い将来Reeder for Mac自体がデスクトップ通知を実装するとは思いますが、今なにも無いよりはいいかなと思い公開します。

ダウンロードとインストール

GrowlReeder-0.1.6.zip (114Kbyte)

まずは、Reeder for Macをインストール。 Reeder fro Macのダウンロード先はReeder開発者のツイートで見つかります。
未だSIMBLをインストールしていなかったら、このプラグインはSIMBLが必要ですので、先にインストールしてください。
このプラグインをダウンロードしてパッケージを展開してください。
Reeder for Macを実行していたら終了して、(自分のホーム)/Library/Application Support/SIMBL/Pluginsにフォルダがなければ作成してください。そして展開したGrowlReeder.bundleをPluginsフォルダにコピーします。
Reeder for Macを実行すると新着通知が有効になります :)

ご注意

もしGoogle Readerに未読記事が大量にある場合、このプラグインはReeder for Macの初回起動時に大量のGrowl通知を表示してしまいます。そのような場合は、まず先にReeder for Macを起動してすべての記事を読み込ませてからこのプラグインをインストールしてください。

バージョン0.1.1で一度にたくさんの通知は表示されないようにしました。

変更履歴

0.1.6
- 最新のReeder for Mac Version 1.1.4に対応
0.1.5
- 最新のReeder for Mac Version 1.1.3に対応
- GrowlReeder-0.1.5.zip (114Kbyte)
0.1.4
- 最新のReeder for Mac Version 1.1.2に対応
- GrowlReeder-0.1.4.zip (114Kbyte)
0.1.3
- 最新のReeder for Mac Version 1.1.1に対応
- GrowlReeder-0.1.3.zip (114Kbyte)
0.1.2
- Reeder for Mac Version 1.0 Draft 14に対応
- GrowlReeder-0.1.2.zip (114Kbyte)
0.1.1
- Growl通知を一度にたくさん出さないように変更
- GrowlReeder-0.1.1.zip (117Kbyte)
0.1.0
- 最初のリリース
- GrowlReeder-0.1.0.zip (115Kbyte)

ソースコード

ソースコードはgithubのレポジトリで公開しています。

ライセンス

GrowlReederはMIT Licenseで公開しています。

Mac OS XでネイティブAPIをGoogle Chromeの拡張機能から実行

Fri, 18 Jun 2010 00:00:00 GMT

先日のWWDCでAppleはSafariの拡張機能を公開し、またSafari Developer Programを開始しました。既にGoogleはChromeブラウザで拡張機能を提供していますし、にわかにFirefoxの独壇場だった拡張機能市場が盛り上がりを見せています。

実際、僕はSafariがデフォルトブラウザなのですが、たまにChromeを使って、Chrome上からURLをSafariに送りたくなったりします。しかし、ちょっと探してみてもそのような拡張機能はありません。なければ作るしかないわけですね!

ただ、これを実現するには他のアプリケーションをGoogle Chromeから起動しなくてはいけませんし、そうするためにはMac OS XのネイティブAPIを呼び出す必要があるわけです。ひょっとしたらもっと賢い方法があるかもしれないのですけど。Google Chromeは幸いネイティブコードを拡張機能から実行する手立てを用意してくれています。そのためにはFlashプレイヤーのようなNPAPIに対応したプラグインを作成して拡張機能のバックグランドページに読み込みます。この記事ではNPAPIプラグインを利用してネイティブコードをエクステンションから呼び出す方法を紹介します。

まず始めに

ソースコードはgithubのレポジトリで公開しています。すでにgitを利用している場合はgithubからレポジトリをcloneしてください。gitがない場合は、githubのDownload SourceボタンからZipかTarをダウンロードして解凍してください。

% git clone git://github.com/niw/open_with_default

実験的APIを使うための準備

2010/7/28 更新: 以下の情報はすでに古くなっています。右クリックメニューを拡張するAPIは実験的なAPIではなくなりました。Google ChromeをDevChannelからダウンロードして実行するだけで、引数の追加は必要ありません!

この拡張機能はリンクの右クリックメニューを拡張します。そのためには実験的なAPI を有効にする必要がありますが、これは普通のリリース版では使えません。まず、Google ChromeをDevChannelで提供されているものに更新します。その後、Google Chromeを起動する際に--enable-experimental-extension-apis引数を追加します。たとえば、ターミナル.appから次のように実行します。

% open /Applications/Google\ Chrome.app --args --enable-experimental-extension-apis

ビルドしてテスト!

ダウンロードしたOpenWithDefault.xcodeprojをXcodeで開いて、メニューからビルドを選択します。展開済みの拡張機能がExtensionフォルダに作成されます。上記の通り、DevChannelからGoogle Chromeをダウンロードして起動します。「拡張機能」のページを開いて、「デベロッパーメニュー」を有効にします。「パッケージ化されていない拡張機能を読み込みます…」という変な日本語のボタンを押してExtensionフォルダを選び拡張機能をGoogle Chromeに読み込みます。

「Open with Default」という項目がリンクの右クリックメニューに追加されます。選ぶとデフォルトのブラウザ、Safariなどでそのリンクを開くことができます。

NPAPIプラグインを拡張機能に読み込む

基本的なGoogle Chrome拡張機能の作り方は割愛します。NPAPIプラグインは、Flashプレイヤーと同じなので、<embed>タグでbackground.htmlに読み込みます。typeはNPAPIプラグインを作る際に指定します。

<body onload="init()">
<embed type="application/x-open-with-default" id="pluginId">
</body>

このように読み込んだプラグインに対して、idを使ってJavaScriptからは以下のように呼び出しをします。

var plugin = document.getElementById("pluginId");
plugin.open("http://twitter.com/");

このopenは作ったプラグインで提供するメソッドになります。

NPAPIプラグインを作成する

NPAPI(Netscape Plugin Application Programming Interface)はウェブブラウザのプラグインを作るための伝統的なCのAPIです。プラグインは任意の関数をブラウザのJavaScriptに提供できるので、そこを経由してネイティブAPIを拡張機能から呼び出すことができるというわけです。

Mac OS Xでは.pluginで終わるBundleに特別なInfo.plistを記述することで作成します。以下にこの拡張機能のInfo.plistから重要な部分を掲載します。

<key>WebPluginMIMETypes</key>
<dict>
    <key>application/x-open-with-default</key>
    <dict>
        <key>WebPluginTypeDescription</key>
        <string>A Plugin for Chrome Extension</string>
    </dict>
</dict>
<key>WebPluginName</key>
<string>${PRODUCT_NAME}</string>
<key>WebPluginDescription</key>
<string>A Plugin for Chrome Extension</string>

ここではembedタグのtypeと同じMIMEタイプを指定する必要があります。この場合は、application/x-open-with-defaultです。またプラグインを初期化するためにいくつかの必要な関数を定義します。

NPError NP_Initialize(NPNetscapeFuncs* browserFuncs) {  
    // NPAPIで提供されるAPIをプラグインから呼び出すために保存しておく
    npnfuncs = browserFuncs;
    return NPERR_NO_ERROR;
}

NPError NP_GetEntryPoints(NPPluginFuncs* pluginFuncs) {
    // このプラグインを登録するために必要な関数を指定
    pluginFuncs->version = (NP_VERSION_MAJOR << 8) | NP_VERSION_MINOR;
    pluginFuncs->size = sizeof(pluginFuncs);
    pluginFuncs->newp = NPP_New;
    pluginFuncs->destroy = NPP_Destroy;
    pluginFuncs->getvalue = NPP_GetValue;
    return NPERR_NO_ERROR;
}

void NP_Shutdown(void) {
    // 何もしないけれども、必要です
}

このNP_Shutdownは何もしないですが、これら3つの関数はすべて必要です。NP_GetEntryPointsでは、今回必要な3つの関数、newpとdestroy、getvalueを登録します。 newpとdestroyはこのプラグインがページにロード、アンロードされた際に呼ばれます。getvalueはJavaScriptからこのプラグインが呼ばれたときに必要になります。

JavaScriptから呼べるようにする

getvalueで指定した関数、この場合NPP_GetValueの中で上で説明したようなJavaScriptの呼び出しをしたときに使われるオブジェクトのインスタンスを生成します。

// もしまだインスタンス化していなかったら、作る
if(!plugin_instance) {
    plugin_instance = npnfuncs->createobject(instance, &plugin_class);
    npnfuncs->retainobject(plugin_instance);
}
*(NPObject **)value = plugin_instance;

plugin_classはJavaScriptから見えるオブジェクトの定義です。またインスタンス化したあとに参照カウントを増やす必要があります。destroyで指定した関数、つまりNPP_Destroyでこの参照カウントを減らすことでNPAPIはプラグインがアンロードされたときにこのオブジェクトに確保したメモリを開放することができます。

このオブジェクトに対して関数、たとえばopenのような呼び出しをした場合、このサンプルではplugin_classで定義したplugin_invokeが関数名と引数とともに呼ばれます。この中でネイティブの世界でできることがなんでも出来ます。もちろん、デフォルトのブラウザでURLを開く、といったことも。

関数名はNPIdentifier型、引数や戻り値はNPVariant型の配列で提供されます。これらの値は次の通り通常のUTF-8の文字列などに変換することができます。

// NPIdentifierからUTF-8の文字列を得る
NPUTF8 *name = npnfuncs->utf8fromidentifier(methodName);

// NPVariantからUTF-8の文字列を得る
if(NPVARIANT_IS_STRING(args[0])) {
    NPString str = NPVARIANT_TO_STRING(args[0]);
    // str.UTF8Charactersとstr.UTF8Lengthを使ってなにかする
}

ネイティブAPIを使った拡張機能

NPAPIプラグインをつかった拡張機能を作るのは、確かに面倒ですがとても強力です。たとえば、辞書.appを引くような拡張をGoogle Chromeに追加するといようにGoogle Chromeに欠けている機能を追加できます。この拡張機能はたいしたことをしていませんが、サンプルとして素晴らしい拡張機能を作る際の参考になればと思います。

iPhoneでOpenCVを使う方法

Sat, 14 Mar 2009 00:00:00 GMT

OpenCVはIntelが開発したコンピュータビジョンのライブラリで、例えば顔検出などを簡単に行うことができます。覚え書きとして、OpenCVをiOS SDKをつかってiPhone上やiPadで使う方法を、ビルドスクリプトとデモアプリケーションつきでメモしておきます。これらのサムネイルはデモアプリケーションのスクリーンショットです。

ひとまず使ってみる

すべてのソースコードとリソースはgithubのレポジトリに公開されています。簡単に使えるように、事前にコンパイルしたOpenCVのライブラリとヘッダファイルを入れてあります。すでにgitがあるなら、githubからレポジトリをcloneしてください。ない場合は、githubのdownloadリンクからzipかtarをダウンロードして解凍してください。

% git git://github.com/niw/iphone_opencv_test.git

ソースコードを手に入れたら、OpenCVTest.xcodeprojをXcodeで開いてビルドします。デモアプリケーションがシミュレータと実機両方で動くことが確認できると思います。

OpenCVのライブラリをソースからビルドする

もちろんOpenCVのライブラリをソースからgccでクロスコンパイルすることもできます。そのための補助スクリプトを追加してあります。重要なことは、iOS SDKはダイナミックリンク(.frameworkのような)に対応していない点です。コンパイルするときには静的なライブラリを作成し、アプリケーションに静的にリンクする必要があります。

OpenCVのビルドにはCMakeが必要です。HomebrewかMacPortsを利用してインストールするのが簡単です。
```
# Homebrewを使う場合
% brew install cmake
# MacPortsを使う場合
% sudo port install cmake
```
もし最近のAppleのJavaアップデートをインストールしていたとすると、javadeveloper_10.6_10m3261.dmgのインストールを求められるかもしれません。かなり変ですが、cmakeはjni.hが必要でそれは最近のJavaアップデートで消されてしまったようです。一応、ここからダウンロードできますが、Apple Developer Connectionに登録する必要があると思います。ちなみに、このパッケージはいろいろと余計な物もインストールします… 悩ましいですねえ。どうやら、AppleはJavaを消し去りたいようですね。 (2010/10/30更新)
OpenCVのソースコードをSourceForgeからダウンロードしてください。OpenCV-2.2.0.tar.bz2でテストしてあります。
OpenCVのソースコードをこのデモアプリケーションのディレクトリで展開してください。
```
% tar xjvf OpenCV-2.2.0.tar.bz2
```
OpenCVにiOS SDKでビルドできるようにパッチを当ててください
```
% cd OpenCV-2.2.0
% patch -p1 < ../OpenCV-2.2.0.patch
```
iPhoneのシミュレータむけには以下の手順でビルドしてください。ファイルはデフォルトではopencv_simulatorディレクトにインストールされます。 makeコマンドでは-jでCPUに応じてジョブ数を変更してください。 -jがないとすごく時間がかかります
```
% cd .. # デモアプリケーションのディレクトリに戻る
% mkdir build_simulator
% cd build_simulator
% ../opencv_cmake.sh Simulator ../OpenCV-2.2.0
% make -j 4
% make install
```

iPhoneの実機むけには以下の手順でビルドしてください。ファイルはopencv_deviceディレクトにインストールされます。

% cd .. # デモアプリケーションのディレクトリに戻る
% mkdir build_device
% cd build_device
% ../opencv_cmake.sh Device ../OpenCV-2.2.0
% make -j 4
% make install

ビルドサポートスクリプト

ビルドサポートスクリプトopencv_cmake.shはいくつかのオプションがあります。環境や目的に合わせて選択してください。 --helpオプションをつけるとすべてのオプションが見られます。

UIImageとIplImageの相互変換

OpenCVはIplImage構造体を処理に使いますが、iOS SDKはUIImageオブジェクトを描画に使います。つまり、これらの相互変換が必要になるわけですが、ありがたい事にiOS SDKのAPIで可能です。

IplImageをUIImageから作成するには、このようにします。

// NOTE 戻り値は利用後cvReleaseImage()で解放してください
- (IplImage *)CreateIplImageFromUIImage:(UIImage *)image {
  // CGImageをUIImageから取得
  CGImageRef imageRef = image.CGImage;

  CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
  // 一時的なIplImageを作成
  IplImage *iplimage = cvCreateImage(
    cvSize(image.size.width,image.size.height), IPL_DEPTH_8U, 4
  );
  // CGContextを一時的なIplImageから作成
  CGContextRef contextRef = CGBitmapContextCreate(
    iplimage->imageData, iplimage->width, iplimage->height,
    iplimage->depth, iplimage->widthStep,
    colorSpace, kCGImageAlphaPremultipliedLast|kCGBitmapByteOrderDefault
  );
  // CGImageをCGContextに描画
  CGContextDrawImage(
    contextRef,
    CGRectMake(0, 0, image.size.width, image.size.height),
    imageRef
  );
  CGContextRelease(contextRef);
  CGColorSpaceRelease(colorSpace);

  // 最終的なIplImageを作成
  IplImage *ret = cvCreateImage(cvGetSize(iplimage), IPL_DEPTH_8U, 3);
  cvCvtColor(iplimage, ret, CV_RGBA2BGR);
  cvReleaseImage(&iplimage);

  return ret;
}

戻り値のIplImageは利用後にcvReleaseImageで解放することを忘れないでください!

UIImageをIplImageから作成するには、このようにします。

// NOTE IplImageは事前にRGBモードにしておいてください。
- (UIImage *)UIImageFromIplImage:(IplImage *)image {
  CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
  // CGImageのためのバッファを確保
  NSData *data =
    [NSData dataWithBytes:image->imageData length:image->imageSize];
  CGDataProviderRef provider =
    CGDataProviderCreateWithCFData((CFDataRef)data);
  // IplImageのデータからCGImageを作成
  CGImageRef imageRef = CGImageCreate(
    image->width, image->height,
    image->depth, image->depth * image->nChannels, image->widthStep,
    colorSpace, kCGImageAlphaNone|kCGBitmapByteOrderDefault,
    provider, NULL, false, kCGRenderingIntentDefault
  );
  // UIImageをCGImageから取得
  UIImage *ret = [UIImage imageWithCGImage:imageRef];
  CGImageRelease(imageRef);
  CGDataProviderRelease(provider);
  CGColorSpaceRelease(colorSpace);
  return ret;
}

これでOpenCVをiPhoneで使うことができます!

OpenCVのライブラリを自分のプロジェクトで使う際の注意点

デモアプリケーションのXcodeプロジェクトはOpenCVのライブラリを使うためにいくつか特別な設定を加えています。もし、自分のプロジェクトでOpenCVのライブラリを使う場合は、デモアプリケーションのXcodeプロジェクトを参考に以下の設定を行ってください。

libopencv_core.aなどをOpenCVのデバイス用かシミュレータ用のlibディレクトリから追加してください。実際に使われるファイルはLibrary Search Pathsで決定されますので、どちらでも構いません。
Accelerate.frameworkを追加してください。OpenCVの内部で利用しているライブラリが含まれています。
アクティブなターゲットを選択して情報パネルの「ビルド」タブを「情報を見る」メニューから開いてください。
- -lstdc++と-lzをOther Linker Flagsに追加してください。
- OpenCVのincludeディレクトリへのパスをHeader Search Pathsにシミュレータ用とデバイス用に追加してください。
- OpenCVのlibディレクトリをLibrary Search Pathsにシミュレータ用とデバイス用に追加してください。

変更履歴

2011/04/17 - OpenCV 2.2.0とiOS SDK 4.3、Xcode 4に対応。コメントありがとう!
2010/10/30 - 最近の状況に合わせて文章を変更。コメントありがとう!
2010/08/22 - OpenCV 2.1.0とiOS SDK 4.0に対応
2009/12/21 - Snow Leopardでの問題を修正。Hyonさん、ありがとう!
2009/11/05 - OpenCV 2.0.0とiPhone SDK 3.xに対応
2009/03/14 - OpenCV 1.1.0とiPhone SDK 2.x対応版を公開

ご支援のお願い

もしこのプロジェクトを気に入って頂けましたら、お気軽に以下のフォームからPayPalを通じてご支援いただけると幸いです。

皆様のご支援に感謝いたします。

ライセンス

このサンプルはMIT Licenseで公開しています。

エクスプレス予約をiPhoneで使う

Fri, 16 Jan 2009 00:00:00 GMT

東海道新幹線のエクスプレス予約をたまに使います。

頻繁につかうビジネスマンの方もおおいかと思いますが、残念ながらiPhoneには対応していません。いちおうPC用のウェブ画面が使えるように見えるのですが、拡大をするとボタンがどこかにいってしまったり、画面が欠けたりしてまったく使いものになりません。もちろん、携帯用の画面はまったく表示できません。

そこで、対処療法的にこのエクスプレス予約をiPhoneのSafariから使う為のブックマークレットを作成しました。このブックマークレットを使う事で、なんとか使うことができる状態までもっていくことができます。このブックマークレットには次の機能が入っています。

ログイン画面へのブックマークとして機能
ログイン画面で会員ID、パスワードのオートフィル(自動入力)機能
予約画面をiPhoneで使えるようするための自動補正機能

専用アプリをApp Storeにて提供中

審査と契約に非常に長い時間がかかってしまいましたが、エクスプレス予約の専用ブラウザアプリRapidy 新幹線予約を公開しました。このブックマークレットは引き続き公開します。どうぞご利用ください。

エクスプレス予約の変更に対応 (2011年3月24日更新)

2011年3月中旬に行われたエクスプレス予約サイトの変更に対応しました。既にブックマークレットをこのページで作成した場合は、一度既存のブックマークレットを削除し、再度このページでつくり直してください。

iPhone用エクスプレス予約のブックマークレットの作成と登録

以下のパネルからブックマークレットの作成と登録が行えます。

ステップ1. ブックマークレットを作成

クレジットカード種別
会員ID	(任意)
パスワード	(任意)
自動ログイン

注意事項

このブックマークレットの利用は自己責任でお願いします。
エクスプレス予約側の変更により動作しなくなる可能性があります。
会員IDなどを入力しておくと、オートフィル機能(自動会員ID、パスワード入力)を使うことが出来ます。
会員IDのみのオートフィルも可能ですし、入力しなくてもかまいません。
パスワードを入力し自動ログインにチェックすると、ログイン画面ですぐにログインするブックマークレットを作成することができます。
ここで入力した会員IDやパスワードが外部に送信されることはありません。
パスワードを事前に指定すると便利に使えますが、反面誰でもログインすることができるようになりますので危険です。おすすめしません。

使い方

上記「ブックマークレットの作成と登録」パネルを使ってブックマークレットの作成と登録を行ってください。
登録後、エクスプレス予約以外の画面でこのブックマークレットを開くとログイン画面に移動します。
ここで再度このブックマークレットを開きます、するとオートフィルが行われ、会員IDとパスワード(指定していれば)が入力されます。また自動ログインにチェックをしてブックマークレットを作成したばあい、自動的にログインが行われます。
予約のメイン画面が表示されます。
ここでさらにもう一度このブックマークレットを開きます。するとiPhoneでも使えるようにこの予約画面の補正機能が働きます。終了、次へなど本来画面下部に表示されるバーが画面上部に移動すれば完了です。


ログイン画面	ブックマークレットを実行	自動入力される

ログイン直後	ブックマークレットを実行すると画面が補正される	予約画面

よくある質問と答え

画面遷移するたびにこのブックマークレットを実行する必要がありますか?
- いいえ。ログイン後は一度だけ実行すれば、画面遷移後に(画面スクロールなどを操作をしたときに)自動で補正が適用されます。
ログインに失敗したあと、予約画面内のログインフォームが表示されません
- 多少問題があったようです。修正しました。再度ブックマークレットを作成して登録し直して下さい。
パスワードを入力してブックマークレットを作成しましたが、安全ですか?
- 利便性は高まりますが、まったく安全ではありません。iPhoneを落としたりして、勝手に切符が買われてしまうかもしれませんので、この機能を使う際には十分注意してください。
そもそもブックマークレットって何ですか?
- ブックマークに登録して動作する小さなプログラムのことです。登録したブックマークを開くことでプログラムが実行され、様々な機能をブラウザ内で実行することができます。

ご支援のお礼

これまでご支援頂、ありがとうございます。現在iPhoneアプリを公開中です。皆様のご支援に感謝いたします。

更新履歴

2011/3/24
- 2011年3月中旬のエクスプレス予約のサイト変更に対応
2009/6/3
- ふたたび専用アプリについて更新
2009/4/13
- 専用アプリについて更新
2009/1/19
- フレーム内のログインフォームが表示されない問題を解決
2009/1/16
- 公開

Zoommy スタイリッシュイメージ拡大スクリプト

Thu, 05 Feb 2009 00:00:00 GMT

本日、Zoommyをリリースします!

Zoommyはイメージ拡大の為のJavaScriptツール。これは既にこのウェブサイトで利用しているものと同じもので、Zoommyを組み込む事で、普通の画像とリンクタグを簡単に、ファッショナブルでスタイリッシュなズームインタフェース(よくウェブで見るアレです)を備える事ができます!

ZoommyはSafari, Firefox, IE7とIE6をMacOS X、およびWindowsで動作確認しています。 ZoommyはApple webpage、およびFancyZoomを参考に作られました。 Lightbox.jsの代わりとして使うことができます。

デモ

Zoommyは次のHTMLを自動的にZoomminizeします!

<a href="http://farm4.static.flickr.com/3033/2457505175_37b8fffc2a.jpg">
  <img src="http://farm4.static.flickr.com/3033/2457505175_37b8fffc2a_s.jpg" />
</a>

さらに、Zoommyは複数の画像をつなげてスライドショーギャラリーを作ることもできます!

<a href="http://farm3.static.flickr.com/2337/2457818492_fd9f9b7f0f.jpg" rel="zoommy['mySlideShow']" title="Montmartre, Paris, France">
  <img src="http://farm3.static.flickr.com/2337/2457818492_fd9f9b7f0f_s.jpg" />
</a>
<a href="http://farm3.static.flickr.com/2411/2458159794_84884f683b.jpg" rel="zoommy['mySlideShow']" title="Raffles Hotel, Singapore">
  <img src="http://farm3.static.flickr.com/2411/2458159794_84884f683b_s.jpg" />
</a>
<a href="http://farm3.static.flickr.com/2106/2483739956_89be523894.jpg" rel="zoommy['mySlideShow']" title="Karuizawa, Nagano, Japan">
  <img src="http://farm3.static.flickr.com/2106/2483739956_89be523894_s.jpg" />
</a>

ダウンロード

zoommy-0.1.0.zip (95Kbyte)

Zoommyを使ってみる

依存するライブラリをウェブサイトにコピーします

ZoommyはPrototype.jsバージョン1.6.xとscript.aculo.usバージョン1.8.xに依存しています。もしすでにウェブサイトがこれらのライブラリを使っている場合、たとえば、Ruby on Railsのプロジェクトなどではこれらのファイルをコピーする必要はありません。

Zoommyは現状、Prototype.jsバージョン1.5.xには対応していません。事前にPrototype.jsのバージョンを確認してください。

javascripts/prototype.js
javascripts/effects.js
次のファイルをウェブサイトにコピーします
images/zoommy
javascripts/zoommy.js

なお、zoommy.jsはコンパクト化済みのもので、zoommy_pack.jsはより圧縮されたもの、zoommy_src.jsはコンパクト化するまえのものです。用途の応じて使い分けてください。

ウェブサイトのページのheadタグに以下のコードを追加します。

すでにprototype.jsとeffects.jsへのタグがある場合はこれらを追加する必要はありません。

    <head>
    ....
    <script type="text/javascript" src="javascripts/prototype.js"></script>
    <script type="text/javascript" src="javascripts/effects.js"></script>
    <script type="text/javascript" src="javascripts/zoommy.js"></script>
    ....

追加の設定コードを記述

もし上記手順2.でコピーした画像を違う場所にしたい場合は、各ページのheadタグに以下のコードを追加します。ここでのimagePathはそのウェブページからの相対パスかサイト全体の絶対パスである必要があります。

    <head>
    ....
    <script type="text/javascript">
    zoommy_config = {imagePath: "relative/or/site/wide/absolute/path/to/zoommy/image/from/html"};
    </script>
    ....

これで完了です。ウェブサイトを表示してみましょう!

カスタマイズ

タイトルを表示する

画像をズーム表示した際に、タイトルを表示することができます。title=”(画像のタイトル)”をリンクタグに追加してください。

<a href="http://farm4.static.flickr.com/3033/2457505175_37b8fffc2a.jpg" title="Blue sky and Sunshine!!">
  <img src="http://farm4.static.flickr.com/3033/2457505175_37b8fffc2a_s.jpg" />
</a>

スライドショーギャラリーを作成する

rel=”zoommy[’(スライドショーの識別子)’]”をリンクタグに追加することで、Zoommyは同じ識別子のリンクをスライドショーギャラリーにして表示します。

<a href="http://farm3.static.flickr.com/2337/2457818492_fd9f9b7f0f.jpg" rel="zoommy['travel around the world']">
  <img src="http://farm3.static.flickr.com/2337/2457818492_fd9f9b7f0f_s.jpg" />
</a>
<a href="http://farm3.static.flickr.com/2411/2458159794_84884f683b.jpg" rel="zoommy['travel around the world']">
  <img src="http://farm3.static.flickr.com/2411/2458159794_84884f683b_s.jpg" />
</a>
<a href="http://farm3.static.flickr.com/2106/2483739956_89be523894.jpg" rel="zoommy['travel around the world']">
  <img src="http://farm3.static.flickr.com/2106/2483739956_89be523894_s.jpg" />
</a>

Zoommyの対象から除外する

もし画像へのリンクをZoommyの対象から除外する場合は、rel=”nozoommy”をリンクタグに追加してください。

<a href="http://farm4.static.flickr.com/3033/2457505175_37b8fffc2a.jpg" target="_blank" rel="nozoommy">
  <img src="http://farm4.static.flickr.com/3033/2457505175_37b8fffc2a_s.jpg" />
</a>

Zoommyのバッジを表示しない

標準ではZoommyは対象のリンクないのサムネイルにZoommyバッジを左上に表示します。その必要がない場合は、noBadge: trueというオプションをheadタグの設定コードに加えてください。

<head>
....
<script type="text/javascript">
zoommy_config = {
    noBadge: true
};
</script>
....

Z-Indexを調整する

もしZoommyをほかのかっこいいスクリプトやライブラリと同時に使う場合、baseZIndexオプションを設定コードに追加して、Z-Indexの順番を明示する必要があるでしょう。標準では、Zoommyは900以降を使います。

<head>
....
<script type="text/javascript">
zoommy_config = {baseZIndex: 10000};
</script>
....

FAQ

Q. いくつかの画像へのリンクタグがZoommyの対象になりません。なぜですか?

A. Zoommyは”.png”, “.gif”, “.jpg”または”.jpeg”で終わるhref属性か、”zoommy”で始まるrel属性を持つリンクタグを対象にします。つまり、もしリンクタグのhref属性がこれらの拡張子で終わらない場合(画像をCGIなどが生成する場合など)は、rel=”zoommy”を書き加える必要があるでしょう。
```
  <a href="/path/to/image?var=value" rel="zoommy">
    <img src="/path/to/thumbnail" />
  </a>
```

更新履歴

1.0.1
- 最初のリリース

ご支援のお願い

もしこのZoommyを気に入って頂けましたら、お気軽に以下のフォームからPayPalを通じてご支援いただけると幸いです。

Zoommyを支援する

皆様のご支援に感謝いたします。

ソースコード

このプロジェクトはオープンソースプロジェクトです。すべてのソースコードはgithubのレポジトリから取得できます。

ライセンス

ZoommyはMIT Licenseで公開しています。

TerminalColoreopard LeopardのターミナルのANSI配色を変えるツール

Fri, 02 Nov 2007 00:00:00 GMT

TerminalColoreopardの紹介です!

MacOS X 10.5(Leopard)が発売されました。Leopardのターミナル(Terminal.app)は日本語を正しくあつかったりだとか、タブ機能だったりだとか、カラーテーマのプロファイルだとかかなり改善されてて満足が行くのですが、一点。なぜかANSIカラー(8色あります)を変更できないのです。Tigerのターミナルでは、同様に変更できなかったのですが、Terminal Colors Pluginを使うことで解決できました。このプラグインは残念ながらLeopardでは動作しません。そこで、同じようなものをLeopardのTerminal.appむけに作りました。とりあえず動くものができたので公開します。

Snow Leopardの対応について

Snow Leopardに対応した64bit対応版を公開します。動作には最新のSIMBLが必要です。Leopardでご利用の場合は以前のバージョンをご利用ください。

ダウンロードとインストール

TerminalColoreopard-0.2.6.dmg (175Kbyte, Snow Leopard専用)

上記パッケージをダウンロード
ダブルクリックしてマウントして下さい
このプラグインはSIMBLという拡張アプリケーションが必要です。インストールしていない場合は、SIMBL.pkgをダブルクリックしてインストールしてください。
ターミナルが起動していないことを確認してください。起動していたら終了してください。
TerminalColoreopard.bundleを自分のホームの/Library/Application Support/SIMBL/Pluginsにコピーしてください。このコピー先が存在しない場合は作成してください。

ささやかな不都合

現状、このANSIカラー設定はすべてのプロファイルで共用されます。
パレットで色変更をしても、現状ではすぐに反映されません。ターミナル画面になにか操作をすると反映されると思います。
日本語リソースを作っていません。

1.0にむけての覚書

~~不都合を修正~~
インストーラを作る
組み込みのテーマカラーを用意。Gnome Terminalにあるような、Tangoとか。
Terminal.appの設定画面に組み込む

変更履歴

0.2.6
- Mac OS X 10.6.3に対応、Snow Leopard専用
0.2.5 beta
- Snow Leopardに対応、64bit対応ベータ版。Snow Leopard専用
0.2.4
- 明るい色を使うと例外が発生したバグを修正
- 明るい色も変えられるように変更
- TerminalColoreopard-0.2.4.dmg (105Kbyte)
0.2.3
- 0.2.2のリリース時に混入したバグを修正
- TerminalColoreopard-0.2.3.dmg (63Kbyte)
0.2.2
- メモリ管理のバグを修正
- 黒色と白色のインターフェイスを追加
- TerminalColoreopard-0.2.2.dmg (64Kbyte)
0.2.1
- MacOS X 10.5.2ソフトウェアアップデートに対応
- TerminalColoreopard-0.2.1.dmg (63Kbyte)
0.2.0
- 配布イメージの背景画像が欠損していたのを修正
- Terminal.app自身の設定にある白黒の設定を削除
- Terminal.appを乗っ取る方法を変更
- カラーパレットの見た目を変更
- ソース公開
- TerminalColoreopard-0.2.0.dmg (63Kbyte)
0.1.0
- 最初のリリース
- TerminalColoreopard-0.1.0.dmg (100Kbyte)

ご支援のお願い

もしTerminalColoreopardを気に入っていただけましたら、お気軽に以下のフォームからPayPalを通じてご支援いただけると幸いです。

皆様のご支援に感謝いたします。

ソースコード

このプロジェクトはオープンソースプロジェクトです。すべてのソースコードはgithubのレポジトリから取得できます。

ライセンス

TerminalColoeropardはMIT Licenseで公開しています。

SafariでGoogle検索画面に言語選択とサムネイルを追加する

Fri, 22 Feb 2008 00:00:00 GMT

GreaseMonkeyというウェブサイトに機能追加をすることができるツールがあります。便利なのですが、残念なことにこれ自体はSafariでは動きません。しかし、GreaseKitというSafariでにたように動くツールがあります。 GreaseKitはGreaseMonkeyとほぼ互換なのですが、userscripts.orgでみつけたいくつかの便利なスクリプトはうまく動きませんでした。そこで、にたような動作をGreaseKitでも動くユーザスクリプトとして実装しました。

Googleの検索結果にプレビューを表示する

Googleの検索結果に検索結果のスクリーンショットプレビューをgoogle previewから取得して表示します。

ダウンロード

googlethumbnails.user.js (0.2.1, GitHubにホスト)

更新履歴

0.2.1
- AutoPagerizeに対応
0.2 (正しくは0.2.0)
- Google側の変更に追従
- open.thumbshots.orgからgooglepreview.comに変更
- googlethumbnails-0.2.user.js (2Kbyte)
0.1.1
- Google側の変更に追従
- googlethumbnails-0.1.1.user.js (1Kbyte)
0.1.0
- 最初のリリース
- googlethumbnails-0.1.0.user.js (1Kbyte)

言語選択をGoogle検索に追加する

このユーザスクリプトはGoogleの検索を言語を切り替えて(hlパラメータです)実行することができるようにします。このスクリプトは英語と日本語の切り替えができますが、”var langs = {…”のあたりを変えることで他の言語も追加できます。

ダウンロード

googlelanguagecodeselector.user.js (0.2.1, GitHubにホスト)

更新履歴

0.2.1
- Googleの変更に追従。”-webkit-appearance: button;”がボタンに加わった。
0.2.0
- ボタンモードを追加して、デフォルトをボタンモードに
- googlelanguagecodeselector-0.2.0.user.js (3Kbyte)
0.1.1
- Google側の変更に追従
- googlelanguagecodeselector-0.1.1.user.js (2Kbyte)
0.1.0
- 最初のリリース
- googlelanguagecodeselector-0.1.0.user.js (3Kbyte)

使い方

まずGreaseKitを動かすためにSIMBLをインストールしてください。
次にこの手順にしたがってGreaseKitをインストールしてください。
上記からダウンロードしたファイルをSafariにドラック＆ドロップするか、そのままクリックしてInstallしてください
Google.comを開くと…!

ポップアップウィンドウをUIWebViewで使う

Fri, 06 Feb 2009 00:00:00 GMT

UIWebViewはiPhone SDKのかなり重要なUIKitのクラスです。ご存知の通りSafariが丸ごと入ってますが、しかし、ウィンドウを開く、ポップアップするというイベントは無効にされています。

<a href="somehere" target="_blank" />Open this link in new window</a>

たとえば、このようなリンクがUIWebViewのなかで表示されてユーザがクリックしたとしても、何も起きません。勿論、UIWebViewはかなり高度に抽象化されていて、いくつかのメソッドを呼ぶ事はできます。そこで、完璧ではないのですがある程度この問題を解決する手段があります。鍵となるメソッドは次のものです。

language:objc
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
- (void)webViewDidFinishLoad:(UIWebView *)webView
- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script

すべてのポップアップイベントを奪う

まず始めに、表示しているウェブページのすべてのウィンドウを開くイベントを奪います。どうやるのかというと、JavaScriptで解決します。手法は、まずすべての開くイベントを奪って開くべきURLを特別なものにして、さらにObjective-C側でその特別なURLを再処理して自前でウィンドウを開きます。

language:objc
- (void)webViewDidFinishLoad:(UIWebView *)webView {
  [webView stringByEvaluatingJavaScriptFromString:/* JavaScriptの入った文字列 */];
}

次のJavaScriptをstringByEvaluatingJavaScriptFromStringに渡します。

language:javascript
var tags = document.getElementsByTagName("a");
for(var i=0; i < tags.length; i++) {
  var tag = tags[i];
  var t = tag.getAttribute("target");
  var h = tag.getAttribute("href");
  if(/* targetとhrefを確認 */) {
    tag.setAttribute("target", "");
    tag.setAttribute("href", /* href属性から特別なURLを作成 */);
  }
}

webViewDidFinishLoadが呼ばれたときにJavaScriptを実行してすべてのアンカータグを奪ってターゲット属性を削除してhrefに特別なのもに置き換えます。さらに、フォームとJavaScriptからのイベントも奪います。

language:javascript
var tags = document.getElementsByTagName("form");
for(var i=0; i < tags.length; i++) {
  var tag = tags[i];
  var submit = tag.submit;
  tag.submit = function() {
    var t = tag.target;
    var a = tag.action;
    if(/* targetとactionを確認 */) {
      tag.target = "";
      tag.action = /* action属性から特別なURLを作成  */
    }
    return submit.apply(this, arguments);
  };
}

このコードは多くの状況で動くのですが、すべての状況での動作は難しいです。特にsumitイベントのリスナーが存在する場合などです。

language:javascript
window.open = function(url) {
  if(/* urlを確認 */) {
    var t = document.createElement("a");
    t.setAttribute("href", /* 特別なurlを作成 */);
    var e = document.createEvent("MouseEvent");
    e.initMouseEvent("click");
    t.dispatchEvent(e);
  }
};

このコードはかなり変なのです。window.openが呼ばれた際に画面の裏で見えないアンカータグをつくりそれに特別なURLを設定してHTTPリクエストを発生させます。このリクエストをObjective-C側で受け取ります。

ポップアップイベントをObjective-Cで受け取る

これで、Objective-C側でイベントを受け取る事ができるようになりました。 UIWebViewのdelegateでポップアップイベントを受け取り処理します。

language:objc
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
  if(navigationType == UIWebViewNavigationTypeLinkClicked || navigationType == UIWebViewNavigationTypeFormSubmitted) {
    NSURL *url = [request URL];
    if(/* URLが特別なものか確認 */) {
      NSString *urlstr = /* 特別なURLから普通のURLに戻す */;
      NSMutableURLRequest *req = [request mutableCopyWithZone:nil];
      [req setURL:[NSURL URLWithString:urlstr]];

      if(/* ポップアップは閉じているか? */) {
        /* ポップアップを開く */
      }
      [popupWebView loadRequest:req];
      return NO;
    }
  }
  return YES;
}

この凄く長い名前のdelegateですべてのHTTPリクエストを取得することができます。まずリクエストのURLがJavaScriptでつくった特別なものかをチェックして、もしそうなら普通のURLの戻してNSURLRequestを作成し、ポップアップするUIWebViewに渡します。これらのコードによってUIWebViewでポップアップを実現できます。

特別なURLを作成する

この問題はちょっと難しいです。なぜなら、HTTPリクエストのベースURLを保持する必要があるからです。 URLの書き換えても安全な部分、たとえば、スキーマやホスト名などですが、これらを書き換えるとベースURLが失われてしまい、webView:shouldStartLoadWithRequest:navigationTypeの中でポップアップの為のURLを作成することができなくなってしまいます。そこで、一案ではあるのですが、URLの最後に特別なHashを付与することで一応の解決をみます。あまり安全ではないのですが、多くの状況では安全です。

language:javascript
function makeSpecialURL(url) {
  return url + (url.match(/#/) ? "_open" : "#open");
}

そして、webView:shouldStartLoadWithRequest:navigationTypeのなかで追加したHashを削除します。

language:objc
if([[url fragment] hasSuffix:@"open"]) {
  NSString *urlstr = [[url absoluteString] substringToIndex:[[url absoluteString] length] - 5];
  ...
}

その他の手法について

この問題は多分ドキュメントにのっていないAPIかdelegate(webView:createWebViewWithRequest:)で解決できます。しかし、iPhone SDKの中だけでは、このJavaScriptを使う手法以外にはよい解決方法はないでしょう。あまりよい実装ではないですが、iPhoneアプリケーションのなにかの助けになればと思います。

Tweetie for MacにGrowlを追加(仮)

Sun, 26 Apr 2009 00:00:00 GMT

いろんなtwitterクライアントがあふれていますが、今はかなり便利でかっこいいTweetie for Macを使っています。でも、少なくとも現在のバージョンはGrowlに対応してないんですよね。

TweetieHackでTweetie for Macをハック

そんなTweetieがGrowlをサポートするのが待てない!ということで、Growlに対応させるプラグインを作りました。

ご存知の通り、Tweetieの作者はGrowlに対応させる作業をしています。ので、これはとても一時的な急場しのぎのプラグイン(仮)です。Enjoy!

TweetieHackアップデートのお知らせ

最新のTweetieHack 0.2.0はTweetie 1.1をサポートし、そのGrowl通知を改良します。Tweeterの名前をタイトルに表示したり、最新5件のTweetをTweeterのアイコンと表示する、などなど。

下記の通りTweetie 1.1でGrowl通知は本体がサポートしましたが、TweetieHackのGrowl通知が良いという方のためにもアップデートは続けようと思います。(2009年5月10日更新)

Tweetieのアップデートのお知らせ

Tweetie 1.1は本体だけでGrowlに対応しています。Growl通知を表示するのには、このプラグインはもはや必要ありません! TweetieのPreferencesのAccountsパネルにあるNotification OptionsからGrowlを有効にすることができます。 (2009年5月5日更新)

ダウンロードとインストール

TweetieHack-0.2.0.dmg (124Kbyte)

Tweetie for Macをインストール
上記パッケージをダウンロード
ダブルクリックしてマウントして下さい。
このプラグインはSIMBLという拡張アプリケーションが必要です。インストールしていない場合は、SIMBL.pkgをダブルクリックしてインストールしてください。
Tweetieが起動していないことを確認してください。起動していたら終了してください。TweetieHack.bundleを自分のホームの/Library/Application Support/SIMBL/Pluginsにコピーしてください。このコピー先が存在しない場合は作成してください。
TweetieのアプリケーションアイコンをCtrlキーを押しながらクリックし、情報を見るを選択してください。32ビットモードで開くにチェックをいれてパネルを閉じてください (この操作は、Tweetie 1.2では必要ありません。Tweetie 1.2は32ビットモードに戻っています)。

変更履歴

0.2.0 – Tweetie 1.1以降用
- Tweetie 1.1をサポート。Tweetie本体のGrowl通知を改良
0.1.2 – Tweetie 1.0用
- フックポイントの変更、ダイレクトメッセージをサポート
- TweetieHack-0.1.2.dmg (71Kbyte)
0.1.1
- Tweetのカウントバグを修正、残りの未読数を表示
- TweetieHack-0.1.1.dmg (55Kbyte)
0.1.0
- 最初のリリース
- TweetieHack-0.1.0.dmg (55Kbyte)

ソースコード

このプロジェクトはオープンソースプロジェクトです。すべてのソースコードはgithubのレポジトリから取得できます。

ライセンス

TweetieHackはMIT Licenseで公開しています。

MacBook ProにつまったDVDディスクを強制排出する

Sun, 25 Jan 2009 00:00:00 GMT

以前MacBook Pro(17inch, Late 2007)を手に入れたときにものすごく困ったことがありました。 MacOS X LeopardのインストールDVDをMacBook Proのスロットローディング・ドライブにいれてCキーを押しながら起動したのです。

しかし、インストールディスクが回転しだしてドライブが読み取ろうしたのですが、何かが問題で読み取りが開始できないようなのです。この状況は電源を切って入れても回復しませんでした。と、こういうわけでLeopardのDVDはMacBook Proから取り出せなくなりました。

もちろん、ハードディスクから起動してみたのですが、DVDはマウントさてなくて、つまりイジェクトボタンを押しても取り出すことが出来ません。

思うにドライブのファームウェアがディスクを読み取ろうとはするけれども、何かが問題でそれが完了しない状態がくりかえしていて取り出せなくなったようです。一応、F12やイジェクトボタンやトラックパッドのボタンを押しっぱなしにして起動したりもしたがのですが(アップルのFAQに書かれてている方法です)、さっぱり出てくる気配がありません。

強制排出する!

まず最初に強制排出させるためにMacBook Proを分解します。このサイトが参考になります。

次のステップはすこし難しいのですが、パームレスなどにつながっているフラットケーブル類はすべてつないだまま電源を入れます。

その後ディスクドライブが回転しだすのですが、その後ディスクドライブの向かって左がわにフラットケーブル上に4つの小さなドットパターンがあるので、そのうち2つを金属製の通電するクリップのようなものでショートさせます。これでディスクが出てきます。

MacBook Proには物理的なスイッチが一切付いていないのがあだとなったわけですが、この4つのドットパターンは本来物理的なスイッチを配置するためのパターンのようです。

niw.atの更新フィード

Reeder for MacにGrowl通知を追加

ダウンロードとインストール

ご注意

変更履歴

ソースコード

ライセンス

Mac OS XでネイティブAPIをGoogle Chromeの拡張機能から実行

まず始めに

実験的APIを使うための準備

ビルドしてテスト!

NPAPIプラグインを拡張機能に読み込む

NPAPIプラグインを作成する

JavaScriptから呼べるようにする

ネイティブAPIを使った拡張機能

iPhoneでOpenCVを使う方法

最新のOpenCVとiOS SDKに対応

ひとまず使ってみる

OpenCVのライブラリをソースからビルドする

ビルドサポートスクリプト

UIImageとIplImageの相互変換

OpenCVのライブラリを自分のプロジェクトで使う際の注意点

変更履歴

ご支援のお願い

ライセンス

エクスプレス予約をiPhoneで使う

専用アプリをApp Storeにて提供中

エクスプレス予約の変更に対応 (2011年3月24日 更新)

iPhone用エクスプレス予約のブックマークレットの作成と登録

ステップ1. ブックマークレットを作成

注意事項

ステップ2. iPhoneでブックマークレットを登録する場合

ステップ2. 事前にMac, PCでブックマークレットを作成し、iPhoneとSyncして登録する場合

使い方

よくある質問と答え

ご支援のお礼

更新履歴

Zoommy スタイリッシュイメージ拡大スクリプト

デモ

ダウンロード

Zoommyを使ってみる

カスタマイズ

タイトルを表示する

スライドショーギャラリーを作成する

Zoommyの対象から除外する

Zoommyのバッジを表示しない

Z-Indexを調整する

FAQ

更新履歴

ご支援のお願い

Zoommyを支援する

ソースコード

ライセンス

TerminalColoreopard LeopardのターミナルのANSI配色を変えるツール

TerminalColoreopardの紹介です!

Snow Leopardの対応について

ダウンロードとインストール

ささやかな不都合

1.0にむけての覚書

変更履歴

ご支援のお願い

ソースコード

ライセンス

SafariでGoogle検索画面に言語選択とサムネイルを追加する

Googleの検索結果にプレビューを表示する

ダウンロード

更新履歴

言語選択をGoogle検索に追加する

ダウンロード

更新履歴

使い方

ポップアップウィンドウをUIWebViewで使う

すべてのポップアップイベントを奪う

ポップアップイベントをObjective-Cで受け取る

特別なURLを作成する

その他の手法について

Tweetie for MacにGrowlを追加(仮)

TweetieHackでTweetie for Macをハック

TweetieHackアップデートのお知らせ

Tweetieのアップデートのお知らせ

エクスプレス予約の変更に対応 (2011年3月24日更新)