【3/18〜】Amazon、VMwareが語る『クラウドの未来』 スラッシュドット    はてなブックマーク  Yahoo!ブックマークに登録  印刷


いまさら聞けないリッチクライアント技術(5)

いまさら聞けない! FlashとActionScriptについて


江原顕雄
2007/10/18
編集部注:ActionScriptを使ったFlashアプリケーションの具体的な作り方について詳しく知りたい読者は、本稿と併せて連載「Flashの基礎を無料で習得! ActionScript入門」もご参照ください。
- PR -

 さて、今回取り上げるテーマは「Flash」です。いままで取り上げたテーマの中で、一番なじみのある技術だと思います。

 しかし、Flashは「何となく分かっている」気がするが、どんな技術が使われていて、どのような場面で活躍しているか、なかなかはっきりと説明できないという人もいることでしょう。今回はそんなモヤモヤをはっきりとさせてみましょう。

あらためて「Flash」って何か説明できますか?

 「Flash」は音楽や画像データを組み合わせWebコンテンツやアニメーション、ゲームなどを作成するソフトウェア、またはそれらを使って作られたコンテンツのことを指します。

 Flashはいろいろなシーンで使われています(この記事の右上に掲載されている広告もFlashですね)。具体的には、以下のようなところで使われています。

 こうやって整理してみると、いろいろな場面でFlashは活躍しているのがあらためて分かりますね。

「Flash」の光と影

 では、なぜFlashがここまで利用されているのか? その長所について考えてみましょう。

長所(1)作者の意図するデザインが可能

 HTMLやCSSで表現できない斬新な表現がFlashでは可能です。また、HTMLやAjaxと違い文字や画像のサイズの指定が作者の意図どおりにできます。

図1 Flashを使わずに主にHTMLやAjaxを使ったページの場合(ユーザーの環境によってページのデザインが変化する可能性がある)
図1 Flashを使わずに主にHTMLやAjaxを使ったページの場合(ユーザーの環境によってページのデザインが変化する可能性がある)

 主にHTMLを使ったページでは、WebブラウザやOSによってコンテンツの見え方が違うことがありますが、Flashを利用すればユーザーの環境に左右されず正しくWebコンテンツが表示されるといえるでしょう。

図2 Flashを使ったページの場合(ユーザーの環境に左右されない)
図2 Flashを使ったページの場合(ユーザーの環境に左右されない)

長所(2)手軽にマルチメディア化

 動画や音楽といった要素を手軽に取り込むことができます。

図3 さまざまなマルチメディアのデータを取り組むことができる!
図3 さまざまなマルチメディアのデータを取り組むことができる!

長所(3)優れたインタラクティブ性

 マウスやキーボードの入力をコンテンツに反映させることによって、ユーザーとのインタラクティブな関係が簡単に構築できます。

長所(4)プラットフォームに依存しない

 Windows、Mac OS、LinuxなどOSや環境が違ってもプラグインを導入すれば閲覧が可能です。

しかし、短所もある

 長所としては上記の4点などが挙げられます。しかし、この長所はそのまま短所につながる部分もあります。

 (1)の「文字のサイズまできっちり指定できる」は、表現する人にとってはありがたいのですが、ノートパソコンや小さな画面を使っているユーザーに大きなウィンドウを指定してくるFlashコンテンツはありがた迷惑です。

 (2)のマルチメディア化も不必要な動画や音楽を取り込んだFlashはサイズが重いため読み込みに時間がかかりますし、学校や職場でWebを閲覧しているときに音楽が流れると、とても気まずい雰囲気になってしまいます。

基本的に検索エンジンにヒットしないが……

 また、Flash内に埋め込まれたテキストは抜き出しができないので、Webブラウザ内でのテキスト検索ができませんテキスト検索ができないということは検索エンジンにヒットしないということなので、検索エンジンを使って目的のコンテツを見つけることが難しくなります。

 しかしGoogleでは、Flash内のテキストを抜き出して、検索にヒットするようになっています。また、コンテンツサイドでも、Flashにメタデータを埋め込んで検索エンジンにヒットさせる方法がありますが、HTMLよりも手間が掛かるのは間違いありません。

 一方、「テキストが抜き出せない」特徴を生かして、簡単に文字をコピーされて困るWebサービス…… 歌詞の検索サービスや不動産情報などでは活用されているようです。

 次のページでは、オンライン・サンプルを見ながら、Flashの閲覧/制作方法について解説します。

  1-2-3

 INDEX
いまさら聞けないリッチクライアント技術(5) 
いまさら聞けない! FlashとActionScriptについて
Page1
あらためて「Flash」って何か説明できますか?
  Page2
オンライン・サンプルでFlashを体験して作ってみよう!
  Page3
Flashの肝「ActionScript」とは?/どうする? どうなる? 今後のFlash


ホワイトペーパーTechTargetジャパン

リッチクライアント & 帳票 フォーラム 新着記事

@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

RSSフィード

スキルアップ/キャリアアップ(JOB@IT)

- PR -
@IT Special PR:Adobe AIR/Flex/Flash−@IT研究所
開発ツール無料体験版ダウンロード

お勧め求人情報

キャリアアップ 〜JOB@IT
@IT Special -PR-
  TomcatやJBossなどAPサーバ環境に関する
情報を集約! “業務”用APサーバ大百科

New!
  一気に解説! 最新のクラスタストレージ
「RAIDを超えたストレージ基準」……など

New!
  クラウド的ユーザー体験の変化は脅威か?
仮想化技術を使いこなす運用管理術を紹介

New!

  上司や部下、部署内メンバーとの情報共有
を“ガラッ”と変えるコラボツールとは?

New!
  おばかアプリ選手権、第4弾開催中!!
ムダにカッコよくてくだらない作品求ム!

  社内ファイルサーバを“クラウド”に統合
VPN直結「クラウド型ストレージ」を紹介

  Twitterのアカウントはなぜ突破された?
メールによる新手の攻撃手法とその対策

  もう仮想化のお試しフェイズは終わりだ!
Hyper-V 2.0が基幹システムも仮想化

  美人!? まあまあ? 気になる いやし系!!
PV急増で「美人時計」がとった手段とは?

  クライアント企業から求められる人材
⇒IT技術と経営戦略を併せ持つ「戦略家」

  .NET編集長が実践する「技術情報検索術」
サンプル・コードを簡単に探す“技”は?

  業務効率と情報セキュリティ対策を両立!
手間なく確実に機密情報を守る方法とは?

  進化を続ける富士通ストレージETERNUS DX
製品開発者の自信を裏付けるものとは何か

  運用管理の課題を“2つの観点”から分析
ユーザー満足度の高い「仮想環境」とは?

  【CTC事例】約30の基幹システムを統合!
膨大なバッジジョブを制御した方法は?

  仮想化すればコストは削減できるか?
仮想化に必要な「3つの視点」を解説する

  その数、なんと400台以上! グループ内
サーバの「統合管理」によるメリットは?