|
... |
|
Androidのブラウザ（mobile safari 4.0）が他のブラウザと違って思い通りに動かない。
1) canvasの描画でfillStyleに指定した内容が正確に表現できない場合ある（薄くぼやけた感じになってしまう）
fillStyleで透明度も指定してglobalAlphaも設定するとおかしくなるようだ。
2) ページの読込みが完了しない
何故かページの読込みが完了しない。ずっとアドレス表示エリアの下に表示しているプログレスバーが消えない。どうもsocket.io.jsでソケット通信をしているのが原因らしい。
とりあえず、それをやめれば完了するが、それでもしばらく時間がかかる。
Android上でもChromeなら問題なく動く。ブラウザはまだまだ発展途上なのか？それとも使用しているスマホの問題か・・・？
何故か最近Chromeがお昼を過ぎたころに定期的にリセットされてしまう。
Chromeのバージョンは最新（28.0.1500.95）になっているし、Chromeのバージョンアップに伴う再起動でもなさそうだ。
時間記録するといつも13:40ごろである。
イベントビューアーを調べてもその時間にそれらしきイベントは記録されていない（「Application Experience サービスは 実行中 状態に移行しました。」というイベントが丁度その時刻に記録されているが、他の時間でも発生しているので関係ないと考えられる）。
更にタスクスケジューラを調べると「DealPly」と「DealPlyUpdate」いうのが丁度その時間に実行するように登録されているのを発見！
DealPlyとは何か調べるとどうもブラウザのアドオンでポップアップ広告を表示するサービスらしい。
Chromeの拡張機能を調べるといつの間にかインストールされている。
どうもフリーソフトをインストールした時に紛れ込んだらしい。
とりあえずこの拡張機能は削除する。
その後タスクスケジューラを開くとまだ「DealPly」と「DealPlyUpdate」が残っている。
コントロール パネル項目の「プログラムと機能」を開くと「DealPly」が存在している。ただし、インストール日はChromeのリセットの現象に気づいた時よりも随分前である。
とりあえず削除してみる。
しかし、スクスケジューラからは削除されていない。
仕方ないので手動で「無効」に設定してみる。
Chromeの再起動の原因はこれなのか明日確認！
→ 本日（8/8）無事再起動せずに13:40を経過する。
しかし何故DealPlyのせいで再起動するんだろう？ Chrome にとってはかなり迷惑な話だけど、前は発生していなかったからこのバージョンに対して相性が悪いのだろうか。DealPly自体がかなり悪いソフトなのか・・・？
JQueryでtouch系イベント（touchstart、touchmove、touchendなど）をbindする際に以下のように引数を指定した形で定義すると思うが、ここで渡ってくる引数からはマウスの座標等は取得できないらしい（モバイル用があるからそちらを使用しろということかも知れないが）。
ここで取得するには window.event （グローバル変数）から取得する。
JQueryではなくコントロールの addEventListener でイベントハンドラを設定した場合は、その引数から取得可能。
ADT を使用していたが、友人から Android Studio ってのがあると聞いて、試しにインストールしてみた。
インストール後、Android Studio で ADT で作成したプロジェクトをインポートして、デバック等もできるなと確認できたのだが・・・。
ADT に戻ってエミュレータを起動すると、仮想デバイス（AVD）が最後まで立ち上がらない。AVD自体は表示されるが、「ANDROID」のロゴが出たままで一向にデバイスが使える状態にならない。
調べていくと Android Studio と ADT では使用しているSDKが異なってる。そして、AVDを管理していると思われる以下のファイル内の kernel.path や disk.ramdisk.path などでSDK内（ sdk/system-images 配下） のファイルを参照している。
[ユーザ]\.android\avd\xxx.avd\hardware-qemu.ini
その辺の関連付けが Android Studio の方に変更されてしまったのが原因なのかと考えられる。
とりあえず、ADT の設定を Android Studio に合わせてみる （ ADT の設定のAndroidの「SDK ロケーション」を Android Studio で使用しているものと同じにする。その間にモジュールの更新等モロモロ行う）。
結果的にAVDは正常に立ち上がるようにはなったのだが、何故かAVDマネージャーが表示されなくなってしまった（［ウィンドウ］－［Andoroid 仮想デバイス・マネジャー］から表示できない）。何故だろう？
canvasのデータをtoDataURLで取得し、ajaxでサーバに送信する処理を作成したみた。
するとアップロードしたデータが表示できない。
prototype.jpのajaxを使用した場合はアップロードしたデータは正常に表示できる。
調べてみるとJQueryで送信した場合、ajaxに設定したデータに含まれるプラス（’+’）が、半角スペース(' ')に変換されている。
JQuery.ajax の processDataの設定にせいかと思い、falseを設定してみるが変わらない。
ネットで調べるとコンテンツタイプが ’x-www-form-urlencoded’ の場合は、半角スペースをはプラスに変換して送信することになっているらしい（RFC1866 Section-8.2.1）。
しかし何故かJQueryでは逆の変換がされているような・・・？？？
この辺の知識がなくいろいろ調べてみるがよくわからずデバッガで追っていくと、prototype.js の場合、XMLHttpRequestで送信するデータのプラス（'+'）、半角スペース（' '）、スラッシュ（'/'） がそれぞれURLエンコード（？）されて、%2b、%20、%2Fになっている。
JQueryの場合は実際どうなっているのかよくわからないが、sendを実行する時点までにデータが変換されている様子はない（そこまで追い切れないのですが…）。
基本的に外側でそのエンコードをするべきなのかと思ってａｊａｘに設定する前に変換すると正常にデータがアップロードされた。
果たしてこれでいいのだろうか？
現時点でBezitterには以下の機能があります。
Canvas描画ツールで以下のコードを実行すると上記の結果を見ることができる。
context.beginPath(); context.strokeStyle='rgba(255,0,0,1)'; context.shadowColor='rgba(0,0,0,1)'; context.lineWidth=1; context.shadowBlur=3; context.shadowOffsetX=5; context.shadowOffsetY=5; context.moveTo(50,50); context.lineTo(50,100); context.stroke(); context.beginPath(); context.moveTo(100,50); context.lineTo(100,100); context.lineTo(150,100); context.lineTo(150,50); context.closePath(); context.stroke(); context.lineWidth=2; context.beginPath(); context.moveTo(200,50); context.lineTo(200,100); context.lineTo(250,100); context.lineTo(250,50); context.closePath(); context.stroke();
ChromeでimgタグにcanvasからtoDataURLで取得したデータを設定した場合に、表示された画像が保存できない（画像上でマウスの右クリックによるコンテキストメニューで「名前を付けて画像を保存」を選択）。
通常は保存しようとすると「名前を付けて保存」のダイアログが表示されるが、このダイアログが表示されない。以前は保存できていたし、imgタグに普通に画像のURLが設定されている場合は保存できる。
また、FirefoxもIE9も正常に動作する。
バージョンアップでのバグなのだろうか？
Chromeのバージョンは19.0.1084.56。
魚の形をした秒針のHTML5のcanvasで作成した時計。
別Windowでopen 極小(200,200) 小(346,346) 中(480, 480) 大(852, 852)
キー操作により各機能を設定できます。
※ IMEがONになっていると機能しないので注意！