うぃじぇっとのつぼ tag:boxyz.com,2008-10-23:/blog/widget/2 2009-06-29T05:50:01Z Widgetの開発日記 Movable Type 4.1 FLASHのDateクラス tag:boxyz.com,2009:/blog/widget//2.19 2009-06-29T05:27:08Z 2009-06-29T05:50:01Z SHARP系端末(931SH、932SHなど)でFLASH上でDateクラスを利... ブログ管理者 現在時刻を

var d:Date = new Date();

のように取得する分には問題ないのですが、日付指定で例えば

var d:Date = new Date(2008, 1, 10);

と入力すると、実際の値は一ヶ月ほど未来に進んでしまっているようです。(どの日付指定がおかしくなるのかは特定できませんが...)
これはDataクラスのsetYearなどのメソッドを使っても同じ現象が起こります。
ただし、setTimeは例外のようで、ここで通常の使用どおり引数にミリ秒を指定すると正しいDateインスタンスが生成されます。ミリ秒は1970年1月1日からの経過ミリ秒ですが、もちろんこのミリ秒を求めるために

var d1:Date = new Date(2008, 1, 10);
var d2:Date = new Date();
d2.setTime(d1.getTime());

とやってしまっては意味がないので経過ミリ秒を自力で計算する必要があります。
計算はちょっとめんどくさそうですが、閏年に気をつければそれほど難しくはないでしょう。
ちなみに閏年の判定は以下の通り

function isUruudoshi(year:Number):Boolean
{
    return year % 4 == 0 && (year % 100 != 0 || year % 400 == 0);
}
]]> ありえない･･･なんてことがある tag:boxyz.com,2009:/blog/widget//2.17 2009-02-17T02:21:29Z 2009-02-17T02:42:50Z 事象としてありえない現象（バグ関連）が起こった時 大概は自分の凡ミスである。 そ... ブログ管理者 事象としてありえない現象（バグ関連）が起こった時

大概は自分の凡ミスである。

そう教えてくれたのはとある技術者とウィジェットでした･･･

 

とはいえ凡ミスでないときは根が深いので油断は禁物ですね。

 

]]> FLASH上でのアニメーションのパフォーマンス tag:boxyz.com,2009:/blog/widget//2.16 2009-02-05T09:53:26Z 2009-02-05T09:58:47Z FLASH上でアニメーションをさせるときは「アニメーション対象のMCはなるべく小... ブログ管理者
「アニメーション対象のMCはなるべく小さく」

がいいです。
特に931SHのような高解像度の端末ではアニメーションのパフォーマンスが極端に違ってきます。

「画面全体をスライドさせる」とかやらないほうが吉ですね。

]]> swgtファイルの中身のconfig.xmlにご注意 tag:boxyz.com,2009:/blog/widget//2.15 2009-02-05T09:49:09Z 2009-02-05T09:59:23Z swgtファイルも拡張子をzipにして一般的な解凍ソフトで中身を取り出すことが出... ブログ管理者 その中身のconfig.xmlは署名した際に微妙に書き換えられているので注意が必要です。

具体的には<secureid>というタグが追加されてます。

これに気付かずに中身をwgtにまとめて再び署名したりするとsecureidが被って多分おかしくなります。

swgtをインストールするときに「コンテンツに問題があり・・」と表示された場合は確認してみてください。
]]> 縮小時のお手軽なデバッグ方法 tag:boxyz.com,2009:/blog/widget//2.14 2009-02-05T09:42:44Z 2009-02-05T09:59:51Z JavaScriptで実装中、エラーが起こってもエミュレータは何も通知してくれな... ブログ管理者 どこで不具合が起きているかを自分で突き止めなくてはいけません。

そんなときにお手軽なデバッグ方法としてwidget.openURL()を使う方法があります。
こいつは本来はブラウザを立ち上げる際のURLを指定するものなのですが、
エミュレータ上で実行するとポップアップが出てきてその飛び先URLを
表示してくれるのでそいつを利用してしまいます。

使い方は単純に引数にデバッグ用の文字列を入れるだけです。

JavaScriptのalert()的な感覚で使うことが出来ます。
]]> エミュレータでGPS機能を有効にする tag:boxyz.com,2009:/blog/widget//2.13 2009-01-15T13:54:45Z 2009-01-15T14:02:50Z エミュレータのプロジェクト設定(プロジェクトタブ)でTrusted: Third... ブログ管理者 エミュレータのプロジェクト設定(プロジェクトタブ)でTrusted: Third PartyをONにします。GPSに限らず署名が必要な機能はこれで働きます。

これをやらずにwidget.location.update()とかやっても反応はないです。
そのわりにTrusted: Third Party ONの設定は保存できるわけではないので
たまに原因がわからず混乱します・・・
]]> 同一Widgetコンテンツの判断基準 tag:boxyz.com,2009:/blog/widget//2.12 2009-01-09T02:21:17Z 2009-01-09T02:43:58Z バージョンアップの際、同一のWidgetコンテンツは上書きされます。 この「同一... ブログ管理者 バージョンアップの際、同一のWidgetコンテンツは上書きされます。
この「同一のWidgetコンテンツかどうか」についてですが、
以下が全て一致する場合に同一であると判断されます。

■id 属性値
■author要素
■署名情報

なので、author要素を書き換えたりすると、id属性値が一致していても
バージョンアップの際に上書きされないので注意。

]]> 手軽に携帯を圏外にする方法 tag:boxyz.com,2009:/blog/widget//2.11 2009-01-08T11:39:27Z 2009-01-08T12:02:20Z ウィジェットを開発する上で、「携帯が圏外になったときの動作」を確認したいことがあ... ブログ管理者
端末には「電波OFFモード」もあるのですが、やはり実際に圏外だったときの動作はチェックしておきたいところです。

とはいえ圏外の場所というのはそうそう開発現場の身近にあるとは限りません。

いろいろと手段を模索しましたが、
とりあえずお手軽・経済的な方法で実現できたので、その方法を紹介したいと思います。

キーワードは「アルミホイル」です。

■作り方
　端末が少しゆったり格納できる程度のちょうどいい「箱」を見つける
　
　その箱の上部を空けておき、アルミホイルで外側を何重かでグルグル巻きにする。
　
　アルミホイルの巻き方を工夫して上部から端末を投入できるようにしておく

■使い方
　・圏外になるか確認
　　　箱に入れて上部を閉じた状態でその端末に電話をかけてみる

　・通信開始直後に圏外になる状況を作り出す
　　　ウィジェットを操作して通信処理開始する
　　　↑の操作の直後に箱に入れてアルミホイル上部を閉じる

■作成例
090108_185229.jpg
090108_191235.jpg
　　上部の開閉部が破れやすいし、圏外のままでいろんな動作を確認することはできないけれど、
　　とりあえずお手軽に実現する方法としてどうでしょうか。
　　
　　中の箱は四角ではなく丸みを帯びていたほうが痛みづらいかも。
]]> ホワイトアウト！？ tag:boxyz.com,2008:/blog/widget//2.10 2008-12-29T11:59:33Z 2008-12-29T12:23:11Z Widgetを実機やエミュレータに読み込むと時に画面が真っ白という状態になったこ... ブログ管理者 Widgetを実機やエミュレータに読み込むと時に画面が真っ白という状態になったことはないでしょうか？

メモリ的な負荷よりも処理可能なレベルを超えていると発生することが多いようです。

パスを走査線のように無数に並べるなどすると処理限界に達するのかホワイトアウトしてしまいます。

また、Widgetで表現不可能？な処理を行っても発生するようです。

半透明のシェイプをシェイプトゥイーンするなどしても使用量に関わらず発生してしまいます。

 

まだまだ、使える表現使えない表現の検証が必要な段階ということでしょうか。

 

]]> 特殊文字について tag:boxyz.com,2008:/blog/widget//2.9 2008-12-26T15:28:07Z 2008-12-26T16:05:33Z ブログ管理者 外部XMLからFlashにテキストを読み込んで表示させるとき、

「&」や「'」等の特殊文字が上手く表示されずに悩みました。

特殊文字の場合、例えば「&amp;」と表記することで画面では「&」と表示されるはずが、

「&amp;」のまま表示されてしまうのです。

これ、Flash内でのXML読み込み方法に問題があったようです。

 

【特殊文字NG】　～.firstChild;

「A&amp;B」と表記⇒「A&amp;B」と表示

 

【特殊文字OK】　～.firstChild.nodeValue;

「A&amp;B」と表記⇒「A&B」と表示

 

「nodeValue」はノードの値という意味です（そのまんまですが）。

これを付けるだけで特殊文字が上手く表示されるようになりました。

]]> 最大表示時(FLASH)での文字入力 tag:boxyz.com,2008:/blog/widget//2.8 2008-12-25T02:12:02Z 2008-12-25T02:23:37Z ウィジェット上でのFLASHでは文字入力が行えないようです。Textinputな... ブログ管理者
Textinputなどをステージ上に配置してクリックをしても何も反応がありません。
今後改善される内容かもしれませんが現状では注意が必要です。

そのため最大時で文字を入力させる必要がある場合は原則HTMLで実装する必要があります。
もしくは電卓のようなコンテンツであれば数字のソフトキーのようなものをFLASH上で実装するのもありかと思います。

このあたりはコンテンツの作り方に大きく影響するので
ぜひ文字入力出来るようになって欲しいところですね。
]]> 透過画像とクリックイベントの関係 tag:boxyz.com,2008:/blog/widget//2.7 2008-11-04T07:33:22Z 2008-11-04T07:44:25Z シートに貼り付けたウィジェットは透過画像や、結果的に透過になっている箇所のクリッ... ブログ管理者 結果的に透過になっている箇所のクリックが検知できないようになっているようです。

推測するに、透明部分の検知を許してしまうと
同一シートに複数のウィジェットが存在してる場合、
たとえばAのウィジェットの透明部分がBのウィジェットに被ってたときに、
ユーザから見るとBを押してるはずなのにAが動いてしまうことになってしまうので、
意図的に透明部分の検知をカットしてるのだと思います。
document.onclickや、document.mousedownも反応しません。

なのでクリックして何らかの処理をするときは何かしら透明でない状態のものをクリックさせる必要があるみたいです。
]]> 起動直後にエラーが発生して落ちる tag:boxyz.com,2008:/blog/widget//2.6 2008-10-30T06:04:14Z 2008-10-30T06:19:33Z wgtに必要なファイルはちゃんと含まれていないと起動できないようです。必要なファ... ブログ管理者  
 <iframe id="main_iframe" src="dummy.html" width="480px" height="854px" frameborder="0"></iframe>

 とかやっててdummy.htmlが入ってないとか。

他にもwgtファイルの直下にindex.htmlが存在しない場合(間にひとつディレクトリが入ってるとか)もうまく起動しないようです。
]]> wgtファイルのダウンロード tag:boxyz.com,2008:/blog/widget//2.5 2008-10-23T07:20:41Z 2008-10-30T06:03:54Z ウィジェットファイルをWEBサーバから配信する場合、Content-Typeの... ブログ管理者 ウィジェットファイルをWEBサーバから配信する場合、Content-Typeの設定に注意する必要があります。

移動機はダウンロードしたファイルのContent-Typeが"application/widget"でないとウィジェットファイルとして認識してくれません。

Apacheなら.htaccessなどに以下の設定を追加します。

 
 AddType application/widget .wgt
これでwgt形式のファイルが"application/widget"として
]]>