%embedded%ActionScriptEditor | About code editing in Flex BuilderFlex アプリケーションや ActionScript アプリケーションの設計時と開発時には、Flex 開発パースペクティブで作業します。このパースペクティブには、Flex Builder エディタ、およびコード編集とデザインタスクをサポートするすべてのビューが備わっています。Flex 開発パースペクティブの設定は、作業中のエディタとモードに依存します。例えば、Flex プロジェクトの作成時には、MXML エディタは 2 つのモード(ソースとデザイン)で動作し、各モードには、サポート対象の独自のビューのコレクションがあります。Flex 開発パースペクティブの概要については、Flex 開発パースペクティブを参照してください。
MXML、ActionScript および CSS エディタ
Flex Builder には、MXML、ActionScript および CSS コードを記述するための 3 つのエディタが用意されています。
MXML エディタでは、MXML ファイルを編集できます。MXML エディタには、ソースモードとデザインモードの 2 つのモードがあります。ソースモードでは、MXML を記述し、<mx:Script> タグと <mx:Style> タグ内に含まれている ActionScript および CSS コードを埋め込みます。デザインモードでは、Flex アプリケーションをレイアウトおよびデザインします。詳細については、Flex ユーザーインターフェイスの構築を参照してください。
ActionScript エディタを使用すると、ActionScript プロジェクトのメインファイル、そしてクラスファイルとインターフェイスファイルを含む、AS ファイルを編集できます。詳細については、ActionScript プロジェクトについてを参照してください。
カスケーディングスタイルシート(CSS ファイル)を記述するには、CSS エディタを使用します。詳細については、『Adobe Flex 3 開発ガイド』のスタイルおよびスキンの適用およびスタイルとテーマの使用を参照してください。
MXML、ActionScript、および CSS のコンテンツ支援
MXML、ActionScript、および CSS の各コードの入力時に、コードの完成に役立つヒントが表示されます。この機能は「コンテンツアシスト」と呼ばれます。Flex Builder には、MXML タグの完成、自動インポート管理、『Adobe Flex リファレンスガイド』 との統合、ワークスペース内のコードを表示する各種のフォントや色を選択できる機能もあり、コードをすばやく開発できます。詳細については、コンテンツアシストについてを参照してください。
カスタムコンポーネントおよび ActionScript のクラスとインターフェイスのコードヒント
すべてのカスタムコンポーネント、およびプロジェクトに含まれている ActionScript のクラスとインターフェイスに対しては、Flex フレームワークのビルトインサポートに加えて、コードヒントも用意されています。詳細については、コンテンツアシストの使用を参照してください。
プロジェクト内の多数のファイルとコード行を簡単にナビゲートするために、Flex Builder には、コードブロックの折り畳みや展開、外部コード定義のソースのオープン、クラスタイプの参照とオープンなど、便利なショートカットが用意されています。アウトラインビューには、ドキュメントの構造を調べたり、その中のコード行をナビゲートしたりする便利な方法も用意されています。詳細については、コードのナビゲートと整理を参照してください。
Flex Builder では、ファイル、プロジェクトまたはワークスペース内の識別子の参照と宣言をすべて検索できます。例えば、SWC ファイルおよびその他のライブラリパス上のエントリからリンクされたエレメント(クラス、インターフェイス、関数、変数および一部のメタデータなど)から参照を検索できます。リファクタリングを使用して、コードに含まれる識別子へのすべての参照をコードベース全体で更新する際に、識別子の名前を変更することができます。詳細については、参照の検索とコードのリファクタリングを参照してください。
Flex Builder では、プロジェクトのインクリメンタルコンパイルが行われるため、ドキュメントの作業に合わせてフィードバックを得ることができます。MXML および ActionScript コードの記述中にシンタックスエラーが発生した場合、エラーインジケータがエディタのコード行の横に表示され、問題ビューにエラーメッセージが表示されます。詳細については、構文の色指定の適用を参照してください。
構文の色指定ページで、MXML、ActionScript および CSS エディタに表示されるコード全体に適用する一連の色を指定できます。同じページで、フォントスタイルの適用およびプレビューも可能です。詳細については、コード記述中のヘルプの取得およびコンテンツアシストの使用を参照してください。
MXML エディタと ActionScript エディタは、Flex デバッグパースペクティブと連動して、コードのデバッグを支援します。問題のあるコード行または重大なコード行でアプリケーションの実行を中断するには、コードにブレークポイントを設定します。デバッグセッションを開始すると、最初のブレークポイントが検出されたときに Flex デバッグパースペクティブが表示されます。次に、アプリケーションの状態を調べ、コード内の問題を隔離して解決します。コードのデバッグ方法の詳細については、アプリケーションの実行とデバッグを参照してください。
このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート