SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

連載記事

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZine BOOKS(コードジン・ブックス)は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。

書籍に関する記事を見る

'); googletag.cmd.push(function() { googletag.pubads().addEventListener('slotRenderEnded', function(e) { var ad_id = e.slot.getSlotElementId(); if (ad_id == 'div-gpt-ad-1659428980688-0') { var ad = $('#'+ad_id).find('iframe'); if ($(ad).width() == 728) { var ww = $(window).width(); ww = ww*0.90; var style = document.createElement("style"); document.head.appendChild( style ); var sheet = style.sheet; sheet.insertRule( "#div-gpt-ad-1659428980688-0 iframe {-moz-transform: scale("+ww/728+","+ww/728+");-moz-transform-origin: 0 0;-webkit-transform: scale("+ww/728+","+ww/728+");-webkit-transform-origin: 0 0;-o-transform: scale("+ww/728+","+ww/728+");-o-transform-origin: 0 0;-ms-transform: scale("+ww/728+","+ww/728+");-ms-transform-origin: 0 0;}", 0 ); sheet.insertRule( "#div-gpt-ad-1659428980688-0 div{ height:"+(90*ww/728)+"px;width:"+728+"px;}", 0 ); } else { if ($(window).width() < 340) { var ww = $(window).width(); ww = ww*0.875; var style = document.createElement("style"); document.head.appendChild( style ); var sheet = style.sheet; sheet.insertRule( "#div-gpt-ad-1659428980688-0 iframe {-moz-transform: scale("+ww/320+","+ww/320+");-moz-transform-origin: 0 0;-webkit-transform: scale("+ww/320+","+ww/320+");-webkit-transform-origin: 0 0;-o-transform: scale("+ww/320+","+ww/320+");-o-transform-origin: 0 0;-ms-transform: scale("+ww/320+","+ww/320+");-ms-transform-origin: 0 0;}", 0 ); sheet.insertRule( "#div-gpt-ad-1659428980688-0 div{ height:"+(180*ww/320)+"px;width:"+320+"px;}", 0 ); } } } }); }); } else { document.write('
'); document.write('
'); }
1から分かるJava開発者のためのFlex 4入門

Flexの概要とFlash Builder 4 Eclipseプラグインのインストール方法 ~ Java開発者のためのFlex 4入門

1から分かるJava開発者のためのFlex 4入門(前編)


  • X ポスト
  • このエントリーをはてなブックマークに追加

ダウンロード サンプルソース (1.2 KB)

 Javaの開発者の方を対象に、RIAの開発フレームワークAdobe Flexの概要、IDEのインストール方法、開発の基礎までを2回に渡って紹介します。1回目の今回は、Flexの構成要素と、Eclipseのプラグインを使ったインストール方法、開発の流れを紹介します。Webアプリケーションの構築において、JavaとFlexは非常に相性がよく、開発言語のActionScript3.0 とJavaが似ていることもあり習得も容易です。本稿を読んで、ぜひFlexに触れてみてください。

  • X ポスト
  • このエントリーをはてなブックマークに追加

はじめに

 本稿では2回に分けてJavaの開発者の方を対象に、Adobe Flex(以下、Flex)の概要や構成要素について紹介し、インストールからアプリケーション開発の流れまでを簡潔に紹介していきます。

 1回目の今回は、Flexの構成要素についてと、開発環境であるAdobe Flash Builder 4(以下、Flash Builder)をEclipseのプラグインとしてインストール方法を紹介します。

 Flexは強力なRIA(Rich Internet Application)の開発フレームワークです。Webアプリケーションの構築においてJavaとFlexは非常に相性がよく、開発言語のActionScript 3とJavaが似ていることもあり習得も容易です。本稿を読んで、ぜひFlexに触れてみてください。

対象読者

 Flash/Flex/AIRなど、Adobe関連の技術にあまり触れたことのない、Java開発者の方を対象にしています。

  • Java以外のスキルも身につけたいプログラマーの方
  • 高度なUIを持つWebアプリケーションを手軽に作りたい方
  • Flexで何ができるのか、どんな仕組みなのか知りたい方

Adobe Flexについて

 Flexをひとことで紹介するなら「高度なUIを持つWebアプリケーションのフレームワーク」と言うことができます。Flexで作ったアプリケーションは、Webブラウザの中で動かすこともできますし、WindowsやMac OS X、Linuxにインストールして使うデスクトップアプリケーションとして動かすこともできます。

 その最大の魅力は、用意されている豊富なコンポーネントを使って、高度なUIを持つアプリケーションを簡単に開発できる点にあります。Flexには、データグリッドやデータ視覚化のための各種チャート、ツリーやリッチエディタ、動画再生など豊富なコンポーネントが用意されています。

豊富なコンポーネントが魅力の1つ
豊富なコンポーネントが魅力の1つ

FlashとFlexの関係

 Webブラウザで動かすというと、Javaアプレットのようなものかと思うかもしれません。確かに、Flexアプリケーションは、Webブラウザのプラグインとして動かすことになりますが、普及率で99%以上を誇るFlash Player上で動かすことができます。ですから、Flexアプリケーションのために、わざわざプラグインをインストールしなければならないという心配は無用です(そもそも、Flex自体が、Flashのフレームワークという位置づけです)。

 なお、Flash Playerの普及率については次のWebページで確認できます。

 では、FlashとFlexで何が違うのかというと、開発環境が異なります。Flashはもともと、Webアニメーションの開発ツールから出発しています。そのため、Flashを起動させると、線や図形などを描画するデザイン画面が現れます。そして、簡単なアニメを作るだけならまったくプログラムを書くことはありません。ユーザーが絵をクリックしたり、外部からデータを取得するなど何かしらのアクションを起こす段階になってはじめてプログラムの記述が必要になります。

Adobe Flash Professionalの画面
Adobe Flash Professionalの画面

 それに対して、Flexの開発ツールであるFlash Builderは、起動してプロジェクトを作成すると、私たちに非常になじみ深いあのEclipseの画面が現れます(Flash BuilderはEclipseをベースに作られています)。そのため、Javaのようにサクサクとコーディングを楽しむことができます。もちろん、Flash Builderは有償のツールだけあって、マウス操作で手早く画面を作ることもできますが、Eclipse由来のインテリジェントな開発補助機能は健在です。

Flash Builderの画面
Flash Builderの画面

 つまり、Flashはデザイナーのためのツール、Flexはプログラマーのためのツールという棲み分けになっています。ただし、どちらのツールで作っても、Flash Player上で動作する、Flashファイル(swfファイル)を生成することになります。

AIRとFlashの関係

 先ほど、Windows/Mac OS X/Linuxにインストールして、デスクトップアプリケーションとして動かすこともできると書きました。これは、Adobe AIR(以下、AIR)と呼ばれる技術です。Flex/Flashで作ったアプリケーションを実行ファイルの形式で書き出すことができます。Javaと同じくOSごとにランタイムが用意されており、一度作成したAIRパッケージは、OSを選ぶことなく同じように動かすことができます。加えて、ローカルのリソース(ファイルシステムやデータベースなど)を利用することが可能で、Webブラウザの枠に捕らわれないさまざまな機能を利用できます。AIRはデスクトップで動くウィジェット/ガジェットの作成に広く利用されています。

 また、Androidなどのスマートフォンやモバイル端末でもAIRが動作するようになっています。本稿執筆時点(2010年7月)では、既にAndroid向けのプレリリース版がリリースされているので、一般公開も近いと言えます。

次のページ
Flexを採用すればUIの改善も楽々

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
1から分かるJava開発者のためのFlex 4入門連載記事一覧
この記事の著者

クジラ飛行机(クジラヒコウヅクエ)

ソフト企画「くじらはんど」にて、多数のフリーソフトを公開しています。日本語プログラミング言語「なでしこ」、テキスト音楽「サクラ」、日本語Wiki記法が特徴の「KonaWiki」などを公開しています。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/5342 2010/08/05 17:40
" ); }

おすすめ

アクセスランキング

  1. 1
    ガントチャートをWebアプリに組み込める「ガントシート」でプロジェクト管理機能を作成してみよう
  2. 2
    1/10まで全文無料公開、人気の入門書シリーズ『いきなりプログラミング Androidアプリ開発』
  3. 3
    オープンソース監視システム「Prometheus 3.0」が公開
  4. 4
    Renewer、Tips集「生成AI × 勉強法ガイドブック 2025」を公開 NEW
  5. 5
    Linuxディストリビューション「Nobara 41」が公開
  1. 6
    8割超が目標を達成。約7割が収入増を実感、「プログラミングスクール受講による成果と実績」調査をTAG STUDIOが実施 NEW
  2. 7
    ミッチェル・ハシモト氏、高速で機能豊富なターミナルエミュレーター「Ghostty 1.0」リリース
  3. 8
    Node.js v23.6.0 リリース、TypeScriptの実行が容易に NEW
  4. 9
    ガートナージャパン、企業が2025年に押さえておくべきセキュリティとプライバシに関する重要論点を発表
  5. 10
    大企業を芯からアジャイルに──20年以上アジャイル実践してきた市谷氏が語る変革への道 NEW

アクセスランキング

  1. 1
    ガントチャートをWebアプリに組み込める「ガントシート」でプロジェクト管理機能を作成してみよう
  2. 2
    1/10まで全文無料公開、人気の入門書シリーズ『いきなりプログラミング Androidアプリ開発』
  3. 3
    オープンソース監視システム「Prometheus 3.0」が公開
  4. 4
    Renewer、Tips集「生成AI × 勉強法ガイドブック 2025」を公開 NEW
  5. 5
    Linuxディストリビューション「Nobara 41」が公開
  6. 6
    8割超が目標を達成。約7割が収入増を実感、「プログラミングスクール受講による成果と実績」調査をTAG STUDIOが実施 NEW
  7. 7
    ミッチェル・ハシモト氏、高速で機能豊富なターミナルエミュレーター「Ghostty 1.0」リリース
  8. 8
    Node.js v23.6.0 リリース、TypeScriptの実行が容易に NEW
  9. 9
    ガートナージャパン、企業が2025年に押さえておくべきセキュリティとプライバシに関する重要論点を発表
  10. 10
    大企業を芯からアジャイルに──20年以上アジャイル実践してきた市谷氏が語る変革への道 NEW
  1. 1
    いいエンジニアになるための2つのポイント ──元Google技術者・石原氏が説く「シリコンバレー流ソフトウェア開発術」
  2. 2
    アジャイル開発の推進において、必ずしも"すごい人"は必要ない──現場のエンジニアがDevOps推進で実現する組織改革
  3. 3
    デスクトップアプリを開発しよう! 「Rust」と「Tauri 2.0」の基本情報と環境整備の仕方を解説
  4. 4
    「CUDA」 ~マンガでプログラミング用語解説
  5. 5
    デスクトップアプリ開発に必要な「Rust」の文法を理解しよう
  6. 6
    1/10まで全文無料公開、人気の入門書シリーズ『いきなりプログラミング Androidアプリ開発』
  7. 7
    "けしからん"精神が切り拓く未来──IPA登氏が語る、技術大国・日本が目指す復活戦略
  8. 8
    Google、社内AIエージェント「Google Agentspace」発表
  9. 9
    ガントチャートをWebアプリに組み込める「ガントシート」でプロジェクト管理機能を作成してみよう
  10. 10
    JavaScriptのWebフレームワーク、「Astro 5.1」リリース

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

メールバックナンバー

アクセスランキング

  1. 1
    ガントチャートをWebアプリに組み込める「ガントシート」でプロジェクト管理機能を作成してみよう
  2. 2
    1/10まで全文無料公開、人気の入門書シリーズ『いきなりプログラミング Androidアプリ開発』
  3. 3
    オープンソース監視システム「Prometheus 3.0」が公開
  4. 4
    Renewer、Tips集「生成AI × 勉強法ガイドブック 2025」を公開 NEW
  5. 5
    Linuxディストリビューション「Nobara 41」が公開
  1. 6
    8割超が目標を達成。約7割が収入増を実感、「プログラミングスクール受講による成果と実績」調査をTAG STUDIOが実施 NEW
  2. 7
    ミッチェル・ハシモト氏、高速で機能豊富なターミナルエミュレーター「Ghostty 1.0」リリース
  3. 8
    Node.js v23.6.0 リリース、TypeScriptの実行が容易に NEW
  4. 9
    ガートナージャパン、企業が2025年に押さえておくべきセキュリティとプライバシに関する重要論点を発表
  5. 10
    大企業を芯からアジャイルに──20年以上アジャイル実践してきた市谷氏が語る変革への道 NEW

アクセスランキング

  1. 1
    ガントチャートをWebアプリに組み込める「ガントシート」でプロジェクト管理機能を作成してみよう
  2. 2
    1/10まで全文無料公開、人気の入門書シリーズ『いきなりプログラミング Androidアプリ開発』
  3. 3
    オープンソース監視システム「Prometheus 3.0」が公開
  4. 4
    Renewer、Tips集「生成AI × 勉強法ガイドブック 2025」を公開 NEW
  5. 5
    Linuxディストリビューション「Nobara 41」が公開
  6. 6
    8割超が目標を達成。約7割が収入増を実感、「プログラミングスクール受講による成果と実績」調査をTAG STUDIOが実施 NEW
  7. 7
    ミッチェル・ハシモト氏、高速で機能豊富なターミナルエミュレーター「Ghostty 1.0」リリース
  8. 8
    Node.js v23.6.0 リリース、TypeScriptの実行が容易に NEW
  9. 9
    ガートナージャパン、企業が2025年に押さえておくべきセキュリティとプライバシに関する重要論点を発表
  10. 10
    大企業を芯からアジャイルに──20年以上アジャイル実践してきた市谷氏が語る変革への道 NEW
  1. 1
    いいエンジニアになるための2つのポイント ──元Google技術者・石原氏が説く「シリコンバレー流ソフトウェア開発術」
  2. 2
    アジャイル開発の推進において、必ずしも"すごい人"は必要ない──現場のエンジニアがDevOps推進で実現する組織改革
  3. 3
    デスクトップアプリを開発しよう! 「Rust」と「Tauri 2.0」の基本情報と環境整備の仕方を解説
  4. 4
    「CUDA」 ~マンガでプログラミング用語解説
  5. 5
    デスクトップアプリ開発に必要な「Rust」の文法を理解しよう
  6. 6
    1/10まで全文無料公開、人気の入門書シリーズ『いきなりプログラミング Androidアプリ開発』
  7. 7
    "けしからん"精神が切り拓く未来──IPA登氏が語る、技術大国・日本が目指す復活戦略
  8. 8
    Google、社内AIエージェント「Google Agentspace」発表
  9. 9
    ガントチャートをWebアプリに組み込める「ガントシート」でプロジェクト管理機能を作成してみよう
  10. 10
    JavaScriptのWebフレームワーク、「Astro 5.1」リリース