gihyo.jp » DEVELOPER STAGE » 特集 » プログラマのためのFlash遊び方 » 第1回 無料でFlash作りに挑戦!Flex 3 SDKを導入してみよう

プログラマのためのFlash遊び方

第1回 無料でFlash作りに挑戦!Flex 3 SDKを導入してみよう

開発環境の準備

Flex 3 SDKは次のOSに対応しています(参考:Adobe Flex 3:System requirements)。

  • Windows 2000,XPまたはServer 2003
  • Mac OS X 10.4.x
  • Redhat Enterprise Linux 3または4,Suse 10
  • Solaris 9,10

Flex 3 SDKのコンパイラはJavaで記述されているため,このように多くのOS上がサポートされています(対応OSにWindows Vistaがありませんが,筆者のWindows Vista環境では今のところ問題なく使えています)。

また,HDDに空き容量は200MB程度必要です。メモリは512MB以上(1GBを推奨)となっています。

Java実行環境を導入

Java実行環境(JRE)は1.4.2以降のバージョンが必要です。

Sunのダウンロードページから現在のバージョンの確認や最新版のインストールしておいてください。

Flex 3 SDKをダウンロード

Flex 3 SDKは2008年2月末に公開されたばかりです。まだ,Adobeの日本語サイトからはダウンロードできないため,英語のページからダウンロードします。

ページの下の方に「I have read the Adobe Flex 3.0 SDK License...」というチェックボックスがあります。チェックボックスをクリックすると,ダウンロード用のリンクが登場します。リンクをクリックしてzipファイルをダウンロードしてください。

flex3ダウンロード

なお,ダウンロードすると,Adobe Flex 3.0 SDKのライセンスに同意したことになります。気になる人は目を通しておいてください。

Flex 3 SDKをインストール

Flex 3 SDKを展開するフォルダを作成します。Windowsの方はC:\flex,Mac OSの方は/Developer/SDKs/flexといった場所にするのが分かりやすいでしょう。

ダウンロードしたzipファイルをflexフォルダに展開します。先ほど作成したflexフォルダの中に,asdoc・bin・libなどのフォルダがあれば成功です。

パスを通す

Flex 3 SDKでのコンパイルはコマンドラインでの開発となります。そのため,コンパイラにパスを通しておくと,今後の作業が楽になります。他の言語のSDKを導入したことがある方にはおなじみの作業でしょう。

以下に代表的な環境での設定方法を書いています。

Windows XP
  1. システムのプロパティを開きます((エクスプローラの[マイコンピュータ]を右クリックして[プロパティ]をクリック)。
  2. [詳細設定]タブを開き,[環境変数(N)]ボタンを押します。
  3. [システムのユーザー環境変数(S)]の中にPathという項目がある場合は[編集(E)]ボタンを押し,変数値の最後に「;C:\flex\bin」を追加します。Pathという項目がない場合は,[新規作成]ボタンを押し,変数名に「path」,変数値に「c:\flex\bin」と入力します。
Mac OS
  1. テキストエディタでホームディレクトリの.profileを開きます。
  2. 最後の行に,export PATH=$PATH:/Developer/SDKs/flex/binと追加します。
  3. ファイルを保存して,テキストエディタを終了します。
  4. ターミナルにsource ~/.profile[Enter]と入力して,.profileの内容を反映します。

ここまででセットアップは完了です。

Flashファイル生成まであと一息です。

HelloWorld!をコンパイル

それでは,最初のページで紹介したHello World!のソースコードをコンパイルしてみましょう。

以下のソースコードをテキストエディタに入力し,HelloWorld.asというファイル名で保存してください。


package{
  import flash.display.*;
  import flash.text.*;

  public class HelloWorld extends Sprite{
    public function HelloWorld(){
      var tf:TextField = new TextField();
      tf.text = "Hello World!";
      addChild(tf);
    }
  }
}

Flex 3 SDKにはGUIの開発環境が付属しません。コンパイルは全てコマンドラインで行います。Windowsの方はコマンドプロンプトを,Mac OSの方はターミナルを起動してください。cdコマンドを利用して,HelloWorld.asが置いてあるフォルダまで移動しておきます。

コンパイラのコマンド名はmxmlcです。mxmlcのあとに,ソースコードのファイル名を入力して,エンターキーを押すとコンパイルが始まります。

mxmlc HelloWorld.as

コンパイルに成功すると,HelloWorld.asと同じフォルダに,HelloWorld.swfいうファイルが生成されます。

Loading configuration file C:\flex\frameworks\flex-config.xml
C:\sample\HelloWorld.swf (622 bytes)

「'mxmlc'は~認識されていません」,「command not found」などと表示される場合には,Flex 3 SDK のbinフォルダにパスが通っていないようです。コンパイルエラーの場合には,エラーメッセージを参考にして,ソースコードの打ち間違いなどを確認してください。

著者プロフィール

最田健一(さいたけんいち)

有限会社 CO-CONV勤務のプログラマ。京都在住の京都好き。趣味で ActionScript 3.0やFlex 2を触っていたら,いつの間にか仕事でも使うことになっていた。個人ブログは「てっく煮ブログ」。

URLhttp://tech.nitoyon.com/

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き)

本連載では,実践サンプルとともに,jQueryを上手に活用してサイト制作の品質向上・効率化を実現するための実践テクニックを解説します。

サクセスストーリーに続く,快適サーバー運用管理のヒント!

サーバーを自社で運用管理するのはもう限界…。データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

続・先取り! Google Chrome Extensions

2010年1月のリリースが予定されているGoogle Chrome 4に搭載されるExtensionsについて,その詳細を先取りで解説します。最新情報から,ユーザースクリプトやテーマの作り方など関連情報もお届けします。

モダンPerlの世界へようこそ

この連載では,Perlの世代間ギャップに悩んでいる方に,いくらかの背景知識と,これだけは知っておいたほうがよいという最低限の慣用句をお届けします。

Hosting Department:ホスティングを活用するための基礎知識

本連載では,ホスティングサービスを活用する上で知っておきたい基礎知識を解説します。

Blogopolisから学ぶ計算幾何

計算幾何学は,図形に関するアルゴリズムを研究するコンピュータサイエンスの一分野です。本連載では,ビジュアルブログ検索エンジン「Blogopolis」で採用されている計算幾何のアプローチを例に取り上げながら,計算幾何の初歩を実践的に学習します。

Windows phoneアプリケーション開発入門

Windows Marcketplace for Mobileがサービス開始され,作成したアプリケーションを個人でも世界をターゲットに公開できる環境が整ってきました。これを機にWindows phoneアプリケーションの開発をしてみませんか?

いま,見ておきたいウェブサイト

この連載では,国内外の最新のウェブサイトを隔週更新で取り上げ,これら最新サイトの特徴や素晴らしい部分を,さまざまな角度から解説していきます。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス

最近のコメント