Flex チュートリアル&記事
FlashDevelop(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 FlashDevelopはソフトの軽さと強力なコードヒント機能によってプロのFlasherから熱烈な支持を受けているエディターです。まずはコードヒント機能がどのくらい優れているか分かる90秒のライブコーディングビデオを用意しました。 FlashDevelop Code Hint Movie from clockmaker on Vimeo. コードの補間によってキータイプの量を劇的に減らせ、自動的に整形されるため見通しの良いコードが仕上がるのがおわかりになるかと思います。 では、そんな便利で高機能なFlashDevelopのインストール方法を紹介します。できる限り
このエントリでFlex 3 SDKを導入してAIRプログラミングを開始してみたのですが、意外と包括的なイントロが無いようなので記しておこうと思います。Mac OS Xを除く各種UNIX系では現状対応するAIRはないのでAIRは導入出来ませんが、Flex 3 SDKの設定はMac OS Xでの場合とほぼ同一です。 前提 解説する上で、いくつか前提を設けさせていただきたいと思います。ただし、この前提が関係するところでは適宜、この条件以外の場合についても解説します。 プラットフォームはMac OS X (10.5)。 システム全体ではなく、特定ユーザのみで使用する。今回はflexuserユーザが使用する。 プログラミングは任意のエディタで行い、コマンドラインでコンパイル、パッケージングする。 ソフトウェアの入手 始めにプログラミング環境および実行環境を整える必要があります。以下に開発環境となるF
Adobe Flex Builder 3ってどんなソフト? AIRの日本語版がリリースされ、AIRを使ったRIA(Rich Internet Application)の注目度はますます高くなっています。 本連載では、AIRやFlex Builderに興味はあるけど、ちょっと敷居の高さを感じでいる方々に向けて、Flex Builder 3を使ったAIRアプリケーション作成方法を紹介していきます。 まずは、本連載のテーマでもあるFlex Builder 3がどんなことができるソフトなのかについて紹介しています。 Flex Builder 3は、Webデザイナーの方々に分かりやすく例えると、タイムライン(時間軸)の無いFlash CS3というイメージになります。Flashは、もともとアニメーション開発を意識したツールであるため、タイムラインがあります。しかし、ユーザがさまざまな操作を行うWebコ
透明ウィンドウの作成について 前回は簡単なAIRアプリケーション作成から配布方法を説明しましたが、今回は透明ウィンドウのAIRアプリケーション作成と、簡単なブラウザ作成の説明をしていきます。 最初は、透明ウィンドウについてです。Flex BuilderやFlash CS3のように、一般的なアプリケーションの形状は四角いウィンドウで、右上に閉じるボタンなどのタイトルバーが付いています。しかし、アナログ時計のようなアプリケーションでは、ウィンドウではなく時計の丸い形状だけが表示されているものもあります。このアナログ時計のような丸い形状のものは、ウィンドウ自体を透明化し、時計のコンテンツ部だけ表示しているために丸い形状のみが見えている状態になっています。 AIRアプリケーションでも、このような透明化されたウィンドウのアプリケーションを作成することができます(図1)。 それでは、AIRアプリケーシ
Adobe AIRについて 前回までは、Flex Builder 3でSWFコンテンツ作成の説明をしてきました。いよいよ、今回はAIRアプリケーションの作成について説明します。 アドビ システムズ社より、2008年6月17日に日本語環境に対応したAIR 1.1がリリースされました。日本語に対応したことにより、日本での利用者が大幅に増えると予想されています。 まずは、AIRについて簡単に紹介します。AIR(Adobe Integrated Runtime)とは、アドビ システムズ社が提供しているデスクトップアプリケーションの実行環境のことです。 通常のデスクトップアプリケーションは、OSの種類に依存しますので、Windows用やMac用などのOSに応じたアプリケーション開発を行う必要がありますし、Windows用アプリケーションはMacでは動作しないという問題点もあります。しかし、AIRは各
今回紹介するMask系エフェクト WipeUp WipeDown WipeLeft WipeRight Iris 今回紹介するEasing関数クラス Back Bounce Circular Cubic Elastic Exponential Linear Quadratic Quartic Quintic Sine 今回は,Mask系のエフェクトと,エフェクトで使用される「Easing」関数のクラスについて解説します。Maskとは文字通り,ターゲット(対象)を(部分的に)見えなくする効果です。Easingとはターゲットのパラメータ(位置や透明度など)をある法則にしたがって徐々に変化させる手法です。 様々なMask系エフェクト まず,「Mask」とは何でしょうか? 言葉どおりに解釈すると「覆い隠すもの」という意味になります。FlexやFlashでは,Maskとして何か適当なオブジェクトを指
Flex SDK coding conventions and best practices Note: This page is not yet complete and has some sections marked TBD. But there's plenty here to get you started! Introduction This document lays out the coding standards for writing open-source Flex framework components in ActionScript 3. Adhering to these standards makes the source code look consistent, well-organized, and professional. Some of thes
Flashで3D? 数年前まで、Flashと言えばデザイナが絵やアニメーションを作り、そこにちょっとしたインタラクティビティを持たせるためのツールという見方が一般的でした。しかし、昨年あたりから急激に「えっ!?こんなことがFlashでできるの?」というようなコンテンツが増えてきています。このようなコンテンツが現れはじめた原因は、言語仕様が一新されたActionScript 3による高いパフォーマンスにあります。 本連載では、ActionScript 3のパフォーマンスを活かした一例として、Web上での3D表現を取り上げます。Webで3Dというと、VRMLやJava3Dなどの方法が存在はしたものの、なかなか広まることがありませんでした。これは実行環境の普及率が原因していると言えるのではないでしょうか。その点について、Flashは恵まれた環境にあると言えます。Adobeの資料によれば、日本国内
前回はワイヤーフレームの三角形をくるくる回すところまで紹介しました。その先の課題としていろいろなものがあると書いて終わりとなりましたが、今回はその中からシェーディングを取り上げて説明します。また、ActionScript 3のpackageの概念などについても必要に応じて説明します。 Flex 3 SDKのリリースとFlashDevelopのバージョンアップ 早速今回の内容に移りたいのですが、前回の記事掲載からの間に開発に大きく影響する変化があったので、そこをまず説明します。最も大きいのはFlex 3 SDKがベータ版ではなくなり、Adobe Open Sourceで公開されたことです。これにより従来のFlex 3 SDKは3月15日付で使えなくなりました。コンパイルしてみると、期限切れを表すエラーが出るはずです。 正式バージョンのFlex 3 SDKはFlex 3 SDK Downloa
ExternalInterface クラスは外部 API であり、ActionScript と Flash Player のコンテナとの間で直接通信できるようにするアプリケーションプログラミングインターフェイスです。コンテナの例としては、JavaScript が含まれる HTML ページがあります。JavaScript と ActionScript 間のすべての通信に、ExternalInterface を使用することを推奨します。 HTML ページで JavaScript を使用することにより、Flash Player から ActionScript 関数を呼び出すことができます。ActionScript 関数は値を返すことができ、JavaScript は、呼び出しの戻り値として即座にこの値を受け取ります。 この機能は、fscommand() メソッドに代わるものです。 External
Flex3勉強会第33回(アンケート結果)でRails + FlexとLoggingについての2本立てでしゃべらせてもらいました。 簡単ですが、その内容のメモです。 Ruby on Rails + Flex 以下の記事にそってライブコーディングしました。 Rails 2.0とFlex 3 beta3でRESTfulなBookmarkアプリを作ろう 1 Rails 2.0とFlex 3 beta3でRESTfulなBookmarkアプリを作ろう 2 話の中で出てきたもの Ruby on Rails RadRails - Railsの開発環境(Eclipseベース) REST SQLite Database Browser Spark project Firebug - XMLの通信内容をチェックするのに利用 as3httpclientlib - AS3でGET, PUT, POST,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く