で、さっきブラウザのBackとForwardの隣にあるボタン、back-forward-dropmarker（下記の画像のように、押下するとこれまでのページ遷移履歴のリストが出てくる。）に対して操作したときに、スクリプトを実行させようと思ってXULのオーバレイを作っていたんですが、どうにもうまくいかない。具体的には、XUL内に書いたJavaScriptが実行されていない。

で、なんでかなーと思って悩んでたんですが、無事に解決したのでメモ。

最初に書いていたオーバレイさせるコードはこんな感じ。

<toolbarbutton id="back-forward-dropmarker" type="menu" chromedir="ltr"
      disabled="true" tooltiptext="最近表示したページ"
      onbroadcast="if (this.disabled) this.disabled =
      document.getElementById('Browser:Back').hasAttribute('disabled') &&
      document.getElementById('Browser:Forward').hasAttribute('disabled');">

でも、これじゃぁ、上手く実行されない。なんでだろう？と考えてみたところ、もしかしたら&がエスケープされてないんじゃないか？という考えに行きつきました。

通常、HTMLのなかで&のような特殊文字を書くときって、&って書かないといけないんですよね。というわけで、上記のコードを下記のように書き換えてみたら、上手く動きました。

<toolbarbutton id="back-forward-dropmarker" type="menu" chromedir="ltr"
     disabled="true" tooltiptext="最近表示したページ"
     onclick="wt.my_func('list');"
      onbroadcast="if (this.disabled) this.disabled =
      document.getElementById('Browser:Back').hasAttribute('disabled') &amp;&amp;
      document.getElementById('Browser:Forward').hasAttribute('disabled');">

めでたしめでたし。

通常，このようにすれば，アプリからCOM1ポートを開く事が出来る．

serialPort = new System.IO.Ports.SerialPort();
serialPort.BaudRate = 38400;
serialPort.DataReceived += new System.IO.Ports.SerialDataReceivedEventHandler(serialPort1_DataReceived);
serialPort.PortName = “COM1”;
serialPort.Open();

しかし，シリアルポートって言うのは通常，一つのアプリからしか利用することができない．このため，既に他のアプリがシリアルポートを使っていないかを確認する必要があり，このために，isOpen()プロパティがある．普通はこんな感じで使うと，ポートが開いているかどうかを知ることができる．

if(serialPort.isOpen){
    serialPort.Open();
}

ところが，このプロパティの戻り値がおかしい．ちゃんと調べてはいないんだけれど，私の環境ではこんな感じ．

• 他のアプリ（puttyやpoderosa）からシリアルポートを開いているとき→正常
• 同じアプリ（アプリの多重起動）からシリアルポートを開いているとき→異常

少し調べても結局原因がわからなかったので，例外処理を使って回避することに．

try
{     serialPort.Open();
}
catch {
     ;
}

例外処理をこういう風に使うのってあまり好きじゃないんだけど，とりあえず回避出来たので一安心．

最初，BitmapクラスにはGetHashCodeというメンバ関数があるから，ハッシュを取得してそれを比較すれば良いだろう，と簡単に考えていた．ところが，GetHashCodeというのはオブジェクトのハッシュを返す関数であり，画像データのハッシュを返すわけではない．つまり，この関数の返り値を比較しても，画像の内容が等しいか否かを判断することが出来ない．

じゃぁ，1pixelごと比較すれば良いのかと考えたのだけれども，BitmapクラスのGetPixelメソッドって，メチャクチャ遅い．そこで，Bitmapの中身をbyte配列に代入して，そのMD5をとることでハッシュ値を取得し，それを比較することで画像の変更の有無を検出することにした．

以下，具体的なコード．これだけの事なんだけど，思ったよりも時間を取ってしまった・・・．

Bitmap CurrentImg = GetScreenCaputureOf(Firefox);
BitmapData bmpdata = CurrentImg.LockBits(new Rectangle(0, 0, CurrentImg.Width, CurrentImg.Height), ImageLockMode.ReadWrite, CurrentImg.PixelFormat);
IntPtr ptr = bmpdata.Scan0;
int bytes = bmpdata.Stride * CurrentImg.Height;
byte[] rgbValues = new byte[bytes];
Marshal.Copy(ptr, rgbValues, 0, bytes);
byte[] CurrentHash = new MD5CryptoServiceProvider().ComputeHash(rgbValues);

bool bEqual = false;
if (PrevHash!=null && PrevHash.Length == CurrentHash.Length)
{
    int i = 0;
    while ((i < PrevHash.Length) && (PrevHash[i] == CurrentHash[i]))
    {
        i += 1;
    }
    if (i == PrevHash.Length)
    {
        bEqual = true;
    }
}

PrevHash = (byte[])CurrentHash.Clone();
if (!bEqual)
{
    Console.WriteLine("Image Changed!");
}

参考にしたページ

• Visual C# を使用してハッシュ値を計算し比較する方法
• .NET Framework クラス ライブラリ BitmapData メンバ

人生を書き換える者すらいた。 人材獲得作戦・４ 試験問題ほか

かかった時間はたぶん60分ぐらい．アルゴリズム的にはA*アルゴリズムを使えば良いらしいけど，正直なところ，よく知らないので，適当に自分で考えてみた．

基本的な考え方としては，距離1で行ける場所，距離2で行ける場所，距離nで行ける場所を順にピックアップしていき，距離nでゴールまで行けるようになったら，そこから逆に最短となる経路を探す，といった感じ．

コメント欄を見てると30分とかで解いてる人も居るっぽいので，私はまだまだだなぁという感じですね．せっかくなので，ソースコードを公開してみます．あんまり綺麗なコードじゃないので，参考にはしないほうがよいと思うけど．

static void Main(string[] args)
        {
            /*
                ファイルを読み込みrawdata上に展開
             */

            string line = "";
            ArrayList rawdata = new ArrayList();
            StreamReader sr = new StreamReader(@"data.txt", Encoding.GetEncoding("Shift_JIS"));
            while ((line = sr.ReadLine()) != null)
            {
                rawdata.Add(line);
            }
            /*
             *  rawdata上のデータをint型二次元配列dataに展開
             *  壁：-1
             *  スタート位置：1
             *  ゴール位置：-10
             *  道：0
             */
            int[,] data;
            string tmp = rawdata[0] as string;
            int width = tmp.Length;
            int height = rawdata.Count;
            data = new int[width, height];
            for (int i = 0; i < height; i++) {
                tmp = rawdata[i] as string;
                for (int j = 0; j < width; j++)
                {
                    if (tmp[j] == '*')
                    {
                        data[j, i] = -1;
                    }
                    else if (tmp[j] == 'S')
                    {
                        data[j, i] = 1;
                    }
                    else if (tmp[j] == 'G')
                    {
                        data[j, i] = -10;
                    }
                    else
                    {
                        data[j, i] = 0;
                    }
                }
            }

            /*
             * data配列をスタート位置から走査して，
             * スタート位置からの距離を格納する．
             * ゴール（-10）を見つけたらループを抜ける．
             */
            int cur = 1;
            bool loopflag = true;
            while (loopflag)
            {
                for (int i = 0; i < height; i++)
                {
                    for (int j = 0; j < width; j++)
                    {
                        if (data[j, i] == cur)
                        {
                            if (data[j, i - 1] == -10 || data[j - 1, i] == -10 || data[j, i + 1] == -10 || data[j + 1, i] == -10)
                            {
                                loopflag = false;
                                break;
                            }

                            if (data[j, i - 1] == 0)
                            {
                                data[j, i - 1] = cur + 1;
                            }
                            if (data[j - 1, i] == 0)
                            {
                                data[j - 1, i] = cur + 1;
                            }
                            if (data[j, i + 1] == 0)
                            {
                                data[j, i + 1] = cur + 1;
                            }
                            if (data[j + 1, i] == 0)
                            {
                                data[j + 1, i] = cur + 1;
                            }
                        }

                    }
                    if (!loopflag) {
                        break;
                    }
                }
                cur++;
            }

            /*
             * data配列をゴール位置から走査して，
             * スタート位置に向けて-2を格納していく．
             * スタート位置を見つけたらループを抜ける．
             */
            loopflag = true;
            while (loopflag)
            {
                cur--;
                if (cur == 1) {
                    break;
                }
                for (int i = 0; i < height; i++)
                {
                    for (int j = 0; j < width; j++)
                    {
                        if (data[j, i] == -10 || data[j, i] == -2)
                        {
                            if (data[j, i - 1] == cur)
                            {
                                data[j, i - 1] = -2;
                            }else if (data[j - 1, i] == cur)
                            {
                                data[j - 1, i] = -2;
                            }
                            else if (data[j, i + 1] == cur)
                            {
                                data[j, i + 1] = -2;
                            }
                            else if (data[j + 1, i] == cur)
                            {
                                data[j + 1, i] = -2;
                            }

                        }
                    }
               }
            }

            /*
             * 画面に表示を行う．
             */

            for (int i = 0; i < height; i++)
            {
                for (int j = 0; j < width; j++)
                {
                    if (data[j, i] == -1)
                    {
                        Console.Write('*');

                    }
                    else if (data[j, i] == 1)
                    {
                        Console.Write('S');
                    }
                    else if (data[j, i] == -10)
                    {
                        Console.Write('G');
                    }
                    else if (data[j, i] >= 0)
                    {
                        Console.Write(' ');
                    }
                    else if (data[j, i] == -2)
                    {
                        Console.Write('$');
                    }
                    else
                    {
                        Console.Write(data[j, i]);
                    }

                }
                Console.Write('\n');
            }
            Console.Write('\n');
            Console.Read();
        }

以下，本サービスについて説明します．

このサービスをWebサイトにインストールすることによって，LogTwitに設定されたアカウントが，ユーザのWebサイトへのアクセスをTwitterを通じてリアルタイムにつぶやきます．実際に動作している様子はこんな感じです．なお，このサンプルでは誰でもログを見れるように設定してありますが，TwitterのアカウントをPrivateにする＆LogTwit管理画面から非公開設定にすることで，他人にはログを見せないように設定することができます．

Webアクセスログをつぶやくアカウントをfollowしておくだけで，他の方のつぶやきに混じって，お客様のWebサイトへの訪問を知ることができます．例えばこれはTwitterクライアントから見た私のタイムラインの様子です．こんな感じで，自然にWebサイトへのアクセスを知ることができます．

また，各つぶやきには，詳細な情報を表示するためのURLがついており，それをクリックすることで，詳細な情報を表示することができます．

Google Analyticsと異なるのは，このお客様が，Webサイトの中でどのように移動したかがわかること．例えば，上記の例だと，7時22分11秒にhttp://kur.jp/2010/01/13/lab/にアクセスがあって，その6分後に，ブログのトップページhttp://kur.jp にアクセスして，その後，http://kur.jp/2009/12/27/yarisugosu/ にアクセスしたんだな，というのがわかります．

また，日付が変わると，昨日のアクセス数とともに，一日分の集計ページのアドレスを教えてくれます．

Google Analyticsだと，日毎のアクセス数しかわかりませんが，LogTwitでは．時間帯別のアクセス数もわかります．例えば下記の画像は，1月13日のアクセスの様子なのですが，21時台から急にアクセス数が伸びていることが分かります．これは私が1月13日の21時26分にブログをアップし，アクセスが集まったからです．このように，何らかのイベントがアクセスログに反映されるのが直感的にわかるので，非常に面白いです．

LogTwitは下記のサイトから登録すれば誰でも使えるようになっていますので，実際に使ってみて，要望・感想など頂けると嬉しいです．ただし，Twitterのタイムラインがひどいことになると思われるので，1000PV/Day以上のWebサイトでお使いになるのはおススメしません．

LogTwit.com

TwitterからPHPに投稿するためには，色々な方法があるみたいなんだけど，とりあえず手っ取り早い方法として，PEARパッケージのServices_Twitterを利用することにしてみた．

PEARパッケージのインストール自体はServices_Twitterのサイトの通りにやればすぐに終わる．ただし，Hawk氏のサイトっていうのはすでに存在しないらしいので，注意．

ただし，Jsphonは有志の方がサーバにアップしてくださっているので，下記からダウンロードできる．Jsphonをcodereposにアップロードしました。

だが，実際にはPHP5.2.0以降であれば標準でJSON関数が入っているので，Jsphonはインストールしなくても特に不自由しないはず．

実際に，このパッケージを使ってTwitterに投稿するにはこんな感じ．非常に簡単です．

include_once ‘Services/Twitter.php’;
$service =& new Services_Twitter(‘username’, ‘password’);
$service->setUpdate("test");

これを使って，何か面白ものを作れないか，ちょっと考えているところです．

あまりにも不便なので，こんな感じでUSB2シリアルケーブル2本と，クロスのメスーメスシリアルケーブルを使って，簡単な動作確認に使おうかなぁとか思っていました，

で，これができるならパソコンの中に仮想的にCOMポートを作ってやって，それ同士で通信させれば良いんじゃないの？ということで，それっぽいソフトがないか探してみたところ，Null-Modem emulator(com0com)というソフトの存在を知りました．

ところが，実際にインストールして使おうとして，私の愛用の仮想ターミナルエミュレータであるPoderosaから仮想COMポートに接続して送信しようとすると，「送信に失敗しました」と表示されてしまう．puttyなどからだと問題なく接続できるのに，なんでだろう．

Aki-H8などの開発にPoderosaを使っていたときや，KURO-RSなどの，他のシリアル通信を用いるデバイスと通信するときも，このようなエラーは出たことがなかったので，仮想COMに関係する問題なのかなぁとか思ったりもするのですが原因は不明．

一応，調べてみると仮想COMポートと.Netの組み合わせは，いろいろ問題が報告されているっぽいですね．PoderosaもC#で.NetFramework上で動いてるので，そのあたりの問題なのかもしれません．