46

ここからはじめるAction Script 3.0 入門前

Embed Size (px)

Citation preview

Page 1: ここからはじめるAction Script 3.0 入門前
Page 2: ここからはじめるAction Script 3.0 入門前

静岡県生まれ ロクナナ・ロクナナワークショップ所属 FlashDeveloper / TechnicalWriter http://log.xingxx.com

twitter : kaedeas

Page 3: ここからはじめるAction Script 3.0 入門前

Flashできます!は要注意 ActionScriptとは? ActionScript2.0/3.0

どっちを勉強すればいい? 開発環境を考える a=b じっくりHelloWorld 効果的な学習のアプローチ ActionScript 3.0のわくわくする話

Page 4: ここからはじめるAction Script 3.0 入門前

ひとことにFlashといってもたくさんある

オーサリングができればいいのか? ActionScript の理解度は?

Page 5: ここからはじめるAction Script 3.0 入門前
Page 6: ここからはじめるAction Script 3.0 入門前

Adobe Flash Platform(Flash,Flex ,AIR)で用いられるスクリプト言語

簡単なアニメーションから大規模なインタラクティブコンテンツまで

簡単で理解しやすいplay(); stop();

1.0,2.0,3.0のバージョン

Page 7: ここからはじめるAction Script 3.0 入門前

簡単でとっつきやすい 文法がゆるいため、少しの知識で動く 1.0と互換性がある。 多様な作法が存在する。

古いバージョンでも動く。FlashPlayer 6~ 負荷が掛かる表現・大規模開発に弱い

Page 8: ここからはじめるAction Script 3.0 入門前

イベントハンドラメソッド:onRelease = funciton(){}オンイベントハンドラ:on(release){}オンクリップイベントハンドラ:onClipEvent(enterFrame){}アドリスナーメソッド:Key.addListener();

利用するイベントごとに異なる作法が必要になる。

Page 9: ここからはじめるAction Script 3.0 入門前

難しいイメージがある 厳密な文法に従わなければならない 1.0/2.0との互換性はない 一貫したルールに縛られる。

比較的新しいバージョンFlashPlayer 9~ 大規模開発・高負荷表現に強い

Page 10: ここからはじめるAction Script 3.0 入門前

アドイベントリスナーメソッド : addEventListener();

いかなるイベントもこの作法のみで取得できる

Page 11: ここからはじめるAction Script 3.0 入門前

ほんの少しの知識で、多少間違っていてもそれなりに動き、様々な作法が存在するAS2

厳密で一貫したルール、間違っていたら動かない(エラーが発生する)AS3

Page 12: ここからはじめるAction Script 3.0 入門前

“この手の議論で、ゆるい書き方は初心者に良いという意見には賛同しかねる。経験から言えば、単純で厳しいルールのほうがゆるくていろんな書き方ができるものよりずっと簡単に学べるし、書くのも楽だ。ルールに従っていれば他になにも考える必要はないし、ソースが読みやすくなる。”

Page 13: ここからはじめるAction Script 3.0 入門前

FlasPlayer 9の普及率 98% OOPは多くの言語にも応用可能 3.0から2.0への移行は易しい。 最大10倍の処理速度-FlashPlayer10 鮮度の高い活発な情報交換

Page 14: ここからはじめるAction Script 3.0 入門前
Page 15: ここからはじめるAction Script 3.0 入門前

FlashProfessional :クリエイター向け FlashBuilder :開発者向け

Flex SDK + FlashDevelop:無償の開発環境

Page 16: ここからはじめるAction Script 3.0 入門前

初心者にお勧め

アニメーション制作ツール

コンポーネント

CS4ファミリーとの強い親和性

ActionPanel プロジェクト管理

高速な独自コンパイラ

Page 17: ここからはじめるAction Script 3.0 入門前

Eclipseベース

Flexコンポーネントの利用

MXMLをGUIで開発可能

サーバーサイド技術との連携・モニタリング

コードヒント・コードジャンプ

クラスアウトライン

プロジェクト管理

リファクタリング

FlexSDKコンパイラ

Page 18: ここからはじめるAction Script 3.0 入門前

無料のオープンソースアプリケーション

コードヒント・コードジャンプ

クラスアウトライン

プロジェクト管理

タスク管理

コードジェネレーター

FlexSDKを活用したコンパイラ

MXMLにも対応

Page 19: ここからはじめるAction Script 3.0 入門前

デザインとコードをうまく両立したい→CS4との親和性の高い

FlashProfessional + FlashDevelop FlashProfessional + FlashBuilder

Page 20: ここからはじめるAction Script 3.0 入門前
Page 21: ここからはじめるAction Script 3.0 入門前

以下の aとbのそれぞれの値を答えよ。

a = 10b = 20a=b

Page 22: ここからはじめるAction Script 3.0 入門前

この問題の重要性は、答えではありません

抽象的な物に対して、いかに自分のモデルを確立できるかが、重要

答えが知りたくてしょうがない人は、プログラミングに向いているかもしれません

このコードをActionScript 3.0で実行しても、エラーが発生します。それを解くのも、プログラマーの仕事

Page 23: ここからはじめるAction Script 3.0 入門前
Page 24: ここからはじめるAction Script 3.0 入門前

http://wonderfl.net/ 無料

ActionScript 3.0のコードが多く公開されている

SWFをサーバーで生成し、リアルタイムで表示してくれる。

Page 25: ここからはじめるAction Script 3.0 入門前

//テキストフィールドを使いたい

Import flash.text.TextField;//新しいテキストフィールドを生成

var textfield = new TextField;//テキストを入力して・・・

textfield.text = "helloworld";//表示

addChild(textfield);

Page 26: ここからはじめるAction Script 3.0 入門前
Page 27: ここからはじめるAction Script 3.0 入門前

実はいたって簡単

最も手軽で最も学習しやすい言語

難しいのは、いかにアプリケーションを柔軟且つ、拡張性が高く設計できるか、そしてどのようなAPI(引き出し)を使用すればよいか選択すること

Flashできますは要注意!

Page 28: ここからはじめるAction Script 3.0 入門前

人によってまちまち

タイムラインでplay(),stop(); 基本文法

イベントドリブン

表示の概念

クラス定義・継承

外部連携・XMLトラバース

カスタムイベント

ポリモーフィズム・カプセル化…more…

Page 29: ここからはじめるAction Script 3.0 入門前

これだけ覚えても、まだ初心者

AS1のように、シンタックスだけができればよいわけではない

プログラミングの基礎はしゃべることや自転車と同じ

Page 30: ここからはじめるAction Script 3.0 入門前
Page 31: ここからはじめるAction Script 3.0 入門前

はじめから手を広げすぎない 基礎からじっくり学ぶ 目的を作る リファレンスをとにかく読む アウトプットする

Page 32: ここからはじめるAction Script 3.0 入門前

コンポーネントリファレンスガイド/ヘルプ 書籍 公開されているコード イベント・勉強会 twitter ブログ ロクナナワークショップ

Page 33: ここからはじめるAction Script 3.0 入門前

困ったときの虎の巻

コンポーネントリファレンスガイド(http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/index.html)

Flash CS4 オンラインヘルプ(http://help.adobe.com/ja_JP/Flash/10.0_UsingFlash/)

Page 34: ここからはじめるAction Script 3.0 入門前

自分のレベルに合わせたチョイス 逆引きは極力読まない わからない単語があったらリファレンスを引く

Page 35: ここからはじめるAction Script 3.0 入門前

3.0のコンパイルエラー・コンパイラ警告・ランタイムエラーの原因と解決法がわかる本

2009/9/9に発売したばかり 定価 2940円

Page 36: ここからはじめるAction Script 3.0 入門前

コードを読むことで、アルゴリズムやクラス構造・設計の理解に繋がる。

オープンソース・ライブラリ ブログ Wonderfl (http://wonderfl.net/)

Page 37: ここからはじめるAction Script 3.0 入門前

SparkProject(http://www.libspark.org/)

F-site(http://f-site.org/)

てら子(http://atnd.org/events/1080)

Adobe Max ロクナナワークショップ

Page 38: ここからはじめるAction Script 3.0 入門前
Page 39: ここからはじめるAction Script 3.0 入門前

FlashPlaerの高速化によって、高い演算処理を必要とする表現が可能になった

3D サウンド

パーティクル

AR(拡張現実) フィジカルコンピューティング

Page 41: ここからはじめるAction Script 3.0 入門前

音の波形を取得する

ビジュアライザ

sample

Page 43: ここからはじめるAction Script 3.0 入門前

FLARtoolkit(Saqoosha) WEBカメラを利用した拡張現実

sample

Page 44: ここからはじめるAction Script 3.0 入門前

キーボードやマウスに変わる新しいインターフェースでコンピュータと対話するとりくみ。(例:赤外線・光・音・温度・加速度など)

Gainer ICC sample

Page 45: ここからはじめるAction Script 3.0 入門前

Flashとひとくくりの言葉で括るのは危険

ActionScriptを極めるのは難しいが、入り口は易しい

現実世界と仮想世界を繋ぐ事が簡単に出来る

Page 46: ここからはじめるAction Script 3.0 入門前