ラベル Flash の投稿を表示しています。 すべての投稿を表示
ラベル Flash の投稿を表示しています。 すべての投稿を表示

2010/06/09

HTML5 Geolocation APIをFlash/Flexから使う - as3geolocation

前回の記事のas3webstorageに続き、Geolocation APIをFlash/Flexから利用できるようなシンプルなユーティリティを作ったので、それをGoogle Code Hostingで公開しました。

as3geolocation
https://github.com/shoito/as3geolocation

サンプルはこちらになります。HTML5 Geolocation APIをサポートしているChromeやFirefoxなどから確認してください。
Geolocation APIのサンプル


作りとしては、as3webstorageと同様にActionScriptのExternalInterfaceクラスを利用して、Geolocation API(JavaScript)をラップしてActionScriptから呼んでる"だけ"です。

※Safari5でGeolocation APIが実装されてるのですが、as3geolocationではExternalInterfaceとの絡みで上手く動いてません...orz
※Geolocation APIはHTML5仕様には含まれてません。

2010/06/03

HTML5 Web Storage APIをFlash/Flexから使う - as3webstorage

以前、Web Storage APIをFlash/Flexから利用できるようなシンプルなユーティリティを作っていたので、それをGoogle Code Hostingで公開しました。

as3webstorage
https://github.com/shoito/as3webstorage/

6/2(水)に開催した「HTML5、おまけにiPadをネタにワイワイガヤガヤ in 福井」でタネ明かししたやつです。
サンプルはこちらになります。ストレージに格納されてるかどうかはChromeブラウザのデベロッパーツールなどから確認してください。
LocalStorageのサンプル
SessionStorageのサンプル



作りとしては、ActionScriptのExternalInterfaceクラスを利用して、Web Storage API(JavaScript)をラップしてActionScriptから呼んでる"だけ"です。
LocalStorageクラスとSessionStorageクラスしかなくて、そんだけ?っていう感じのユーティリティになってます。

先日公開された「Web SQL DatabaseをFlashから使う」という海外のブログ記事を見たのが公開のキッカケになりました。
=> Flash + HTML 5 : Offline Flash Apps using DataStore API


HTML5 vs Flashっていう視点で一部では見られてるけど、Flash/FlexとHTML5の両方に興味があって追っている私としては、別にFlashとHTML5を無理にvsな関係で捉えなくてもイイんじゃないかなと思っています。

HTML5関連API(HTML5仕様ではないJavaScript API群)については、完全にではありませんがFlash(ActionScript)からも利用できますしね。
ちなみに、FlexのHistoryManagerやディープリンキング(パーマリンク)はActionScriptとJavaScriptとが密に連携して実現していますよ。


HTML5関連APIにはWeb Storage API, Geolocation API, Indexed database API, ....と多々あります。
HTML5について詳しくは↓この辺で一緒に学びませんか?
html5-developers-jp
html5-fit

※Web Storage APIはHTML5仕様には含まれてません。

※2010/06/18 追記 - MOONGIFTで紹介していただきました。感謝。
ActionScript3向けのWebストレージライブラリ「as3webstorage」
http://www.moongift.jp/2010/06/as3webstorage/

2010/01/21

YouTube HTML5 Video Playerを試してみた

YouTubeでYouTube HTML5 Video Playerのベータ版が公開されました。
以前からHTML5を使用したデモページが公開されていたのですが、ついにHTML5 ベータ版の登場です。

HTML5ベータ版への切り替え方法は、下記のURLにアクセスし、画面下方にある"HTML5 ベータ版を有効にする" リンクをクリックするだけ。
http://www.youtube.com/html5


あとは、いつものようにYouTubeにアクセスして観たい動画を再生するだけ。
いつもの見た目でプレイヤーだけがこっそりとHTML5のVideoタグを利用したものに切り替わっています。

ロード画面 - 中央に HTML5 であることを表示

再生中

2009/11/17

11/21(Sat) Flex勉強会第87回@北陸(福井)やりますよー

11/21(土)PMに、FxUG(Flex User Group)87回目、北陸では5回目のFlex勉強会を開催します。

本日リリースされたAdobe AIR 2.0βとそれを使ったアプリケーション開発プロジェクト、Progression、Arduino・・・Flex/AIR, Flashをテーマにしています。
参加費は無料ですので、お気軽にご参加ください。
懇親会参加予定者の割合がほぼ100%と今回はちょっと異例w

11/26(木)に東京で開催されるAdobe AIR Day(#AIRDAY)で講演予定の内容もやっちゃいます。
http://www.info-event.jp/adobe/air/

<セッション内容>
「デザイナー視点のFlash制作。Progressionで作る、10分でできる画像スライドショー」 by @shirokuro331
「Flashでフィジカルコンピューティング的な何か」 by @itsuki_kosen
「某リモコン的な何か」 by @rch850
「ユーザーインターフェースの何か」 by @checkela
「Adobe AIR 2.0 - AIR Day miniセッション」 by @keisuke322(Adobe 轟さん), @shoito, @coelacanth, @hikaruworld
「(ショートセッション)」 by @katzchang

目的:北陸をもっともっと盛り上げていこう!
対象者:デベロッパー&デザイナー(Flash, ActionScript, Flex, Java, PHP, Rubyなど)
   Flex/AIR, ActionScirpt初心者
定員:25名程度

日時:11月21日(土) 14:30~
      受付:14:00~
場所:(株)サーフボード 1階会議室
住所:〒910-0842 福井県福井市開発2丁目614
最寄駅:えちぜん鉄道勝山永平寺線「越前開発駅」徒歩5分
地図:http://www.surfboard.jp/profile/map_fukui.asp
懇親会(お店): とり元 千乃夢 http://www.hotpepper.jp/strJ000349150/

参加費:無料
参加方法:ATNDで参加登録お願いします
http://atnd.org/events/1814

2009/09/27

Flex SDK 3.4で遭遇したFocusManagerのバグ

Flex SDK 3.4でビルドするようになってからTabキーでフォーカスを移動した際に、以下のようなエラーが出る事はありませんか?
Flash Playerのデバッグ版でしか表示されないエラーなので、気付いていないかもしれません。
私はTabキーでフォーカスを移動し、画面上のコンポーネントを一周し、defaultButtonに指定したコンポーネントにフォーカスが合わさろうとした際に、このエラーに遭遇しました。
TypeError: Error #1009: null のオブジェクト参照のプロパティまたはメソッドにアクセスすることはできません。 at mx.managers::FocusManager/focusInHandler()[C:\autobuild\galaga\frameworks\projects\framework\src\mx\managers\FocusManager.as:601] at flash.display::Stage/set focus() at mx.core::UITextField/setFocus()[C:\autobuild\galaga\frameworks\projects\framework\src\mx\core\UITextField.as:1525] at mx.controls::TextInput/setFocus()[C:\autobuild\galaga\frameworks\projects\framework\src\mx\controls\TextInput.as:1832] at mx.managers::FocusManager/setFocus()[C:\autobuild\galaga\frameworks\projects\framework\src\mx\managers\FocusManager.as:553] at mx.managers::FocusManager/setFocusToComponent()[C:\autobuild\galaga\frameworks\projects\framework\src\mx\managers\FocusManager.as:1293] at mx.managers::FocusManager/setFocusToNextObject()[C:\autobuild\galaga\frameworks\projects\framework\src\mx\managers\FocusManager.as:1263] at mx.managers::FocusManager/keyFocusChangeHandler()[C:\autobuild\galaga\frameworks\projects\framework\src\mx\managers\FocusManager.as:1758]
どうやらこれはFlex SDK 3.4のバグで、3.5ではFixされているようです。
バグレポートはこちらにあります(タイトルにはLiveCycleとありますがLiveCycle限定というわけではありません)。
[#SDK-21780] FocusManager RTE in defaultButton scenario. was: Navigating around LiveCycle Workspace results in an ActionScript null pointer error
https://bugs.adobe.com/jira/browse/SDK-21780

バグレポートに合った再現プログラムをシンプルにしたものがこちら。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
    <mx:VBox id="boo" defaultButton="{goo}" >
        <mx:Button id="goo" />
        <mx:Button id="foo" />
    </mx:VBox>
    <mx:VBox id="bee" >
        <mx:Button />
        <mx:Button />
    </mx:VBox>
    <mx:TextInput />
</mx:Application>

バグ回避コードがこちら。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" defaultButton="{goo}" >
    <mx:VBox id="boo">
        <mx:Button id="goo" />
        <mx:Button id="foo" />
    </mx:VBox>
    <mx:VBox id="bee" >
        <mx:Button />
        <mx:Button />
    </mx:VBox>
    <mx:TextInput />
</mx:Application>
defaultButtonの指定位置が変わったことにお気付きでしょうか?
Flex SDK 3.5がリリースされるまでは、このようにして問題を回避できるようですよ。
私の環境ではこの手段で回避できました。
類似の現象に遭遇した方、ご確認ください。

2009/08/29

Flash Player 10.0.30.18のインストールがスムーズに(Chrome限定)

Flash Player 10.0.30.18をWindows Vista + Google Chrome環境にインストールした際に、何か違和感があったのですが、その時にはそれが何なのか気付いていませんでした。

下記の件について調べるために、Flash Player 10 リリースノートを見ていて、違和感がなんだったのかわかりました。

FlexのテキストコントロールにIMEでインライン入力不可 〜経過2〜
http://blog.air-life.net/2009/08/flash-player-10-ime.html

Flash Player 10 Release Notes
http://www.adobe.com/support/documentation/en/flashplayer/10/Flash_Player_10_Release_Notes.pdf

リリースノートの9/14ページに修正点の1つとして記載されているのですが、Google Chromeでは、Flash Playerのインストール時にブラウザのプロセスを終了させておく必要がなくなったのです。
小さいけど、ステキな改善!インストールがこれでさらに楽になりましたね。
こういった小さな改善をコツコツと続けてもらえると応援を続けたくなります。
Google Chrome で、ブラウザーを閉じることなくプラグインをインストールできるように、プラグインインスト ーラーを拡張します。(2310185)
Fixと言えば、wmode="transparent"を指定した際に日本語入力ができなくなってしまう下記の問題解決を強く強く望んでいます。

Cannot type non-English/foreign characters in Flex app when wmode set to 'opaque' or 'transparent'
http://bugs.adobe.com/jira/browse/FP-1877

2009/08/28

FlexのテキストコントロールにIMEでインライン入力不可 〜経過2〜

Windows Vista, XP + Flash Player 10環境で、FlexのTextInput, TextArea, ComboBox(editable), RichTextEditorコントロールにIMEによる日本語入力でインライン入力ができない現象に遭遇していたんだけれど、Flash Player 10.0.30.18で一部Fixされていました。
Flexではなく、Flash Playerの問題だったらしくJIRAで経過をチェックできず、気付くのが遅れました。

なお、この問題の再現方法としては2つありまして、修正されていることに気がついたのは下記のケース2に関してです。
ケース1はまだFixされていないようですので、チェックを継続していきます。

ケース1
テキストコントロール、またはその親コンテナのプロパティalphaに1未満の値、例えば0.99を設定し、Flash Player 10以降をターゲットとしてビルドした場合。

ケース2
テキストコントロールのプロパティwidthに親コンテナより大きな値を設定し、Flash Player 10以降をターゲットとしてビルドした場合。

FlexのテキストコントロールにIMEでインライン入力不可
http://blog.air-life.net/2008/12/ime.html

FlexのテキストコントロールにIMEでインライン入力不可 〜その2〜
http://blog.air-life.net/2008/12/flexime-2.html

FlexのテキストコントロールにIMEでインライン入力不可 〜経過1〜
http://blog.air-life.net/2009/01/flexime-1.html

2009/07/09

Wonderflっぽい? Flash MiniBuilder - Online AS3 IDE

Web上でActionScriptを書いてビルド、実行ができるオープンソースのツールみっけ。
実行するためには、Flash Player 10とJavaが必要です。

バイナリをこちらに配置してみました。
http://f.air-life.net/apps/FlashMiniBuilder/

Flash MiniBuilder: Online AS3 IDE - Part I
http://www.victordramba.com/?p=31

こちらのページ最下部でバイナリ(MiniBuilder-web-0.0.1.rar)を配布中です。
Flash MiniBuilder: Online AS3 IDE - Part II - Install it!
http://www.victordramba.com/?p=33

個人用のWonderflみたいな感じ?

2009/06/01

Adobe Flash Catalyst/Builder 4(Gumbo) betaリリース

ついにAdobe Flash CatalystとAdobe Flash Builder 4(Gumbo)のβ版がリリースされましたね。
RSSリーダーをチェックするとFlash界隈はこのリリース情報だらけです。
これで+1。

Adobe Flash Catalyst
http://labs.adobe.com/technologies/flashcatalyst/

Adobe Flash Builder 4
http://labs.adobe.com/technologies/flashbuilder4/

Adobe Flash Builder 4を少し使ってみましたが、ネットワークモニタやFlexUnit連携の機能が加わっているようですね。
今までFluintを使っていたけど、FlexUnitがAdobe Flash Builder 4との連携機能強化されているのであれば、これを機会に乗り換えようかな。

リファクタリング機能に追加がないのがとても残念です。
EclipseのJDTに比べるとリファクタリング機能が少なすぎるんですよね。

それと、今までFlex User Group(FxUG)はFlex3勉強会を開催してきましたが、これからはFlex4勉強会に改められるようです。

sato-shiさん談
http://d.hatena.ne.jp/sato-shi/20090601

確かにFlex4勉強会になってます。北陸はFlex3で告知出しちゃった。ちょっと早まったか・・・。
http://www.fxug.net/

最後に、どうでもイイかもしれないけど、Windows環境でプロセスをチェックしてみたところjavaw.exeじゃなくて、Gumbo.exeで動いてました。

ドキュメントもどんどん公開されてるみたいですね。
Documentation for the Flex 4 and Flash Builder 4 Beta Releases
http://blogs.adobe.com/flexdoc/2009/06/documentation_for_the_flex_4_a.html

2009/04/13

RIAプラグイン普及率

Rich Internet Application StatisticsというWebアプリの紹介です。
http://www.riastats.com/

これを使うとAdobe Flash Player(Flex)、Microsoft Silverlight、Sun Java(JavaFX)の普及率をブラウザ、 OS、 国別に調べることができます。
下のスクリーンショットは絞り込みをせずに全てのブラウザ、OS、国を含む割合を表示したものです。

全体では、Flash Playerが95%超と圧倒的ですね。Linuxに関しても90%弱です。
一方、Silverlightも伸びてきていて25%程度に達しています。
しかし、Linuxに関しては2%弱とMicrosoft製だからか弱いところですね。

サイトへ組み込めるパーツも提供しているので、興味のある方は「RIAStats for your site, free!」をクリックしてください。

2009/02/27

「文字化け」は「mojibake」

先日、AIR 1.5.1とFlash Player 10.0.22.87がリリースされたので、リリースノートでどんなバグFixされてるのかなーと確認していたら、「mojibake」という表記を多々発見。

http://www.adobe.com/support/documentation/en/flashplayer/10/Flash_Player_10_Release_Notes.pdf

ページ53/176
The following issues have been fixed in Flash Player 10.0.22.87:
• Flash Player 10 crashes in IE7 due to the use of a dynamic TextField as a mask on another display object when the field set to anti-alias for readability. (FP-1238/2256938)
• A sound stream error #2032 will cause the playback of a separate stream to stop playback. (FP-910/2251944)
• Japanese text mojibake (garbled) at Input Text in Flash 5 swf. (2223727)
......
おぉー、日本語の「文字化け」って、英語でも「mojibake」って表現するんですね。
「garbled」が括弧に書かれてるってことは主に使われるのは「mojibake」なんかな。

「mojibake」は世界共通語か。

2008/12/17

FlexのテキストコントロールにIMEでインライン入力不可 〜その2〜

前回、FlexのTextInput, TextArea, ComboBox(editable), RichTextEditorコントロールにIMEによる日本語入力でインライン入力ができない現象について書いたが、再度、別な条件でも同じ現象に遭遇したので書いておく。

FlexのテキストコントロールにIMEでインライン入力不可
http://blog.air-life.net/2008/12/ime.html

再現手順:
1. TextInputを作成する。
2. TextInputのプロパティをwidthにparentより大きい値を設定する。
3. コンパイルオプションに"-target-player=10.0.0"を付けてコンパイルする。
4. Windows環境のFlash Player 10.0.12上で実行し、TextInputに対して日本語入力モードに切り替えて入力する。

再現プログラム:
http://f.air-life.net/samples/flex/OverParentWidth/

再現用コード:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="300" layout="vertical">
<mx:TextInput width="500"/>
</mx:Application>
今回のケースの再現する条件としては、テキストコントロールのプロパティwidthに親コンテナより大きな値を設定し、Flash Player 10以降をターゲットとしてビルドすることのようだ。

前回のバグ報告を更新して1つにまとめておいたので、気が向いたら修正してもらえるようvoting(投票)をお願いします。
ログイン後の画面左にメニューがあります。
Inline input not supported in Flex text components when compiling for Flash Player 10
http://bugs.adobe.com/jira/browse/SDK-18444

2008/12/16

FlexのテキストコントロールにIMEでインライン入力不可

FlexのTextInput, TextArea, ComboBox(editable), RichTextEditorコントロールにIMEによる日本語入力でインライン入力ができない現象に遭遇した。
Mac OSXでは以前からできないのだけど、今回はWindows Vista, XP + Flash Player 10(Astro)環境で発生。

再現手順:
1. TextInputを作成する。
2. TextInputのプロパティをalphaに1未満の値を設定する。
3. コンパイルオプションに"-target-player=10.0.0"を付けてコンパイルする。
4. Windows環境のFlash Player 10.0.12上で実行し、TextInputに対して日本語入力モードに切り替えて入力する。

再現プログラム:
http://f.air-life.net/samples/flex/AlphaIMETest/

再現用コード:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:TextInput/>
<mx:TextInput alpha="0.99"/>
<mx:VBox alpha="0.99">
<mx:TextInput/>
</mx:VBox>
</mx:Application>

再現する条件としては、テキストコントロール、またはその親コンテナのプロパティalphaに1未満の値、例えば0.99を設定し、Flash Player 10以降をターゲットとしてビルドすることのようだ。

Flash Playerのバージョンは、Flex Builder上ではプロジェクトのプロパティ - Flexコンパイラ - HTMLラッパー から設定する。
なお、Flash Playerのバージョンに10以降を指定するにはFlex SDK 3.2以降が必要になる。

Adobeのバグデータベースを探したけど該当の報告はまだないようなので挙げておいた。
(もし既知バグだったらごめんなさい)

Inline input not supported in Flex text components when compiling for Flash Player 10
http://bugs.adobe.com/jira/browse/SDK-18444

バグデータベースを探していたところ似たような現象がDataGridでも発生するようで報告が挙がっていた。
(再現手順など似ていたので一部コピ)

DataGrid:内部データ編集で確定前の日本語入力が画面左上に表示される
DataGrid:When the internal data is being edited, input text in Japanese is shown in the top-left screen, if it's before being confirmed.
http://bugs.adobe.com/jira/browse/SDK-18317

このバグは入力確定すれば、しっかりとテキストコントロールに入力されるから致命的ではないのだろうけど痛い・・・。

2008/11/20

InfoQのRIAフレームワーク調査記事

沢山登場しているFlex/ActionScriptフレームワークの中から、「どのフレームワークが好きか?」という調査なのだが、結果としてはMate, Cairngorm, PureMVC, Swizなどが挙げられている。
調査結果は1位PureMVC, 2位Cairngorm, 3位Mateとなっている。

RIAフレームワーク:調査によると…
http://www.infoq.com/jp/news/2008/11/ria-frameworks-survey

この記事の中でCairngormについて下記のように書かれていた。同意!
例えば、なぜフロント・コントローラでハンドリングされるイベントを生成して、それをコマンドに伝えないといけないのでしょう?どうしてコマンドを直接実行してはいけないのでしょう?

個人的には1位Mate, 2位Cairngorm, 3位しらん、という感じ。
EasyMVCとかSwizは見たけど触ったことはないもので。

記事の最後にこんな提案が。
私の拙い意見としては、もし有能で規律正しい開発者がいるのなら、よい規約があれば十分でしょう。

RIAフレームワーク全否定か・・・。

FlexとFlashがダントツで1位

ITProが11月上旬に行ったWebアンケートによると「RIA開発に使ったことがある技術」でFlexとFlashがダントツで1位らしい。

Adobe AIRとSilverlightは今後に期待
http://itpro.nikkeibp.co.jp/article/Research/20081119/319489/?ST=research&P=2

ひっそりCurlやBiz/Browserも使われてるみたい。

2008/11/19

Android携帯はドコモが先っぽい?

ドコモが「グーグル携帯」 無償ソフト採用、低価格で09年発売
http://www.nikkei.co.jp/news/main/20081119AT1D140B418112008.html

2009年のいつ?
auでスマートフォンに期待するのはもうダメかな・・・。

そいえば、AndroidでのFlash対応がAdobe MAX 2008で正式に発表されたらしい。
http://japan.cnet.com/mobile/story/0,3800078151,20383831,00.htm