今日から弁当生活はじめました。hidakaです。

AIRでローカルにデータ保存をする場合、テキストファイルですまない時はSQLiteを
使いますが、そこはFlasherなのでSQL文かくの久しぶりだったりします。
一応レスポンスで確認はするのですが、ＤＢの構造をGUIで見ないと安心できないので
なにかないかと調べてました。
apache入れたりしてPHPを使うツールは除外です。お手軽なもので。
ちなみにDBファイルは指定できますが通常はwindowsだとC:\Users\ユーザー名\AppData\
Roaming内にcom.kayac.****/Local Store/*****.dbあたりにあります。

昨年の春より Web Designing にて書き始め、あれよあれよという間に連載が一年続いた Hello AIR World KAYAC。ちょいちょい宣伝や書いていることを書かせていただいたのですが、ついに発売になりました！

連載当時の内容に親の仇とばかりに追加原稿を大量投入。ゲイナーヘルメットなど単純につくって面白い！見たことない！というものからビジネスの現場で活躍しまくっている硬派なアプリまで、AIR というプラットホームの可能性を知らしめるための突撃インタビューも多数収録しています。

うれしいですー

たのしいですー

感動ですー！

全ページ漫画にしましょう！作家は吾妻ひでおで！なんて無理難題を毎回のように言ってすいません＞＜ (編集の I 様)

そんな感じなのですが、「これから AIR でもやってみっか！」という方から「お年玉で買ったパソコンでクリエイティブなことやりたいんだけど。。」という方から「AIR アプリの提案書をあと２時間以内に書かないといけないのですが」という方、「無人島に 3 冊だけ本をもっていくことができる。六法全書と聖書。あと何もっていくかな？」という方までとにかく誰でも幅広くしかしぎゅっと濃い内容をお届けできるかと思っております。

ぜひ手に取ってみてくださいませ！

(ご協力いただいた皆様本当にありがとうございました)

ActionScriptをやっている人なら一度はお世話になっているであろうTweenerクラスライブラリ。

その製作者の一人であるZeh Fernando氏が、自身のアカデミックプロジェクトとして製作している「Fnk（フィンク）」というAIRアプリがすごいです。

一体なにがすごいアプリかというと、画面上に四角いオブジェクトを生成して、それらをパッチコードでつなげることで視覚的なプログラミングができるという、Max/MSP/JitterをFlashで再現したようなソフトです。とりあえず難しいことは抜きにして、こちらをご覧下さい。

Fnk (build 3631) - Video camera processing from zeh fernando on Vimeo

このFnkというAIRアプリ、またタイトルにあるMax/MSP/Jitterとは一体何なのか？　解説していきます。

AIRってなんでトレース出ないの。。。

そう、組み始めるまで忘れてるんですよね。
まさか、

function log(mes:String){ debug_txt.text+=mes+"\n"+"----"+"\n"; }
log("hogehoge") //output hogehoge

いや、、無いなー・・・・という時に。

3分でもろもろセットアップ。はい、いきます。

今、巷で話題のAIRエアギター
単なる駄洒落ガジェットですが、
色んなところで取り上げていただいてうれしい限りです。


画像を使ったアニメーションは得意としているところなんですが、
髪の長いモデルは初めてで、髪の表現で苦労しました。

画像だと切り抜いたときにどうしても縁が汚くなってしまうので、
髪の毛のような細かい表現が求められる部分は、マスクを使ってパスで描いています。

画像の髪の色の上にマスクをかけると不自然になったので、
髪の先端の色を一色に塗りつぶし自然に見えるようにしています。
髪だけでなく腕のパーツなどもマスクをかけました。


余談ですが実はこのガジェット KAYACの旅する支社で
フィレンツェに行っている時に制作したもので、
メイド・イン・イタリーだったりするんです。

ブログパーツ版もあります。

製作の仕事をしていると、やっぱりいいソフトがあった方が幸せになれますよね。
僕も用途に合わせたソフトをいくつも入れていますが、最近AIR製のアプリも何気にあるんだなーっと思ったのでご紹介。

SWFObject 2.0 generator v1.1 AIR

ご存知SWFObejectのジェネレータです。
とりあえずプレビューっていう時にとても重宝します。

http://www.swffix.org/devblog/

で公開されているjavascript版（？）をAIRにかためただけって感じですが、ローカルなのでオフラインでも安心です。
downloadはコチラ↓

http://code.google.com/p/swfobject/downloads/list

 

ThunderBoltAS3Console

Satoの記事が詳しいですが、期待大のデバッガー。

AIRアプリケーションを作成しようと、いつものように検索エンジンで情報収集をし始めたんですが、AIRに関する情報を集める場合に注意しなければいけないことに気がつきました。

FlashでAIRを組んだことのある方なら心当たりがありそうな気がする、アレについてです。

Web Designing の今月号(2008/07)の AIR WORLD by KAYAC にてFileクラスやFileStreamクラス周りについて書かせていただきました。

こんな感じのサムネイル作成専用AIRサンプルがソース付でついています。
シンプルなAIRでのファイル加工の手順を書いていますので、これを見て便利なAIRを作った！って方がいらっしゃると嬉しいです。
他にも"ごはんとFLASH"の記事も載せていただいているようで、うちの主催者も嬉しそうでした。

ぜひぜひ読んでみてくださいませ（笑

adobe AIRというアプリケーション実行環境が開発されたのはもはや有名ですよね。

スクリプトよりアニメーション派な自分は様々なユーザーが自由にデザインしアプリケーションを開発出来るというのがすごく魅力的で、今後のAIRの可能性に期待すると同時にこれからどんどん挑戦していきたいと思っています。

今日はそんなadobe AIRを少しでも知っていただくため、皆さんもなじみの深い簡単なゴミ箱を作ってみました。

ただ単にゴミ箱を作るのでは面白くないのでちょっとしたアニメーションを加えてみました。

このゴミ箱その名も「カバ箱」。

この「カバ箱」という名前は弊社のデザイナー陣に名前を命名してもらったんですが、その由来はまずゴミ箱のキャラクターが”カバ”そして制作した自分の名前が”kawabata”たから「カバ箱」というなんとも単純な発想で生まれた名前なんです。。でもとても気に入ってます！！

 

AIRを開発するうえで結構使用すると思われるので今回はドラック＆ドロップのソースコードを載せます。

AIRのFileクラスはASだけやってる人にはちょっとなじみがなくて、小さなところでハマるなーと思ったのでメモを残していくことにします。

チャオ！
弊社のkijima、hidaka、doke、murai、shimadaはいま旅する支社でイタリアへ行っています！
きっと彼らはイタリアからも更新してくれると思うので、ここlevel0にもイタリアの風が吹き込む事でしょう。
僕はというと今年は日本滞在組。
生ハムメロンを横目で見つつ、毎日パスタを食べて気分はイタリアでお届けします！！

さて、最近ちょこちょことAIRアプリの開発や、デスクトップガジェットの制作のお仕事も入ってくるようになりました。
AIRアプリのデザインをする上で、今までのブラウザ内で行っていた考え方とはまた違う考えかた、見せ方をトライできるようになりました。

アプリ本体のデザインはもちろん、アプリの枠、終了ボタン、アプリアイコンなどもデザインできるようになりましたが、ウェブデザインとはちょっと勝手がちがい試行錯誤。
実際にデザインして、アプリにして、使ってみると使いにくかったりすることもしばしば。。。
ブラウザを始めいろいろなアプリケーションはその辺りもしっかりケアされていたり、フレームワークもしっかりでき上がっていたり、アプリ開発の大変さがちょっぴりわかったような気分です。

まだまだAIRはこれからの技術で、デザイナー、コーダーなどのリテラシーもまだまだ発展途上。
トライアンドエラーを繰り返して、いいプラットフォームになる用切磋琢磨していきたいですね。

遅くなりましたが「FlashDevelop 使ってますか？」調査の結果出ました！ざっとこんな結果になりました。

使ってます！… 87 人

いずれ使いたい！… 69 人

興味ないです。… 19 人

今はじめて知りました。… 44 人

計 … 219 人

なんと 219 人もの方にご参加いただき本当にありがとうございました！それにしても 2.5 人に 1 人が使っているということになりますね。そしていずれ使いたい人を合わせると 70% 以上の人が FlashDevelop ユーザ＆予備軍ということになります。基本的に mac では使えないのですが、も、も、ものすごい普及率です！！記事を書く上で level0 を見に来てくれる方はどんな方たちが多いのだろうか？と良く疑問に思うのですが、大変参考になりました。またこういった形でアンケートをとらせていただくかと思いますが、そのときはまたどうぞよろしくお願いいたします。

ついでに FlashDevelop 関係の極小 Tips を一つ。FlashDevelop で Flash IDE Project を開発している際に、急遽 AIR でも開発したくなった際「AIR ライブラリのコードヒントも出したいなぁ」というときなのですが (最初から AIR Projector でやれば良いという説もありますが)、Project → Properties → Compiler Options → SWC Include Libraries に "C:\Program Files\Adobe\Adobe Flash CS3\ja\Configuration\ActionScript 3.0 AIR 1.0\Classes\playerglobal.swc" (通常の位置に CS3 をインストールしている場合) とパスを通してやれば OK 牧場です。

以前にタスクトレイにアイコンを入れて常駐させる記事を書きましたが、
ここで右クリックメニューを追加してみます。

var trayicon:SystemTrayIcon;
var traymenu:NativeMenu;
trayicon = (NativeApplication.nativeApplication.icon as SystemTrayIcon);
var traymenu = new NativeMenu();
trayicon.menu = traymenu;
var exitmenu:NativeMenuItem = new NativeMenuItem("終了");
exitmenu.addEventListener(Event.SELECT, function(){NativeApplication.nativeApplication.exit();});
traymenu.addItem(exitmenu);
trayicon.addEventListener(MouseEvent.MOUSE_DOWN, closewin);

こんな感じ。右クリックすると終了のメニューが出てきます。
選択する時のイベントはEvent.SELECTになります。

前回はテキストファイルの読み書きをやったので、今回はDBを使ったデータ保存と
読み込みについてやります。サンプルは今回も自動保存メモ帳です。

AIRではローカルPC上のファイルを読み書きができるので、簡単なデータの保存などに便利です。

常駐系のメモパッドを作ろうとしてたらタスクトレイにアイコン出す方法は
すぐに見つかったんですがタスクバーから消す方法がFLEXでのサンプルしか
見当たらなかったので、いろいろやってみました。
今回はwindowsのみターゲットです。

最近、続けて Web Designing に Hello Air World という AIR の記事を書かせていただいていたのですが、今月号より AIR WORLD by KAYAC と連載タイトルを変えて新規に連載を開始させていただきました！

AIR も正式リリースされたことですし、「これから AIR をやってみよう」と思う方達にも「AIR 面白そう！」と思っていただけるよう、基本的なことから書かせていただく予定です。

新連載を祝ってさっそく AIR 意識調査をさせていただきたいと思うのですが、ぜひアンケート ↓ にご協力くださいませ！ (結果は連載に使わせていただきたいと思います)

-アンケート-

あと今月号の Web Designing には AIR 意外にも、ちょっと前に参加させていただいた MTL さんのイベント DESIGN SHOWCASE が取り上げられています。そうそうたるメンバーに囲まれて精神的にはだいぶ縮こまっていたのですが、写真を見ると私の頭がでかく映ってます。

正式版が出たAIRですがいざ作ろうとしたらbeta1,2,3の頃のそのまま使えない
サンプルが入り混じっていて今使えるコードが判りにくいのでサンプル作って
みました。AIR正式版で動作します。
FLVファイルをdrag&dropで再生するFLVプレーヤーです。

先月に引き続き、Web Designing の今月号 (2008/04)。Hello, AIR WORLD という記事を 4 ページほど私 seo と doke で書かせていただきました。

今回は SQLite の使用方をサンプル付きで解説したものとコラムになります。SQLite をやっていると「ついに Flasher も SQL を書くようになったか…」と感慨深くなります。SQLite は突き詰めるとなかなか奥の深い世界のようです。これを機に SQL に挑戦する Flasher が増えると楽しみが増えそうです。

だいぶ前の話になりますが、AIRをインストールした際にちょっとつまずいたことがあったのでメモメモ。

AIRアプリケーションのインストールができない、という状況ではまってしまいました。

Adobe LabからダウンロードしてきたAIRランタイム環境のインストールは無事完了したんですが、肝心の".air"アプリケーションをDLしてきてダブルクリックして開こうとしても、".air"拡張子のファイルへの、プログラムの関連付けが行えていなかったことが原因で、アプリケーションのインストールが完了できない、という状況に遭遇したのです。

一般的なアプリケーションなら、WindowsのProgram Filesから探して「この種類のファイルを開くときは選択したプログラムをいつも使う」にチェックを入れれば以後、同じ拡張子ファイルを開いたときに、選択したアプリケーションで開くように自動的に解釈してくれますが、

AIRに関しては"Program Files"内のどのファイルを選択すればよいのかわからなかったので、ちょっと小一時間、迷ってしまいました。

結論からいうと、下記のディレクトリ内にあるファイルを選択すればよかったようです。

C:\Program Files\Common Files\Adobe AIR\Versions\(バージョン名)\Adobe AIR Application Installer.exe
（Windows Vista環境の場合）

てっきり、Program Files内のAdobeディレクトリ内にAIRがインストールされたかと勘違いしていたので、そのために無駄な時間をくってしまった、という話でした。

AIR1.0 がついにリリースされたようです (akihiro kamijo さんのブログに詳しく書かれています)！。

Beta 版の時から少しずつ AIR のガジェットは世に出ているのですが、これで一気に火がつきそうですね。いろんなガジェットが出てくるのが楽しみです。私も負けないようにがんばって行きたいと思います。

※日本語対応は次のバージョンアップで行うとのことです。日本語の AIR を作成するのにはもう少しお待ち下さいとのことです。

Web Designing の今月号 (2008/03)。Hello, AIR WORLD という記事を 4 ページほど私 seo と doke で書かせていただきました。

Web API を使用した簡単な時報付時計ガジェットの作成を、サンプル付きで解説したものとコラムになります。基本的なところから解説しているので「これから AIR をやるぞー！」という人や AIR の BETA2 以前に試したことのある人にもオススメの記事となっております。もうすぐでるはず (!?) の正式版の予習にもどうぞ！

※記事を書くにあたって AIR の機能を色々試していたのですが、やはりおもしろくて作りたいものが色々と出てきました。

Apollo mini Camp@Tokyoに行って来ました。
覚えてるうちにリマインドしておきます。

session1

前もって出回ってた情報をまとめた感じの内容。

AdobeLabsに上がってるサンプルを使ったデモと、事例としてApollo関連で有名なfinetuneとかも紹介されてました。

HTML・JS・FLASHが同じレンダリングパイプで動くって情報を知らない人、それが何を意味するのかわからない人用のデモだった印象。
意外にそいうい方もいらっしゃったみたいで、隣の人とか「おぉ～」って感じでした。

後は、CreativeCommonsなApolloポケットガイドの邦訳なども紹介されてましたね。

大体は今月のWebDesigningに書いてあるような内容です。

僕が知らなかっただけなんですけど、一応"へぇ"な情報を箇条書き。