Adobe MAX 2013 - HTML5 for ActionScript 3.0 developers

池田 泰延（勉強会用） @clockmaker_bot

ES6 Feature set → ES5.1 compatible JSに変換する #maxjp

池田 泰延（勉強会用） @clockmaker_bot

Optional static typing は静的型指定のこと #maxjp

池田 泰延（勉強会用） @clockmaker_bot

HTML DOMはパフォーマンス向けに設計されているわけではない #maxjp

池田 泰延（勉強会用） @clockmaker_bot

MAX公式アプリはPhoneGapで作っているとのこと #maxjp

Shuichi Ishikawa @spacelogue

MAXの公式アプリは、PhoneGap + DOM + CSS #maxjp

池田 泰延（勉強会用） @clockmaker_bot

CanvasはBItmapDataのようなもの。いくつかのオペレーションはGPUが効く。#maxjp

Shuichi Ishikawa @spacelogue

Canvasは、ゲームとかインタラクティブコンテンツに向いている。 #maxjp

池田 泰延（勉強会用） @clockmaker_bot

CanvasのデメリットはFlat surfaceでNon SEO Friendly。Expensive experimentsやInteractive experiments、 Gameに向いている。 #maxjp

Shuichi Ishikawa @spacelogue

WebGLはすぐに2Dコンテンツにも使われるようになるだろう #maxjp

池田 泰延（勉強会用） @clockmaker_bot

Starling.js キタ！ #maxjp

Shuichi Ishikawa @spacelogue

Starling JS登場 #maxjp

Shuichi Ishikawa @spacelogue

次は動きについて。CSS Animation (DOM)は凄く処理コストが高くつく。 #maxjp

Shuichi Ishikawa @spacelogue

だけど、変更して更新してテストしての繰り返しはすごくいい。 #maxjp

池田 泰延（勉強会用） @clockmaker_bot

CSS Transition の使い方の紹介。エレメントを取得して、addEventListenerでタイミングをとる。 #maxjp

meganetops @meganetops

Fireworksは現状の機能のまま、新OSにも対応するし、生き続けるわけね。まぁ、今の機能の中で致命的な不満はないからいいけど。ただPSがどんどん魅力的になってったり、Reflowみたいなのが進化してくると、さすがにお役ごめんの方向だろうな・・・。 #maxjp

Shuichi Ishikawa @spacelogue

動きをつけるには、CSS Animation, JavaScript+CSS(DOM)、JavaScript+Canvas, jQuery(JavaScript+CSS) #maxjp

池田 泰延（勉強会用） @clockmaker_bot

キャラクターベースのアニメーションについて。Toolkit for CreateJSを使う #maxjp

Shuichi Ishikawa @spacelogue

キャラクターアニメーションでは、CreateJS toolkit in Flashは、どんなものでも完璧に変換してくれるわけではないが、多くを助けてくれる。 #maxjp

池田 泰延（勉強会用） @clockmaker_bot

エンベッドフォントについて → TypeKitを使う #maxjp

池田 泰延（勉強会用） @clockmaker_bot

ビデオについて→対応するブラウザ状況がカオス。mp4(H.264)とwebm形式どちらも使って埋め込む。 #maxjp

AKABANA @akb7_jp

Sound は、http://t.co/z2KJB2naZM #maxjp

池田 泰延（勉強会用） @clockmaker_bot

Soundについて。SoundJSの場合は var src = "mySound.m4a|mySound.ogg"; みたいな形で指定する #maxjp

池田 泰延（勉強会用） @clockmaker_bot

http://t.co/prgksUy8rk をみてね #maxjp

池田 泰延（勉強会用） @clockmaker_bot

http://t.co/cr2OLMm2iF に今日のスライドをあげているよ #maxjp

AKABANA @akb7_jp

Starling.js の始め方 http://t.co/UX4kc1BP9F #maxjp