Upload
makoto-nishimura
View
1.540
Download
4
Embed Size (px)
Citation preview
Adobe Flash不遇
ただしFlashの衰退はAdobeの衰退ではない
AdobeはCreative Cloudのように開発ツールを売る会社
HTML5がはやればそれを開発するツールを出せばいいじゃないか!!
Edge Animateの特徴
・JavaScriptコードレスでアニメーションが作成できる。
(ただしイベントのトリガーなどはJavaScriptで)
・Flashに似ているので直感的に操作できる
・もちろんスマフォでも見れる!!
(IEは・・・後述・・・)
IE8
Adobe Edgeに限らずHTML5対応で問題なるのがIE8以前のブラウザ。
最近はIE6は対応から外せることも多くなりましたが、IE8は・・・
その場合Edge AnimateだとGoogle Chrome Frameのインストールを促すことができる
JavaScript
通常のJS+Edgeで用意されたAPI
Adobe Edge Animate CC JavaScript API 2.0 http://www.adobe.com/devnet-docs/ja_JP/edgeanimate/api/current/index.html
JavaScript
実はコメントが大事 //Edge symbol: 'stage'
(function(symbolName) { })("stage"); //Edge symbol end:'stage‘ コメントがないとエラーになることがあるので注意 Edge上のエディタで編集すると問題ないけど、テキストエディタなどで編集するとやらかす
Windowsストアアプリにも
Windows 8のストアアプリはHTML+JSでも開発可能。
Edgeで作成したアニメーションも簡単に移植可能
[参考]Adobe Edge Animate入門 番外編1 ストアアプリに移植する
http://coelacanth.heteml.jp/blog/adobe-edge-animate%E5%85%A5%E9%96%80%E7%95%AA%E5%A4%96%E7%B7%A81-%E3%82%B9%E3%83%88%E3%82%A2%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AB%E7%A7%BB%E6%A4%8D%E3%81%99%E3%82%8B/
実際の使いどころ
某県のPRサイト案件
最初Adobe Edgeで作成したがIE8問題発生!!
Edge版はモックとして、jQueryでゴリゴリ書き直し
問題は出たがEdge Animateの素早いモック作成は後半の作りこみに役立った
まとめ
Adobe Edge AnimateはHTML5の開発シーンに役立つツールになるはず!!
IE問題など課題はあるけど、
HTML5+CSS3に興味がある方は是非触ってみてください!!
私が紹介できるのは入口だけです。
使いこなしたらぜひ教えてくださいw
宣伝?
オープンソースカンファレンス広島
時間:10月6日(日) 10時から17時
場所:サテライトキャンパス広島 5F
オープンソースのお祭り
なぜかWindows Phone ハンズオンで参加!!
宣伝?
第一回 ECサイト構築勉強会
時間:11月30日(土) 時間は午後から
場所:サテライトキャンパス広島
ECサイトを構築する、もしくは興味がある
開発者のための勉強会
仕事に結びつくコミュニティ創りをテーマに!!