Home > flex

flex Archive

Flex Style Explorer

  • 2007-02-14 (水)
  • flex
FlexStyleExplorer.jpg

Flexアプリケーションを作っていく方法は、

  • ActionScript 3.0 を使って、高度なインタラクションを作る。
  • MXML という xml 記法の言語を使って、Flex コンポーネントを呼び出し・配置・設定する。コンポーネントにはボタンやスクロールバー、カラーピッカー等があり、その外観は mxml 内の css にてスタイル指定できる。
という、大別して2つのアプローチがあるそうです。

後者の Flex コンポーネントを使うとはつまり、Adobeが用意してくれている洗練されたインターフェースを使って、汎用的なUIを簡単に組み上げていけるということです。従来のFlashサイトのように、オリジナリティ溢れるUIをゼロから設計しなくてもよいので、「ツールとして毎日使ってもらうようなアプリケーション」「それほどUIの知識に自信のない開発者」「速攻でモックアップを作りたい場合」に大活躍します。

その Flex コンポーネントって何があるの?どこまで外観(スタイル)を変更できるの?その時のコードのボリュームは?と、興味が尽きない僕のために、「Adobe Consulting」が「Flex Style Explorer」をリリースしてくださいました。

全文を読む

theFlexBlog

  • 2007-01-23 (火)
  • flex

gotoAndLearn.com当記事)でお世話になり、TheFlashBlog当記事1)で最新Flashスキルを公開してくださり、Lynda.com当記事)の講師としても活躍される、frog design社(最近参加?)の Lee Brimlow さんが、今度はFlex向けブログ「theFlexBlog」をスタートされました。こうやって列挙してみると、ものすごいご活躍ですね。

僕は、デスクトップテーマまでLeeさんと同じにしてしまう程リスペクトしているので、LeeさんがFlexをされているのなら、僕もやりますよ。(今は環境すらないけど。)
theWPFBlog」もされているようなので、僕もやりますよ。(WPF全然知らないけど。)

Flex2の基本チュートリアルビデオ

  • 2006-10-12 (木)
  • flex

だいぶ前に会員登録制(有料)になったFlashチュートリアルビデオサイトの「Flash Extensions」で、Flex2の基本を紹介している計15分ほどのビデオが一般公開中。Flex2体験版をインストールしたものの、何やったらいいか見当つかないという方は、とりあえず無料なので見ておくといいかもです。

Video Tutorialsページの"How Flex Works"をクリック、00〜06の全て(星が点灯しているコンテンツ)が視聴可能です。

あくまで、概要の紹介なので、より突っ込んだ内容は、会員向けに今後作られていくのだと思います。

前回ビデオチュートリアルサイトをまとめたエントリを書いた時から、再度サイトのデザインが更新されていて驚きました。

Apolloスクリーンショット

  • 2006-06-15 (木)
  • flex

Digital Backcountry - Ryan Stewart on Building the Web with Flex and the Flash Platform: I Have Seen Apollo and it is Awesome
「Adobe Developer Week」にてFlex builderで作られたApolloのデモを見てきた方の記事。いずれAdobeから動画なり体験版なりで公開されるでしょうが、いち早くスクリーンショットでの速報。
(参照元:FlexCoderさんの記事より

完全にデスクトップアプリケーション。Flashの延長だと思って油断していると、完全に淘汰されてしまう気配。データ処理の知識必須。やばい。
Flexをどこからどう触ったらいいのかも分からないので、「インストールからみんなで格闘するFlex初心者の集会」とかないかなぁ。東京では「Flex勉強会」をされてるらしいのですが、レベル高そう。

Extending Ajax with Adobe Flex

  • 2006-04-28 (金)
  • flex

flexvideo.jpg
Flexの利点を実演を交えながら解説してくれるインタビュー番組。どういう経緯で作られている番組かは分かりませんが、司会のおじさんが、解説者の操作を見ては「ほぅ。ちょっとソース見せて」とか「んで、Flexとajaxとは今後どういう関係を築いていくの?」とか、かなり知ってる人です。そのおかげもあってインタビュー進行もスムーズ。
鋭い質問と、それに対する素早い回答、頭のいい人達の会話はこういうものなのかと驚きました。(原稿があるのかもしれませんが。)

で、番組を見て感じたFlexの印象は、Webアプリケーションの開発スピードが劇的に向上しそうだということ。使いそうなパーツはほとんどコンポーネントとして用意され、パラメーターをいじるだけで、ガワができてしまう。MXMLというFlex用のXMLソースからの構築も、ものすごく簡単。ガワを配置した後、外部XMLとのデータバインディングをMXMLに1行書き足すだけで実現していた(ように見えました。)これって今のFlashのXML読み込み作業と比較すると、相当なスピードの差。Flashでもコンポーネントや、僕の知らない便利なメソッドで、開発スピードがアップできるのかもしれませんが、そっち方面に特化して作られたFlexはやっぱり凄かったという印象。

FlexやAjaxで作られたショッピングシステムは既存のショッピングカートに比べると、ものすごく分かりやすく、使いやすい。ただ、現状のシステムに慣れてしまった一般ユーザーは、その便利さ、操作性の変化に戸惑ってしまうのではと思ったりもするので、いきなり既存のショッピングシステムを駆逐してしまうことはないと思う。Amazonや楽天のインターフェースが変わるのが、ちょっとイメージできない。

でもFlexの開発力には将来性を感じるし、ぜひとも手を出してみたい技術であることには変わりありません。

Home > flex

持っている Flash & ActionScript 関連本の中から、自分的おすすめの読む順番をご紹介。各書籍のレビューは books カテゴリからご覧頂けます。
この順番でどう?(AS3.0)
  • Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)
    Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)

    デザイン方面からFlashデビューして、そのままAS2.0を使うようになった人が、難しいと評判のAS3デビューする時の最初の1冊として、とにかく目を通しておくと良いかと思います。プログラミング経験の少ない方でも、サンプルをじっくり読めば、ゼロからのAS3デビュー可。
  • ActionScript 3.0 アニメーション
    ActionScript 3.0 アニメーション
    洋書「Making Things Move!」の日本語訳本。ActionScript3.0で数学的アニメーションを作ることがメインテーマなのですが、前半部分でAS3.0の基礎を分かり易く解説されています。後半の重力, IK, 3D表現等のアニメーション解説も楽しい。僕はこれのAS2.0洋書版を読んでFlashの面白さに気付きました。
  • Essential ActionScript 3.0 (Essential)
    Essential ActionScript 3.0 (Essential)

    900ページ以上ある相当分厚い本。基礎からOOPまでを解説。ほぼ網羅しているので、これを抑えておけばAS3博士になれそう。
  • Actionscript 3.0 Cookbook
    Actionscript 3.0 Cookbook

    ActionScript3.0のリファレンス本。問題とその解決法が1ページぐらいで細分化されているので空いた時間にちょっとずつ読み進められる。WebでAS3のソースを見て勉強する時の字引としても使う。ただ、時期的に初期の本なので、AS3自体が仕様変更してたりするので正誤表は必読。
  • Object-Oriented Actionscript 3.0
    Object-Oriented Actionscript 3.0

    7/23に発売されたFlash&OOP本。AS2.0版は持っているのだけど、オブジェクト指向の初歩的な解説から入って、後半は僕の理解を超える難度になっていきました。今度こそ理解できるか?
この順番でどう?(AS2.0)
  • Foundation Actionscript Animation: Making Things Move (Foundation)
    Foundation Actionscript Animation: Making Things Move (Foundation)

    スクリプトでアニメーションさせる方法を学べる。プログラムの知識というよりも数学や物理の知識が必要。バネの表現や3D表現など、汎用性の高いテクニックを身に付けられ、個人の表現力をレベルアップするのに最適。参考までに、僕が調べた英単語リスト。2007年4月に、AS3対応版も発売されました。
  • ゲーム開発のための数学・物理学入門 Beginning Math and Physics for Game Programmers
    ゲーム開発のための数学・物理学入門  Beginning Math and Physics for Game Programmers

    「Making Things Move!」の世界を突き詰めたい人用のステップアップのための本。行列や物理運動、2D/3D表現。Flashの本ではなく、じっくり読むタイプの本なので、あとまわしにしてもいいかも。
  • Flash 8 Essentials
    Flash 8 Essentials

    Flash8の新機能を紹介。全10章が独立した構成で、興味のある部分から読めます。フィルタやビットマップ、ビデオの使い方とかを、基礎から順を追って理解していけるので、ゼロからスクリプティングできるようになる。僕はビットマップ関連の作業の際のリファレンスとして常用しています。
  • .fla―Idea of Flash Creation
    .fla―Idea of Flash Creation

    上の本でFlash8の基本を身に付けて、それをどう面白い表現に落とし込むかを学べます。深津さんの、試行錯誤・実験しやすいスクリプティング、クラス設計に凄さを感じました。YouTubeやFlickrのAPI、PHPとの連携記事も。
  • FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]
    FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]

    ここまでで表現力が付き、テンションが上がるので、その勢いで難解なオブジェクト指向に挑戦。プログラム経験のない人がいきなり英語のOOP本を読むのは厳しい。この本で継承とかインターフェースとかポリモーフィズムとかの用語を理解しておくといいかも。
  • オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―
    オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―

    Flashの本ではありませんが、OOPの概念を気軽に読めるボリュームで解説してくれます。英語と日本語のOOP用語の対応を図るためにも「Object-oriented Actionscript for Flash 8」と併読するのがおすすめ。なんとなく読んでおくだけでも結構違うのでは。
  • Object-oriented Actionscript for Flash 8
    Object-oriented Actionscript for Flash 8

    前半はOOPの利便性や基本の紹介。デザインパターンやMVCの理解。13章からグッと難しくなって大変。Flash8対応。
  • Essential Actionscript 2.0
    Essential Actionscript 2.0

    上の本よりもさらにOOPプログラマ向け。同じOOP本ということでやや重複しており、こちらはMX2004時代の本なので見送ってもいいかも。分かりやすい英語で良著。この本のAS3版が出たら間違いなく買い。

Page Top