Flashの基礎知識

TOP > 技術 > Flash

Flash

Flashとは

Flash Flash(フラッシュ)とは、アドビシステムズによる動画やアニメーションのソフトウェア、 またはその規格で作られたコンテンツのことです。拡張子は「.swf」。 似たような企画にMicrosoft Silverlightがあります。

元々はMacromedia Flashでしたが、アドビのマクロメディア買収で現在に至ります。 ベクター画像による高画質と容量の軽さが特徴です。 また、動画やアニメーションを非常に手軽に作成できるため広く普及しています。 広告への利用、YouTubeなどの動画(Flash Video、FLV)、個人制作のアニメなども注目を集めています。

Flashを閲覧するためには無料のFlash Playerが必要です。 ブラウザへプラグインとしてインストールする必要が(あらかじめインストールされている場合も)あります。 携帯サイトでもAdobe Flash Liteによる動画が普及しつつあります。

Flashは手軽な動画だけでなく、ActionScriptというスクリプト言語により、 高度なウェブアプリケーションを作ることも可能です。 また、通常のウェブサイトと違い、アクセシビリティの低下や 検索エンジンの検索対象にならないという問題がありましたが、徐々に改善されてきています。

フレームワーク

Adobe Flex Builder(Win&Mac,Standard) (Win&Mac,Professional)

Flash アドビシステムズによる、Flashフレームワークです。 ActionScriptプログラムをMXML言語で記述してFlash(swf)を生成します。 プラグインによりEclipseでの開発も可能。Adobe AIRにも対応しています。

Progression

MIT Licenseで配布される、Flashフレームワークです。多くのライブラリも同梱されています。

ライブラリ

Papervision 3D

MIT Licenseで配布される、Flashで3Dを扱うライブラリです。

VectorVision

同じくMIT Licenseで配布される、Flashで3Dを扱うライブラリです。

SWFObject

MIT Licenseで配布される、FlashをHTMLに簡単に貼り付けられるライブラリです。代替表示機能などもあります。

利用方法

Flashを作成したらFlash本体であるswfとHTMLを「パブリッシュ」で出力します。 パブリッシュしたHTMLには以下のようなswfを表示するタグが記述されています。 このタグは、WinXP以降のIE対策のため仕様変更がありました。 WinXP以降のIEではデフォルトでアクティブコンテンツが動作しないため、 現在はJavaScript「AC_RunActiveContent.js」が利用されるようになっています。

IE対策実装前

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Before: Traditional Object/Embed Tag Combination</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <!-- This object and embed tag combination is the most common way to embed Flash movies. --> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="369" height="113"> <param name="movie" value="flash.swf"> <param name="quality" value="high"> <embed src="flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="369" height="113"></embed> </object> </body> </html>

IE対策実装後

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>After: Using the External Javascript Solution</TITLE> <meta http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <!-- These script tags reference the external JavaScript files (.js) which contain functions that dynamically write the object and embed tags. These files are described and can be downloaded from the article "Preparing Websites With Active Content for Upcoming Browser Changes" at the Active Content Developer Center. --> <script type="text/javascript" src="after/AC_RunActiveContent.js"></SCRIPT> <meta content="MSHTML 6.00.2800.1226" name=GENERATOR> </head> <body> <!-- This script tag calls the functions defined in the external JavaScript file to dynamically generate the tags that embed the Flash movie in the page. -->> <script type="text/javascript"> AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0','width','369','height','113','src','flash','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','flash' ); </script> <!-- Content inside a NOSCRIPT tag will be displayed if the user does not have Javascript enabled or is using a browser that does not support JavaScript --> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="369" height="113"> <param name="movie" value="flash.swf"> <param name="quality" value="high"> <embed src="flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="369" height="113"></embed> </object> <em> <p>Note: You do not have JavaScript enabled.</p><em> </NOSCRIPT> </body> </html>

Flash Player

閲覧にはFlash Playerが必須です。 閲覧者がFlash Playerをインストールしていないか、 バージョンが古い場合には自動的にインストールの案内が表示されますが、 サイト内にバナーを貼っておくとより親切です。 最新のFlash Playerをインストール

作成ソフト

Adobe Flash(Win) (Mac)

Flash Flash開発元のアドビシステムズによるソフトです。 Flashアニメーション編集ソフトとしてはスタンダードなソフトです。 ソフトウェアで紹介したウェブオーサリングソフトとは異なるソフトです。 アニメーション作成の簡単さが特徴で、初心者でも基本的な使い方は参考書籍を1日読めばOKです。

FlashDevelop

MIT Licenseで配布される、ActionScriptやFlexの開発ができる高性能なIDE開発環境です。

マニュアル

参考書籍

関連項目