Did Adobe finally kill Macromedia Flash? | junglecode.net

かつて共に働いたメンバーに対する仕打ちを憂いた側面もあることから、タイトルもセンセーショナルで内容も些か感傷的・感情的な印象もあります。ただ、SWFにJPEGと同じようなユビキティを望んでいたことや、SWFのオープンソース化への希望など、個人的に共感できる部分も多くありました。自身の理解を深めることに加え、同じように感じるかたもいらっしゃるかなと思ったので、全文翻訳してみました。

AdobeはついにMacromedia Flashを殺してしまったのか？

Adobeがモバイル端末向けFlashPlayerの開発終了を発表した。知っているかもしれないが、僕は2010年6月にモバイル端末向けのFlashPlayer10.1が出た時のエンジニアリングチームに所属していた。今回の発表は色々な意味で残念ではあったが、モバイル向けWEB開発の現実を考えれば決して驚くべきことではなかった。

僕がAdobeにいた頃、僕らはAndroid OSを搭載したHTC Nexus Oneで十分速く動作するFlashPlayerの開発に膨大な時間とエネルギーを費やしていた。同じ頃Appleは、僕らがまずAndroidでの動作を第一に考える限り、モバイル版のSafariへのFlashの搭載はありえないだろうということを明言していた。僕らが製品を世に出す前からそのことが出回ってしまったことで、僕らが何をしようが、どれだけ優れたことをしようが、僕らの開発したユビキタスなプラットフォームがモバイルの世界で展開することはなくなってしまった。

もちろん、これが話の全てというわけじゃない。僕が本当に失望したのは、AdobeがFlashプラットフォームのビジネスを終わらせようとしてるということだ。彼らは昨日、750人の従業員のリストラを行った。その中には、現役のFlashオーサリングツールの開発チームも含まれている。これはつまり、ツールの販売で得た収益によって無料のFlashPlayerランタイムを提供するというビジネスに、もはやAdobeは関心を持ってないということだ。僕は常々、SWFというデータ形式がJPEGと同じようなユビキティを確保されるようにと思って取り組んでいた。1998年に制作したSWFは、2028年においても一般的に入手可能なランタイムで再生されるものと信頼できる。そのようなことの実現には、永続的に技術の発展を導きまたそれに奉仕するような組織が必要だ。

残念なことに、Adobeはその組織ではなかった。

いやまだわからない。僕が望んでいるのは、Adobeがランタイムコードをパブリックドメインとして公開し、第三者がそれを拡張し維持していけるようになることだ。コードの中にサードパーティーのライセンスが含まれていることはよく承知してるが、その点は簡単に改訂できるはずだ。Flashに生き残りの道が残されているとしたら、それはオープンソースとなって、来る時代にユビキタスなリッチメディアのデータタイプとしての展望を切り開いていくより他にはない。Adobeは認めなければならない。社会はSWFの存続を求めていて、プラットフォームを開放することがその帰結のための唯一の道だということを。

なお、補足ですが、この記事が論議を醸したため、Jethro氏は後日の記事「Flash: I’m not dead yet!（Flash『僕はまだ死んでないよ！』）」の中で、上記の記事を投稿した経緯について、

AdobeがFlash Proという製品を店頭から回収しようとしている（＝ラインナップから無くそうとしている）などとほのめかしたつもりはなかった

と前置きした上で、

かつてDirectorの開発を海外にシフトし、チームメンバーがFlashの開発に移った時のように：

• 開発の舞台をインドや中国などの低コストな地域に移すことで携帯端末向けFlashPlayerの発展や維持は継続する
• コストのかかる本国（US）の技術者達については、高成長な他のプロジェクトに配置換えする

というパターンを選択せず、携帯端末向けFlashPlayerの開発を即座に終了して関係している技術者達をリストラしてしまったことが動機になった

・・・ということを述べています。

briccolog » F-site | モバイル版Flash Player、Flash Platform、そしてこれからのFlashについてはっきり言っておこうか。

Flash to Focus on PC Browsing and Mobile Apps; Adobe to More Aggressively Contribute to HTML5 (Adobe Featured Blogs)

本文内容はほぼ昨日の記事通りで、和文でもっと上手に要約・解説する記事なども出てきたので、内容について翻訳するのはやめます。その代わり、この発表を読んだ所感を書いてみようと思ったら、長文になってしまいました・・・（汗）。

追記
一部構成変更や修正をしました（2011.11.11）

Flashで培ったノウハウをHTML5へ

今回の記事で、個人的にすごく興味深かったのは"We are already working on Flash Player 12…"から始まるこの段落でした（太字は訳者）：

我々は既にFlashPlayerr12の開発と、高品質なエンタテイメント体験の提供を再び可能とするような、新しくてエキサイティングな機能について取り組んでいます。我々は今後もFlashに関しての投機を進め、ちょうど先日発表したCSS Shadersのように、同様の能力（訳注：Flashと？）をできるだけ早くHTML5で実現するための活動を、W3CやWebKitと共に続けていきます。そして、標準化（訳注：HTML5やCSS3の？）の進行に併せ、我々はHTML5へスムースに移行する新機能をFlashに搭載する予定です。これにより、開発者は自分たちのスキルに対して引き続き投機されることになるので、自信を持って力を注ぐことが（訳注：Flashの開発に？）できます。

CSS Shadersというのは初耳だったのでリンク先の記事をざっと読んでみたところ、AdobeがW3C FXタスクフォースに提案している、HTML5での動的な表現効果を実現させるための技術仕様か何かのようです。

つまり、Adobeとしては、今後このようにしてFlashで培ったリッチな動的表現のノウハウをHTML5に活かす方向で開発を進めていく、ということと理解しました。

モバイル開発に於けるFlashはネイティブアプリの開発プラットフォームへ

今回の発表によって、主にスマホ向けのコンテンツ開発という点に於いて、今後はFlashというツールが、HTML5ベースの開発ツールであるTitaniumなどと同様、完全に「ネイティブアプリ開発のためのプラットフォーム」という位置付けになることが確定したと言えるでしょう。同時に、スマホのWEBブラウザで閲覧するサイト上の動的表現実現の手段としてはHTML5（+ CSS3 + JavaScript）で一本化されたことになります。

もっとも、現実的に言えばこれまでもそうだったわけで、何が変わったかといえば、「そのうちきっとAppleが折れて、iOSにFlashPlayerが載るようになる。そうすれば、スマホ向けのサイトでもFlashコンテンツを使えるようになるはず（なったらいいな・・・）！」という、Flash開発者の抱いていた淡い希望が崩れたというだけです(´；ω；｀)。

PCサイトでのFlash利用の今後

じゃあ、PC向けWEBサイトでのFlashコンテンツは今後どうなるのか？別に、これで完全にPCのFlashも終わったというようなことでは無いと思ってます。ただ、今回の発表に伴ってHTML5へのシフトが進んでしまい、3D表現などをガッツリ使った本格的なゲームコンテンツやエンタメ系コンテンツなどへの特化が進んで、これまでのような小・中規模のインターフェースなどでのFlash利用がさらに減っていくことにはなるかと思ってます。適材適所、FlashはFlashの得意なこと、Flashにしかできないことに使われるようになるってことですね。

思えばFlash5やFlash MXの頃からでしょうか、表現力の豊かさや開発の容易さ、プラグインの高い普及率などの要因から、Flashコンテンツは広くWEB上のインターフェースなどに採用されてきました。
しかし、HTML5の登場やブラウザの進化などにより、それまでFlashが使われてきたようなWEB上の動的表現は、徐々にJavaScriptやCSS3などに置き換えられるようになりました。
実際、HTML5ベースで実装しておけば、そのままでもPCだけでなくスマホで閲覧することはできるわけです。PC版とは別にスマホ版のサイトを用意するような場合でも、コードの流用などができますから、開発コストも抑えられますし。

僕はこれまで基本的にPC向けのWEBサイトの開発を中心に行なってきたので、例えば「FlashというアプリケーションとActionScript3を使って動的なコンテンツを開発して、それがHTML5ベースのコードとして書き出せる」ようになったりすれば便利だなと思ったりします。ただ、仮にそれが実現したとしても、最終的に吐き出すコードがActionScriptではなくHTML5（やJavaScriptなど）であることを考えると、早めにHTML5とCSS3、JavaScriptをマスターした方が得策なんでしょうね・・・。

まあ、ある意味どこかで予期してもいたしわかってもいたことばかりなんですが、こうして現実的な形で突きつけられると、それはそれで衝撃的だったりもするなあ、と思ったりしました。

前回の記事の末尾で「つまりAptanaのプラグインとして何かしらのパッケージをインストールする、ということではなくて、各プロジェクト毎にZen-Coding用のスクリプトを配置していくんですね。」と書きましたが、どうやら別に各プロジェクト毎に設定する必要はないようです。

Aptanaでは、複数のプロジェクト（サイト）を同時に開いて作業を行うことができるようなので、Zen-Coding用のプロジェクトを予め作っておいて、常にそれを開いた状態にしておけば、他のプロジェクトのHTMLファイルを編集している時にもZen-Codingが使えるようです。

今回は、AptanaにZen-Codingを導入する方法について見てみます。

Zen-Codingのダウンロード

まずはZen-Codingのダウンロード。Zen-Codingのオフィシャルサイトのダウンロードページから、「Zen Coding for Aptana vX.X.X.X（本記事執筆時点での最新版はv0.6.0.1）」をダウンロードします。

Downloads – zen-coding – Project Hosting on Google Code

ちなみに3つほど上にDreamweaver用のZen-Codingが見えますが、これはDreamweaver CS4向けのようです。試しに自分のマシンに入ってるDreamweaver CS3に導入してみましたが、なんもできませんでした。

Zen-Coding用プロジェクトの生成

Aptanaを起動し、「ファイル＞新規＞プロジェクト」を選択します。

「新規プロジェクト」ウィンドウが開いたら、「一般」の「プロジェクト」をクリックして「次へ」。

プロジェクト名はわかりやすいように「Zen-Coding」としてみました。ロケーションについては、特定のプロジェクトのみで使うわけじゃないので、デフォルトロケーションのままにしています。

Zen-Codingスクリプトの保存

先ほどの「Zen-Coding」プロジェクトの直下に「scripts」というフォルダを生成します。

そして、そのフォルダの中に先ほどダウンロードした「Zen.Coding-Aptana.v0.6.0.1.zip」の内容を展開します。この際、_MACOSXというフォルダは展開しなくても大丈夫です（展開しちゃっても構いませんが）。

ショートカットキーの設定（アンバインド）

Zen-Codingではコーディングの際に独自のショートカットキーを使用します。しかし、中にはAptanaの方に既に割り当てられてしまっているショートカットキーも結構あります。そこで、Zen-Coding用のショートカットキーとかぶってしまっているAptanaのショートカットキーの設定を削除（アンバインド）します。

「ウィンドウ＞設定＞一般＞キー」を開きます。

「フィルター入力」の欄に「Ctrl+E」など、Zen-Codingで使うショートカットキーを入力します。もしまるっきりかぶってるコマンドがリストに表示されたら、それを選択して「コマンドのアンバインド」をクリックします。Zen-Codingで使うショートカットキーについては下記記事などを参照。

Zen-Codingのショートカットをまとめてみました – EC studio デザインブログ

ちなみに私は下記のショートカットキーをアンバインドしました。

• Ctrl+E
• Ctrl+Shift+D
• Ctrl+D
• Ctrl+L
• Ctrl+I
• Ctrl+Shift+I

デフォルト言語設定の変更

Zen-Codingの初期設定では、作成するHTMLページの言語が英語（US）に設定されています。それを日本語に変更しましょう。

先ほどのscriptsフォルダーにあるzen_settings.jsをエディタで開きます。

先頭の方にある言語設定系の記述を、下記のように変更しておけばOK。

	'variables': {
		'lang': 'ja',
		'locale': 'ja-JP',
		'charset': 'UTF-8',
		'profile': 'xhtml',

		/** Inner element indentation */
		'indentation': '\t'     // TODO take from Aptana settings
	},

タブの設定

Aptanaではコーディングのインデントにデフォルトで半角スペースが使われます。個人的にはタブインデントが好みなので、その点を設定します。

「ウィンドウ＞設定＞Aptana＞エディター＞HTML＞フォーマット」を開きます。

「デフォルト規約[ビルトイン]」の横の「編集」ボタンをクリックし、プロファイルの編集画面にします。

「制御ステートメント」の「一般設定」、「タブ・ポリシー」を「タブのみ」に変更し、プロファイル名を任意のものに変更（今回は「デフォルト規約[タブインデント]」としました）します。

これでタブインデントが使えるようになりました。

Aptanaの再起動

ここまでやったら念のためにAptanaを再起動します。「プロジェクト」ビューに「Zen-Coding」というフォルダが表示され、その中身がこのようになっていたら導入完了です。

もしこのように表示されていなかった場合、「プロジェクト」ビューで「Zen-Coding」フォルダを選択した状態でF5キーを押し、画面をリフレッシュすれば出てくるはずです。

Zen-Coding開始

これで準備は完了です！ためしにZen-Codingフォルダの下にtest.htmlというファイルを作り、編集してみましょう。

「html:5」と入力して、Ctrl+Eをクリックすると・・・

HTML5のテンプレートが展開されました！やったー。

このサイト（ドメイン名.jp）はオフライン作業用データの保存を求めています。

・・・という警告が。はて初めて見るなあと思って調べてみたところ、これはHTML5の新機能であるオフラインストレージについての警告だそうです。

iBlog – このブログにHTML5のオフラインストレージを暫定的ながら使ってみました。

全ページから必ず参照されるマルチメディアファイルやjsファイル、cssファイルなどをこのオフラインストレージに保存させることで、各ページの読み込みを高速化させているんですね。これまでのキャッシュ機能ともよく似てますが、ポイントはこれかな：

またHTMLファイルも含めた全てのファイルをキャッシュさせるようにするとiPod touchで完全オフライン環境でもURLを参照するとページが表示できるようになります。

iPhoneやらiPod touch、あるいはモバイルPCなどで、ネット接続のない完全オフラインな状態でも、オフラインストレージに保存されたデータを閲覧することが可能になる（保証される？）ってことですかね。

で、今回は（今のところ）なんとか使えるような感じまでこぎつけたので、備忘録をかねて導入の経緯をメモします。

Aptana Studioとは

Aptana Studioというのは、Eclipseという開発環境をベースにしたWebオーサリングツールのこと。位置づけとしてはこんな感じです（だと思います）：

Eclipse

JavaやPHPなど、いろいろな言語に対応した開発ツール。

Aptana Studio

EclipseをWEBサイトの開発に特化した形にカスタマイズしたツール。

EclipseおよびAptanaについての詳細は下記を参照。

• Eclipse (統合開発環境) – Wikipedia
• Aptana – Wikipedia

Javaの開発などで既にEclipseがインストールされている場合には、Aptana StudioをEclipseのプラグインとして追加で導入することができます。また、特にEclipseが入っていない場合には、Aptana Studioのスタンドアローン版というのがあるので、そちらを導入すれば使えるようになる、はずなのですが、今回は敢えてスタンドアローン版を使いません。何故か？スタンドアローン版を導入する場合、以下のステップを踏む事になります：

1. Aptana Studioスタンドアローン版のダウンロード
2. 日本語化のためにPleiadesの本体をダウンロード（Pleiadesプロジェクトのページ中程、「ダウンロード」の中の「Pleiades 本体ダウンロード」という項目の中にある「安定版」というものをダウンロード。）
3. Pleiadesを導入して日本語化。詳細は下記記事を参照。
   Aptana Studio 2.0 日本語化 – でぃんぶら日記

で、どういうわけだかこの日本語化がうまくいかないのです。正確に言うと、日本語化後に立ち上げると、確かにメニューなどは日本語になってるものの、ファイルブラウザなどを使おうとすると突然落ちるなどして、非常に動作が不安定。とても使い物になりません・・・。

ということで、回りくどいようですが、今回はEclipseから順々に導入してみます。

Eclipseのダウンロード

Eclipse自体は英語版なんですが、前述のPleiadesを開発しているサイトでは、既に日本語化された状態のEclipseのディストリビューションを提供しています！ということで、さっそく下記サイトからダウンロード：

Pleiades – Eclipse プラグイン日本語化プラグイン

ページ中程「ダウンロード」の中の「Pleiades All in One 日本語ディストリビューション (zip ファイル) ダウンロード」という所からダウンロードします。記事執筆時点では下記の３つのリンクがありますが、最新版の3.5（Eclipse 3.5 Galileo Pleiades All in One）をダウンロードしました。

次の画面では、ダウンロードするディストリビューションを選択します。今回はJavaやCの開発に使うのではなく、あくまで後からAptanaをプラグインとしてインストールする全体なので、一番プレーンな「Platform」の「Full All in One （JREあり）」をダウンロードします。

Eclipseのインストール

ダウンロードしたzipファイル（pleiades-e3.5-platform-jre_20100226.zip）を解凍すると、「.metadata.default」と「eclipse」という２つのフォルダが入っています。インストーラーは特に無いので、適当な場所に展開します。僕はCドライブのProgram Filesの下に「Eclipse」というフォルダを作り、その中に前述の２フォルダを展開しました。

Eclipseの起動

「eclipse」フォルダ内にある「eclipse.exe」というのがEclipseの実行ファイルです。これをダブルクリックすると起動します。今後よく使う事になるので、ショートカットを作っておくといいでしょう。

Aptana Studioプラグインの導入

Aptana Studioプラグインの導入方法については、Aptanaのサイトに記載されています。

Aptana Studio 2.0 Plugin Installation Instructions

具体的な方法は以下の通り：

1. Eclipseの「ヘルプ」メニューから「新規ソフトウェアのインストール」をクリック。
2. 「インストール」ウィンドウが開くので、「作業対象」の欄に下記のURLを記入して「追加」Enterをクリック。
   http://download.aptana.org/tools/studio/plugin/install/studio
3. 下の一覧に「Aptana Studio」という選択肢が現れるので、左側のチェックボックスにチェックを入れて「次へ」ボタンをクリック。
   
4. 「インストール詳細」画面で、「インストールされる項目をレビューしてください」と出るので、「次へ」をクリック。
   
5. 「ライセンスのレビュー」画面で、「使用条件の条項に同意します」をチェックし、「完了」をクリック。
   
6. インストールが始まり、Eclipseのウィンドウの右下に進行状態が表示されます。
   
7. 「セキュリティー警告」が表示されますが、「OK」をクリックして進みます。
   
8. 「変更を反映させるためにEclipseプラットフォームの再始動を強くお勧めします。いくつかのアドオンでは、再始動しなくても変更が反映されている場合もあります。すぐに再始動しますか？」と表示されるので、「はい」をクリック。
9. 再始動時、「Windowsセキュリティの重要な報告」が表示されますが、「ブロックを解除する」を選択。
   

これでAptana Studioが導入されました！

Eclipse (Aptana Studio)の初期設定

あらためてEclipseを起動すると、Aptana Studioのウィンドウに・・・なってませんでした（汗）。「おかしいな」と思い、「ウィンドウ」メニューから「パースペクティブを開く」→「その他」をクリック、「Aptana Web」を選択すると、無事にAptana Studioの画面構成になりました！

デフォルト文字コードの設定

Windows版に限った事かどうかわかりませんが、Eclipseはデフォルトでは文字コードがUTF-8ではありません。なので、「ウィンドウ」→「設定」→「一般」→「ワークスペース」を選択し、「テキスト・ファイル・エンコード」の欄で「その他」の中から「UTF-8」を選びます。

Shift-JISのファイルを開く

これでUTF-8のファイルも大丈夫！と思ったあと、今度はShift-JISでエンコードされたhtmlファイルを開いてみたら、しっかり文字化けしました。そんな場合にも焦らず「編集」→「エンコードの設定」で、「その他」の中から「Shift-JIS」を選択・・・できない！あれ？「Shift-JIS」がない？？？？

・・・と思ったら、どうやらデフォルトではShift-JISという文字コード設定が登録されていないようです。ではどうやって登録するのか？

さきほどの「エンコードの設定」の画面で、「その他」を選択。右側の文字コードが表示されているエリアをクリックし、直接「Shift-JIS」と手打ちで入力します。

するとビックリ、文字化けが直りました！もしかしてこのソフト、こうして手動で対応文字コードを増やしていくことができるんでしょうか？

Zen-Codingを導入する

さてやっとこ今回の目的であるZen-Codingの導入までたどり着きました。導入方法の詳細は下記記事に詳しいです：

知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた – EC studio デザインブログ

なるほど、つまりAptanaのプラグインとして何かしらのパッケージをインストールする、ということではなくて、各プロジェクト毎にZen-Coding用のスクリプトを配置していくんですね。Flash開発で言うところのクラスファイルのようなイメージでしょうか（プロジェクト毎に配置していくあたりが）。

下記の記事なども参考にしながら、Zen-Codingも勉強してみたいと思います。

Zen-Codingのショートカットをまとめてみました – EC studio デザインブログ

枚数がちょっと多い（153枚）ですが、後ほど一通り見ようと思います。

こちらの著者の羽田野氏は、白石氏とともに先日のHTML5 Tech Talk#3で講演なさった方。うーん、どちらの本を買いましょうかねえ・・・（両方買うのがベストでしょうけど）。

著者の白石俊平さんは、先日のHTML5 Tech Talk#3で講演なさってた方ですね！「HTML 5 ― HTML 4 からの変更点」を読み解くシリーズも案の定（？）、遅々として進んでませんが（汗）、これは是非とも買わないと。

iPadの発表と前後して、スティーブ・ジョブスが

「Flashをサポートしないのはバグが多いから。MacがクラッシュするのはFlashプラグインのせいであることが多い。そのうちFlashは使われなくなりHTML5に移行する」

などとのたまったという話（ネタ元：iPad / iPhoneのFlash非対応について、Adobeとジョブズの言い分）が出たりもしてますが、ClockMaker.jpさんの記事「Flashだとここまでできる! HTML5とFlashの機能比較 | ClockMaker Blog」にもあるように、

（HTML5とFlashの）技術としてどちらが優れているとかではなく、ユーザー体験を向上させるにはどちらのほうが向いており最適かは制作するウェブサイトによって判断していくことが必要です。

（中略）

決して競合する技術ではなく、ともにウェブ体験を豊かにしていく技術であることを認識して、経過を見守っていくことが大事なのではないでしょうか。

・・・というのが正しいんじゃないかと思います。ということで、みなさん頑張って一緒に勉強しましょう！

Google Apps 管理者の皆様

いつも Google Apps をご利用いただきありがとうございます。

2009 年は Google Apps に 100 以上の機能改善・追加を行うことができました。Google Apps チームは、2010年もさらなる機能強化を予定しており、お客様にとって、より便利で革新的なコラボレーションツールを提供する予定です。

Google Apps を強化し、より洗練された機能と性能を提供するためには、Javascript や HTML5 などの最新のウェブテクノロジーの活用が必要となります。

その結果、古いタイプのブラウザプラットフォームへのサポートを段階的に停止することになりました。対象となるブラウザは Microsoft Internet Explorer 6 および Mozilla Firefox 2.0 となります。

2010 年 3 月 1 日に、これらのブラウザへのGoogle ドキュメントおよび Google サイトエディターサポートを停止いたします。同日以降は、これらのブラウザを使った場合のアプリケーションのパフォーマンスが低下したり、正しく機能しない場合が予想されます。また、2010 年後半には、Google メール および Google カレンダーにおけるこれらブラウザへのサポートを停止する予定です。なお、Internet Explorer 7 以上、Firefox 3 以上、Safari 3 以上、および Google Chrome へのサポートは引き続き行います。

現在、これらのブラウザをお使いのユーザーの方々には、今週以降 Google ドキュメント上でこの変更をお伝えする旨のメッセージが表示されます。また、ブラウザサポート停止前に、このメールを受信いただいている管理者の皆様に再度ご連絡申し上げます。

Premier Edition および Education Edition をご利用のお客様で本件につきご不明な点がございましたら、コントロールパネルよりサポートにご連絡ください。

本年もより良いプロダクトを提供にむけ、チーム一同努めて参ります。

今後とも、Google Apps をよろしくお願い申し上げます。

Google Apps チーム

重要なお知らせ
メール サービスの設定: このメール サービスによるお知らせは、Google エンタープライズのサービスやアカウントの重要な変更内容に関する最新情報をお知らせするもので、すべての方にお送りしています。

Google Inc.
1600 Amphitheatre Parkway
Mountain View, CA 94043

IE6だけではなく、Firefox2.0もサポート終了なんですね。さらに、今年後半にはGoogleメール（って、Gmailのことだよなあ）やGoogleカレンダーもこれら旧世代ブラウザのサポートを終了するとのこと。そしてHTML5へのシフトにも言及されてます。いよいよ、忌まわしきIE6の存在をおおっぴらに無視することができるようになるんでしょうか？