クラスメソッド株式会社 福田 寅成 2010/10/22 Adobe CS5の新しい中核を担うFlex 4のフレームワーク。ワークフローを初めRIA開発現場がどう変わるかを、Flash Builder 4やFlash Catalyst、Adobe AIR 2などの技術・ツール・フレームワークなどの機能を紹介しながら解説する連載(編集部) Flex開発におけるテスト・品質向上ツールの充実 従来、Flexでのアプリケーション開発では「手動でのテスト」が主で、ツールを利用した自動テストは行われてきませんでした。そもそもツールが存在しなかったからです。そのため、ActionScriptクラスの単体テストやコーディング規約の強制などは実施しようと思ってもFlex開発ツール上にその環境がなく断念せざるを得ない状況でした Flexでのアプリケーション開発のサーバサイド側でよく用いられるJavaでは、さま
海賊王をめざす男 マツです。こんにちは。 久々にすごいツールに出会いました。その名も Kap Inspect。 Flex でアプリケーションの構造を視覚化、イベントプロセスをモニターして分析することができます。 またデザインとスタイルもチェックできて、プロパティの変更などオブジェクトの操作が可能です。 ダウンロード Kap Inspect http://lab.kapit.fr/display/kapinspect/Kap+Inspect KapInspect.1.5.0.zip (2009/11/18 現在) 使い方 KapInspect.swc を Flex ビルドパス(ライブラリパス)libs に通します。 import fr.kapit.KapInspect; var myKapInspect:KapInspect = new KapInspect(); KapInspect 起動
Flexが登場してから、Webの様相は大きく変わりました。本稿では、初めてFlexを触ってみる人や、軽量スクリプト言語の経験があるWeb系エンジニアにもわかりやすいように、Flexとサーバサイドの通信方法について説明したいと思います。 はじめに 必要なソフトウェアとファイル Flex Builder 3(Flex 3 SDK) 体験版 購入 サンプルコード Sample_code.zip(zip形式、26KB) この記事で使用する言語 Ruby 1.8.4以降 Python 2.3以降 PHP 5.2以降 事前知識 Flex又はFlashの基礎的な知識。上記の(サーバサイドの)言語の何れかの基礎的な知識。 サーバサイド? Flexが登場してから、Webの様相は大きく変わりました。FlexはFlashの表現力を持ちながら、データベースに代表されるサーバサイドのリソースとの融和性に優れ、まだ
画面遷移 ■Flexのリッチな画面遷移テクニック集 http://www.atmarkit.co.jp/fwcr/rensai/flexjissen01/flexjissen01_01.html ■ModuleLoaderを使用した画面遷移について http://www.fxug.net/modules/xhnewbb/viewtopic.php?topic_id=864 ■Flex2 コントロール - Window・Dialog - http://wildcat.cocolog-nifty.com/web/2006/07/flex_windowdial_6c1d.html ■FlexUGでの議論 画面遷移について http://www.fxug.net/modules/xhnewbb/viewtopic.php?viewmode=flat&topic_id=62&forum=2 概要 ■
画像ファイルもドラッグ&ドロップできる デフォルトでドラッグ&ドロップをサポートしていないコントロールに、新たにドラッグ&ドロップ機能を追加する場合や、異なるコントロール間で行う場合には、“DragManager”を利用します。 まずは、サンプルを見てみましょう。 このサンプルは画像を下部の桃色のエリアにドラッグすると、その画像がエリアに追加されるサンプルです。 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"> <mx:Script> <![CDATA[ import mx.events.DragEvent; import mx.core.UIComponent; import mx.core.IFlexDis
rascutはActionScript絡みのファイルの変更を検出して, 自動コンパイルをしちゃうもの. さらにCometでコンパイル完了をWebブラウザに通知して, 自動ロードまでしちゃうにくいやつです. id:secondlifeさん++ だけどなんか画面が真っ白になるんですよね. Firebugを見るとswfobject.jsがない模様. 同じ症状が出ている人いっぱいみたいだね. d:id:lifegood:20080928 g:actionscript:id:kusigahama:20080922:1222105950 ちなみにボクの環境は下記のとおり. Mac OS X(10.5) Ruby 1.8.6 rascut 0.1.3 うーん, rascutによって起動されるHTTPサーバーがくさい. というコトでhttpd.rbを追ってみると, 31行目の: if F.file?(@p
のように表示されているため、「display_errors」は無効となっているようです。 試しに先ほど設定確認用に作成した「php_test.php」の内容をわざと間違えた内容にし、「php_test2.php」とします。 <? php // わざとスペースを入れてみました phpinfo(); ?> このファイルを確認するため、ブラウザで http://localhost:8001/php_test2.php にアクセスしてみます。 すると「display_errors」が無効となっているため、エラーがあってもブラウザ画面には何も表示されず、修正時の手助けとなるエラーが表示されません。 MAMPのデフォルトで無効となっている理由としては、「display_errors」の設定を記述してあるphp.iniファイルにも記述してあるようですが、 ; Print out errors (as a
基本的な文法 変数 var 変数名:型名; var num1:int; var textField1:TextField = new TextField(); クラスの定義 package 所属するパッケージ名 { // パッケージ名省略可 import xxx; import xxx; // 変数宣言 アクセス修飾子 var プロパティ名:プロパティの型; // コンストラクタ アクセス修飾子 function コンストラクタ名() { this.aaa = dddd; } // メソッド1 アクセス修飾子 function メソッド名1(引数1:型 = デフォルト値):戻り値の型 { return this.mmmm; } } Flashを描画するクラスは Sprite クラスを継承する package { public class Test
サンプルアプリケーション † Please see here by browsers dealing with object tag. Go to http://www.web-programer.net/contents/flex2/Sample/SampleDataGrid/SampleDataGrid.html DataGridにArrayCollection型の変数の内容を表示し、追加ボタンでデータを追加するサンプルです。 ※右クリック→ViewSourceでソースを表示できます。 ↑ DataGridの作り方 † 次のMXMLを記述することでDataGridを作成することができます。 DataGridに表示するデータは、dataProviderプロパティに{変数名}の形式で設定します。 <mx:DataGrid id="grid2" dataProvider="{grid
Give your Flex or AIR application a new look. ScaleNine provides skins and themes for Flex and AIR created by the community using the Adobe Creative Suite of tools and Flash Catalyst. Check out the Gallery to see the latest submissions or gain a little inspiration from the Showcase area of great looking applications. Browse the Gallery
前回までは画面に描画する方法をご紹介しました。単に表示するだけではつまらないので、今回はマウスに反応するFlashを作りながら、Flashのイベント処理を理解していきましょう。 Flashでイベントを扱う方法は、HTMLのDOMイベントとほとんど同じです。DOMイベントをご存知の方にとっては理解しやすい内容かもしれません。 クリックイベントを拾う さっそくシンプルな例から進めていきましょう。クリックした場所にランダムな色で円を表示するFlashです。 package { import flash.display.Sprite; import flash.events.MouseEvent; public class ClickTest extends Sprite { public function ClickTest():void { // クリックイベントを監視する stage.add
今回取り上げる関数/クラス flash.net.sendToURL flash.net.navigateToURL flash.net.URLLoader 本記事中のサンプルを表示するには最新のFlashPlayer9が必要です(本稿執筆時点では【9,0,28,0】が最新)。こちらから最新のFlashPlayer9をインストールしてください。また,インストール後はブラウザの再起動が必要です。インストールされているFlash Playerのバージョンを確認するにはこちら。 今回と次回にかけてブラウザ内で動作するFlexアプリケーションとサーバー・アプリケーションとを連携させるためのAPIをいくつか紹介します。これらはWebアプリケーションを開発するうえで非常に重要な機能ですので,ぜひともご自分の環境でもお試しください。 今回はflash.net パッケージの関数である【sendToURL】関
完全改訂版!「詳細!ActionScript3.0入門ノート」が8月に発売です。 さらに充実、初心者向けにほぼ全面書き下ろしです。 この本から抜粋した原稿、サンプルコードを紹介しています。 →ActionScript3.0入門ノート CS4サポートページ Adobe Flash CS4 詳細!ActionScript 3.0入門ノート[完全改訂版] 発売日:2009年8月1日 目次はこちら→目次項目
エンジニアがFlashアプリを作るためのツール。それがAdobe Flexです。新バージョンの登場でぐっと使いやすくなると同時に,求めやすい価格になったFlexの使い方を解説します。 中垣 茂 隔週更新中 ・第29回 Flexが備えるMXMLコンポーネント(Part13:Tree) 今回は【mx.controls.Tree】コンポーネントを紹介します。階層構造のナビゲーションなどに使われるコンポーネントで,非常になじみ深いユーザー・インタフェースです。ただし,実際に使うときには注意すべき点があります。 ・【特別レポート】ブラウザ/OSを越えた次世代環境「Adobe AIR」を試してみよう アドビシステムズは2008年2月25日に,アプリケーション実行環境「AIR」の正式版をリリースしました。AIRについては名前は聞いたことがあっても,“正体”を理解している人はさほど多くないのではないかと思
Adobe Flex 3のインストール手順 Flex 3のインストール方法を説明します。 HTML Adobe Flex 3 Builderのインストール手順 Flex 3 Builderのインストール方法を説明します。 HTML Adobe Flex 3 Automationのインストール手順 Flex 3 Automationのインストール方法を説明します。 HTML Adobe Flex Builder 3ユーザーガイド Adobe Flex Builderを使用してFlexアプリケーションを構築する方法を説明します。 LiveDocs | PDF Adobe Flex 3リファレンスガイド Flex ActionScriptおよびMXMLプログラミングインターフェイスについて、詳しく説明します。 LiveDocs Flex 3開発ガイド アプリケーションの作成、Fle
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く