1. HTML5&Flash
勉強会

2. 勉強会の目的
HTML5とFlashの歴史を理解
すると共に、
それぞれの性質を理解する
こと。

3. 今日のルール（笑）
Flash糞だ！!
HTML5氏ね！!
などのFlashとHTMLのどちらか一方を
貶す言葉言わない！！

4. そもそもなぜ、
今HTML5とFlasｈ
の議論がまき起こっているのか？？

5. ことの発端はAppleの故スティーブジョブズ
さんの一言
Apple製品には、
Flash を搭載しないことにし
よう。

6. おそらく、全世界のクリエーターの顔は
こうなったでしょう・・・・
Flashなしでどうやっ
て、動きのあるゲーム
つくるんだおーー

7. しかし、そもそもなぜ、
ジョブズは
Flashを排除したのか？？
「Flashで遊ばれては、
appleアプリが売れなくなる」
「ApplStoreを守るため」
など憶測がでている。が・・・

8. ジョブズがそれについて、
理由を書いている。
「Thoughts on Flash」より。
Appleのサイトから見れます。

9. ①Flashはオープンではない。
(ジョブズの言い分)
Flash は多くの環境で利用可能ではあるが、
Flash は Adobe によって完全に制御されているし、
Adobe のみが提供しているから、必ずしもFlashが
オープンとは言えない。
また、我々は Web に関連する標準は全てオープンで
なければならないと強く信じている。
なので、Apple は Flash を捨て、オープンな標準で
ある HTML5・CSS・JavaScript を選択した。

10. ②全ての Web を見るために本当に
Flash は必要か？
(ジョブズの言い分)
アドビが、75% の Web 上のビデオは Flash ベースで
あり、Apple のモバイル端末は『全ての Web』にアク
セスできないと主張しているが、
ぶっしゃけ、Flashを搭載しなくても、アップルのモ
バイル端末でほとんどのwebサイトを見ることができ
る。

11. ③セキュリティとパフォーマン
スを犠牲にしたくない
(ジョブズの言い分)
Flashをいれてると、クラッシュがよく起きるし、
Adobe と協力して修正に努めてきたが、現在も解決し
ないまま歳月が流れている。
もうぼくは待てません（怒）

12. ④Flash を使うとバッテリーが持
たない
(ジョブズの言い分)
Flashをいれてると、バッテリーがすぐ切れる。
最近のモバイル端末では 最新の業界規格である、
H.264 のソフトウエアを搭載している。
GoogleやYou-tubeでも、これに対応している。
しかし、世に出回ってる多くのFlashデータは、これ
に対応していない。

13. ⑤Flash はタッチを前提としてい
ない
(ジョブズの言い分)
Flash は PC上でマウスを利用することを前提として
設計された。そのため、タッチスクリーン上での指を
使った操作に対応していない。
多くの Flash サイトは「ロールオーバー」に頼って
おり、特定の場所にマウスを持っていくとポップアッ
プメニューなどが表示される。Apple の革新的なマル
チタッチインターフェースにはロールオーバーの概念
は存在しない。AppleのUIの理念に反するというこ
と。

14. ⑤重要な理由
(ジョブズの言い分)
プラットフォームと開発者の間に、Adobeのような
サードパーティーの中間層が挟まると、低水準のアプ
リケーションが生まれ、プラットフォームの進化が止
まってしまう。
ある開発者がサードパーティーのライブラリやツール
を利用して開発したとする。そうすると中間層のライ
ブラリやツールでプラットフォームの新機能がサポー
トされるまでは、その開発者はプラットフォームの新
機能を使えない。それにより、サードパーティーがプ
ラットフォームの進化をとめてしまう。

15. まとめると、
ジョブズは、次の理由から
Flashを排除した。
①web標準をオープンにする
②技術的な障害を取り払うため
③プラットフォームの進化のため

16. 理由はさておき、
Iphone,iPadアプリに関しては、
HTML5を使ってつくらなくてはいけ
なくなった。
これはもうどうしようもない事実
であり、iphoneがなくなるか、
また、AppleがFlashを搭載する限
り笑 文句があるなら、Appleに文
句を言うしかない・・・・・・

17. しかし!!!!!!
アンドロイド,PCアプリも
HTML5対応にすべきか？？
という議論がでてくる。
この議論をするには、Flash
とHTML5の性質を理解するし
かない。

18. HTML5を使うメリット

19. ①GeolocationというAPIを使って、
簡単に現在地の情報を取得できる。
現在地の経度・緯度・高度など簡単にを調べられ
る。

20. ②ブラウザにデータベースを用意され
ていて、そこにデータをいれることが
できる。Web SQL Databaseという。
従来は、サーバーにデータベースを用意して、そこ
でデータの出し入れをしていた。
しかし、HTML5のWeb SQL Databaseで、サーバーへ
の経由がなくなり、処理スピードが上がる。

21. ④フォームタブがHTML5で拡張し、フォー
ムが本格的につくれる。その１
簡単に本格的なフォームにつくることができ
る。

22. ④フォームタブがHTML5で拡張し、フォー
ムが本格的につくれる。その2
つい最近フォームの拡張がまたされました。
※現在cromeのみ
一つ埋めただけで、ほかのフォーム
項目も埋まる。

23. ⑤HTML5は要素の定義の見直しや追加が
行い、文章の構造化が強化され、
コンピューターがHTMLの中の意味を正
確に解釈されやすくなる。
結果として、検索エンジンに引っかか
りやすくなり、SEO的に有利になる。

24. ⑥音声読み上げの特殊なブラウザで
は、
HTML5のテキストを、適切に処理をして
くれる。
障害を持った方や高齢者など人にも優
しいユーザービリティーが実現でき
る。

25. ⑦アプリケーションキャッシュとい
う、
Webアプリケーションをオフラインで利
用できる機能がある。
これにより、webアプリで、
擬似ネイティブアプリの作成も可能。

26. ⑦アプリケーションキャッシュとい
う、
Webアプリケーションをオフラインで利
用できる機能がある。
これにより、webアプリで、
擬似ネイティブアプリの作成も可能。
また、地下鉄などのネットが使えない
場所で使えるwebアプリがつくれる。

27. ⑧webworkerというマルチスレッド機能
がついている。
メイン処理を妨げないように、バック
グラウンド処理ができる。
ユーザーからのアクションをするための処理
メイン処理
かなり複雑な計算
例えば、100万桁の計
算など。
バックグラウンド
処理
超複雑な計算をするときに、バックグラウンドで処理すれば、
メインの動きを止めたり、スピードを遅くする心配がなくなる。

28. ⑦web以外から、ファイルなどのデータ
をドラッグ&ドロップできる。
例えば、次のような処理ができる。
画像ファイル

29. Flashを使うメリット

30. ①Flashは、世に出回る動画を
ほぼすべて再生できる。
HTML5のvideoタグで動画を再生できないものも多く
存在するということ。

31. ②縦書きが可能
HTMLでも縦書きをやろうとすればできるが、ライブ
ラリを使うなど、複雑なプログラムを組まないとい
けない。

32. ③Flash内で音を生成できる。
Sketch http://www.audiotool.com/

33. ④処理速度が早い。
Flashはコードを読み取るとき、
最初に一気にすべてのコードを読み込み、
それを処理している。
例えると、海外に英語ペラペラの状態でい
くようなもの。
それに対して、HTMLは、コード一行ごとに
処理する。
例えると、通訳をつれて海外にいくような
もの。

34. ⑤Flashのプログラム言語が非常に発達していて、
様々な処理が可能で、組みやすいので動きのあ
るアニメーションをつくるコストが安い。
Flashのプログラミング言語は、
現在ActionScript3.0を使っているが、これは
ActionScript1.0が進化したもの。
ActionScript1.0は、Javascripと規格が同じで、ほぼ同
等のものである。
HTML5のプログラミング言語は、
Javascriptで、今のところ機能的にFlashのプログラミ
ング言語に劣ってしまう。
※HTML5のプログラミング言語も進化する可能性も十分
考えられるが、まだ時間がかかりそう。

35. ⑥webカメラで、AR（拡張現実）が
つくれる。
実際の映像を見てみましょう。
http://ge.ecomagination.com/smartgrid/#/augment
ed_reality

36. ⑥タイムラインで時間軸が必要なア
ニメーションが作成可能。
マリオカートのサイトがわかりやすい。
http://www.mariokart.com/wii/launch/
※HTMLでは現在機能がない。

37. ⑦3Dが使える。
百聞は一見にしかずということで映像を見ま
しょう。
Magnum Pleasure HuntというFlashのキャンペーン
キレイな女性を操作して、インターネット上のあちこちでチョコ
アイスを集めてまわるあのFLASHゲームらしい。
http://www.youtube.com/watch?v=2CdFK1HWRag&feature=player_em
bedded
※HTML5でも3Dの仕様ができることは決定しているが、まだ先。