詳細表示
| 目的 | 所要時間 | アプリケーション |
|---|---|---|
このチュートリアルでは、JDeveloper IDEの使用方法について説明します。 これから作成するアプリケーションの完成版を確認するには、「Download」ボタンをクリックして最終アプリケーションのzipファイルをダウンロードし、JDeveloperのmyworkフォルダに解凍します。 |
105分 | ![]() |
-
「スタート」→「プログラム」→「Oracle Fusion Middleware 11.1.2.0.0」→「JDeveloper Studio 11.1.2.0.0」を選択して、JDeveloperを起動します。
以前のJDeveloperインストールから設定をインポートするかどうかを確認するダイアログ・ボックスが開いたら、「NO」をクリックします。
-
Select Roleダイアログで、「Studio Developer」を選択して、「OK」をクリックします。
-
ロードが終了すると、JDeveloper IDEが表示されます。 最初にJDeveloperを開くと、Start Pageが表示されます。 後でStart Pageを再表示する場合は、「Help」→「Start Page」を選択します。
JDeveloperについて学習するためのさまざまなオプションが用意されています。 これらのオプションを確認したら、タブ上の「X」をクリックしてStart Pageを閉じます(タブにマウスを合わせると、Xが表示されます)。
詳細表示 Tip of the Dayウィンドウを閉じます。
-
アプリケーション・ナビゲータで「New Application」リンクをクリックします。
-
New Galleryで、「Custom Application」を選択して、「OK」をクリックします。

-
Create Custom ApplicationウィザードのName your applicationページで、デフォルトのアプリケーション名をMyFirstApplicationに変更します。Application Package Prefixフィールドが空欄であることを確認します。 アプリケーション名の変更に従って、ディレクトリ名も変更されることに注意してください。 「Next」をクリックします。

-
ウィザードのName your projectページで、デフォルトのプロジェクト名をMyProjectに変更します。Project FeaturesのAvailableリストで、「JavaServer Faces (JSF)」を選択し、「Add」ボタンをクリックしてSelectedペインに移動します。
Java、JSP and Servlets、XMLもSelectedペインに移動します。
「Next」をクリックします。
-
ウィザードのConfigure Java settingsページで、デフォルト値のまま「Finish」をクリックします。
アプリケーションは、制御構造の最上位レベルです。 これは作業に必要なすべてのオブジェクトのビューになります。 Javaプログラムの開発中は、アプリケーションによってプロジェクトが追跡されます。
詳細表示 -
アプリケーション・ナビゲータでは、プロジェクトは階層内の2番目のレベルとして、アプリケーションの下に表示されます。 アプリケーション・ナビゲータは、次のように表示されます。

-
アプリケーション・ナビゲータで、3つのアコーディオン・ペインの名前を確認します。

-
アコーディオン名をクリックして、アコーディオンを開きます。
-
開いたアコーディオンの名前をクリックして閉じます。
-
StructureウィンドウやResource Paletteなど、JDeveloperの他のペインでも、アコーディオンを使用できます。
詳細表示 プロジェクト・フォルダはアプリケーション・フォルダの子オブジェクトです。
アプリケーション・ナビゲータで、「MyProject」ノードを右クリックして、コンテキスト・メニューから「New...」を選択します。
-
New Galleryが表示されます。 デフォルトでは、Categoriesリストの最初のカテゴリであるGeneralが選択されています。 異なるJDeveloperテクノロジーを使用して、アプリケーションのさまざまな階層を作成できるように、複数のカテゴリが用意されています。
右側のペインにあるItemsリストで、「Java Class」を選択します。 「OK」をクリックします。
-
Create Java Classダイアログで、デフォルトのクラス名をDogに変更します。
その他はすべてデフォルトのままで、「OK」をクリックします。
-
ソース・エディタ内に新しいクラスが自動的に開き、クラス定義のスケルトンが表示されます。
クラスにメソッドを追加します。 コンストラクタの後ろで[Enter]キーを押して新しい行を作成し、次のコードを入力します。public String sayHi()
入力した行の下に赤い波線が表示され、構文に問題があることが分かります。 また、ソース・エディタの右側の余白に赤色の四角いマークが表示されます。 この四角いマークや赤い波線にマウスを合わせると、ツールチップによってエラーに関する情報が表示されます。 このチュートリアル内のコード・アシストの使用においても、同様の例が確認できます。

-
行の最後で[Ctrl]キーと[Shift]キーを押しながら[Enter]キーを押すと、JDeveloperによってメソッド構造が自動補完され、いくつかのエラー表示が消失します。 ただし、まだ完全ではない構文がある場合、いくつかのエラー表示は残ります。
SourceのComplete Statementメニュー・オプションからも自動補完機能にアクセスできます。
不足しているreturn文のコードを追加します。
メソッドの後ろに加えられた{}(中かっこ)の間の空白行に、次のコードを追加します。
return " woof " + "Kate";
最初の2重引用符記号(")を入力すると、JDeveloperによって自動的に2番目の2重引用符が表示されてカーソルが囲まれるため、リテラルを簡単に入力できます。 構文エラーがないことを意味する緑色の四角いマークが、右上の余白に表示されることを確認してください。
コード・テンプレートは、Javaソース・エディタの機能です。 コード・テンプレートは、ソース・エディタ内でのコーディングをより効率良く、また迅速にする機能です。 既存のテンプレートを編集することも、独自のテンプレートを作成することもできます。 このステップでは、Dogクラスを使用して、既存のコード・テンプレートを使用する方法について説明します。
-
Javaクラスには、mainメソッドを追加するコード・テンプレートがあります。
sayHi()メソッドの後ろで[Enter]キーを押し、新しい行を作成します。 文字mを入力して、[Ctrl]キーを押しながら[Enter]キーを押し、コード・テンプレートを起動します。
mainメソッドのテンプレートが提示されます。
-
再度[Enter]キーを押して提示を受け入れ、テンプレートを組み込みます。
-
以下のコードを追加して、mainメソッド内でDogオブジェクトを作成します。
Dog myDog = new Dog();
myDog変数にマウスを合わせると、変数が使用されていないことを知らせるツールチップが表示されます。

このチュートリアル内のコード・アシストの使用においても、同様の例が確認できます。
-
新しい行を追加し、[Ctrl]キーを押しながら[Enter]キーを押して、使用できるコード・テンプレートのリストを表示します。
-
forタイプのコード・テンプレートを使用して、整数ベースのループを作成することにします。 foと入力して、リストを制限します。
4つのテンプレートが提示されます。
-
提示された4つのうち、3番目のテンプレートである「fori intBased "for" Loop (Simple Limit)」テンプレートをダブルクリックして選択します。
テンプレート・コードがファイルに組み込まれます。
-
テンプレート・コードを修正します。
「i」を「count」に変更します。 ループ内の最初の変数名「i」を変更すると、後続のすべての参照個所が変更されることに注意してください。
ループの反復を3回までに制限します。
System.out.println文を入力します。
forループの{}(中かっこ)内の空白行にカーソルを置いて、sopと入力します
[Ctrl]キーを押しながら[Enter]キーを押して、テンプレート・コードを組み込みます。

-
ループを使用してsayHiメッセージを表示するように、コードを追加します。 ()(丸かっこ)の中で、printlnの後に次のコードを入力します。 count + myDog.sayHi() count + myDog.sの入力を開始すると、sayHiメソッドが補完されます。
補完された行は次のようになります。
System.out.println(count + myDog.sayHi());
-
エディタ内で右クリックしてメニューで「Reformat」を選択し、JDeveloperによるコードの再編成を行います。
コードは次のようになります。
-
変更を保存します。 「File」→「Save All」を選択するか、ツールバーの「Save All」ボタンをクリックします。
-
アプリケーション・ナビゲータまたはソース・エディタで「Dog.java」を右クリックし、コンテキスト・メニューから「Make」を選択します。

-
JDeveloper IDEの右下に表示されるログ・ウィンドウに、コンパイルが正しく完了したことが表示されます。 ログ・ウィンドウが表示されない場合、「View」→「Log」を選択します(または、[Ctrl]キーと[Shift]キーを押しながら[L]キーを押します)。
アプリケーション・ナビゲータまたはソース・エディタで「Dog.java」を右クリックし、今回はコンテキスト・メニューから「Run」を選択します。

-
ログ・ウィンドウに、'woof Kate'メッセージが3回表示されます。

詳細表示 コード・アシストは、エディタ内のコードを確認し、一般的な問題の修正を支援します。 ここでは、Dogクラスを使用して表示される提案の例について確認していきます。
-
Catオブジェクトを作成します。
mainメソッドの開始位置(最初の{}(中かっこ)の後ろ)で[Enter]を押して新しい行を作成します。 新しい行に、次のコードを入力します。
Cat myCat = new Cat();

-
赤い波線およびマージン・インジケータが再度表示されていることを確認してください。 マージン・インジケータにカーソルを置くと、問題の詳細が表示されます。
ポップアップ・ボックスが表示され、問題の詳細と同時に問題のある行が示されることを確認してください。
-
'cat'行の左側の余白にある電球マークにカーソルを合わせます。 この行に対する'クイック修正とコード・アシスト'が提供可能であることを示すメッセージが表示されます。
-
詳細を表示するためにアイコンをクリックします。
Catオブジェクトをインスタンス化するには、Catクラスが必要です。 最初の提案をクリックすると、JDeveloperはCatという名前のクラスを作成します。
Catクラスの作成をすぐに実行しない場合は、以下のようにタスクを設定し、後で作成するようにしてください。 new Cat();の後で[Enter]キーを押して、新しい行を開き、次のコードを追加します。
//TODO create a Cat class
-
「View」→「Tasks」を選択して、作成したタスクのリストを表示します。

-
タスク・ウィンドウには、作成したタスクのリストが表示されます(この例では、これが唯一のタスクです)。

-
リスト内のタスク(ここではcreate a Cat class)をダブルクリックすると、JDeveloperによって関連タスクが表示され、その行の初めにカーソルが挿入されます。
-
エディタの右上の余白にピンク色のマーカーが表示されていることを確認してください。 これは、タスクを作成した場所を示しています。 マウスを操作してマーカーにカーソルを合わせると、タスクの内容が表示されます。
-
Catオブジェクトを作成する行をコメント・アウトします。 赤色のマーカーが消え、緑色のマーカーへ変わったことに注目してください。このマーカーは、コード内にエラーがないことを示します。
-
クラスに変数を2つ追加します。 [Enter]キーを押し、クラス宣言の後に新しい行を作成します。 次のように2つの変数を宣言します。
String name;
int age;
-
コード・エディタで右クリックして、コンテキストから「Generate Accessors」オプションを選択します。
コード・エディタ・ツールバーのGenerate AccessorsアイコンからもGenerate Accessorsオプションを使用できます。
-
Generate Accessorsダイアログで、2つの変数に対するGetterメソッドおよびSetterメソッドを生成するDogボックスを選択します。
メソッドのスコープを定義したり、リスナーの使用や新しい値の確認など、他のプロパティの実装をSetterメソッドに定義したりすることができます。
「OK」をクリックします。 GetterメソッドおよびSetterメソッドがDogクラス内に生成されます。

-
コード・エディタの中を右クリックし、コンテキスト・メニューから「Source」→「Generate Constructor from Fields」を選択します。

-
Generate Constructor from Fieldsダイアログで、両方のフィールドのチェック・ボックスを選択して、「OK」をクリックします。

-
新しいコンストラクタ・メソッドがコードに追加されます。

-
このチュートリアルではこのコンストラクタは使用しませんが、クラス内にさらに充実したコードを含めるためにそのままにしておいてかまいません。
コード・エディタでテキストを検索すると、指定した検索条件に該当するすべての個所が表示されます。 オブジェクトのすべての該当個所を取得するハイライト機能も使用できます。
-
始める前に、SearchオプションのAuto Code Highlightが選択されていないことを確認します。 メニューから「Search」を選択し、Auto Code Highlightの横にチェック・マークがないことを確認します。
-
コード・エディタ・ツールバーの左にあるSearchボックスにnameと入力します。 カーソル位置がコード・エディタ内でハイライト表示された後、最初のnameインスタンスが検索されます。

-
「Find next」矢印をクリックして、次の該当する文字列に移動します。

-
虫眼鏡アイコン「
」をクリックして追加オプションを表示し、「Highlight Occurrences」オプションを選択します。 「Find next」矢印をクリックして、すべての該当個所をハイライトします。
検索機能によってコードのすべての"name"該当個所がハイライトされていることを確認します。
-
エディタ・ツールバーの「Clear All Highlighting」アイコンをクリックします。

-
Searchフィールドからnameを削除します。

-
メニューで、「Search」→「Auto Code Highlight」を選択します。
-
コード・エディタにおいて、Dog(String name, int age)コンストラクタの「age」引数をクリックします。 ハイライトされている個所が同じセマンティック・オブジェクト内に制限され、age変数は除外されています。
-
「age」クラス変数を選択し、この変数のすべての該当個所をハイライトします。
-
右の余白で、マウスを上部の黄色マーカーの上に合わせて、メッセージを表示します。

-
この黄色のマーカーをダブルクリックします。 これによって、コードの対応する使用個所に移動します。

-
ここで、コード・インサイトの動作(いつ、どのくらいの速さで表示されるか)を設定できます。
メイン・メニューから「Tools」→「Preferences」を選択します。
-
Preferencesダイアログで、「Code Editor」ノードを開き、「Code Insight」を選択します。
その他にも、コーディング環境をカスタマイズするための設定項目が多数提供されています。
「OK」をクリックします。
-
変数やメソッドの定義は、他のファイルに移動したり新しいエディタを開いたりせずに表示できます。[Shift]キーを押しながら変数やメソッドにカーソルを合わせると、その定義をゴースト・ウィンドウで確認できます。 この機能はコードをすばやく確認するのに便利です。作業中のコードに対するカーソル・フォーカスを外す必要はありません。
Structureウィンドウで、いずれかのノードの上にマウスを移動して、[Shift]キーを押します。 このように、クラス構造からコードの構造を表示することもできます。
ショートカット・キーを離すと、ゴースト・ウィンドウが閉じます。
-
コード・エディタ・ツールバーの「Reformat」アイコンをクリックし、コードを再フォーマットします。
リファクタリングは、プログラムの動作を変更せずにコードの構造を修正する編集テクニックです。 リファクタリング処理は、コンパイルや実行を正しく行いながらプログラム・コードを変換する、シンプルな編集の手順です。 JDeveloperでは、一連のリファクタリング処理が提供されています。
-
リファクタリング処理の1つの例として、メソッド内の定数表現をメソッド・パラメータで置き換える処理があります。 定数表現は、パラメータ名で置き換えられます。 新しいパラメータがメソッドのパラメータ・リストと、すべてのメソッド起動個所に追加されます。
これをDogクラスで実行するには、sayHi()メソッドにおいて、リテラルである「"Kate"」を右クリックし、コンテキスト・メニューから「Refactor」→「Introduce Parameter...」を選択します。
-
Introduce Parameterダイアログで、「Name」フィールドにnameと入力し、「OK」をクリックします。
-
コードを調べて、リファクタリング処理の結果を確認します。 メソッド宣言のパラメータ・リストにString nameが含まれており、メソッドの戻り値内のリテラルである"Kate"はnameで置き換えられています。また、リテラル"Kate"は、メソッド・コールのパラメータとして挿入されています。
-
その他のリファクタリング処理として、既存クラス内で選択したメソッドから新規インタフェースを作成する処理があります。
Dogクラスでこれを実行するには、Dogクラス宣言メソッド内で右クリックし、コンテキスト・メニューから「Refactor」→「Extract Interface...」を選択します。
-
Extract Interfaceダイアログで、インタフェース名としてIntAnimalを入力し、Extract Interfaceリスト内の「sayHi(String)」メソッドを選択します。 「OK」をクリックします。
-
IntAnimalインタフェースが作成され、ソース・エディタで開かれます。

-
別の簡単なリファクタリング処理として、メソッド名の変更があります。この処理を利用すると、すべての個所のメソッド名が新しい名前で置き換えられます。
IntAnimalインタフェースでこれを実行するには、sayHi()メソッド内で右クリックし、コンテキスト・メニューから「Refactor」→「Rename...」を選択します。
-
Rename Methodダイアログで、メソッド名sayHi()をsayHowDoYouDoに変更します。 「Preview」チェック・ボックスを選択し、名前の変更の影響を受ける個所のリストを表示します。 「OK」をクリックします。
-
ログ・ウィンドウに、sayHi()メソッドが使用されているすべての個所のリストが表示されます。 すべての使用個所を調べて、sayHi()をsayHowDoYouDo()に変更するかどうかを確認します。すべて変更する場合は、ログ・ウィンドウのツールバーにある「Do Refactoring」をクリックします。
-
IntAnimalインタフェース内で、名前の変更が実行されていることに注目してください。

-
また、Dogクラス内でも名前が変更されています。
-
メニュー・バーの「Navigate」をクリックします。 Backメニュー・オプションを使用すると、前の場所に戻ることができます。
Backボタンを使用して、ツールバーからもこのオプションを使用できます。 Backボタンの横の下矢印をクリックすると、ナビゲーションの履歴が表示されます。
-
コード・ハイライト・オプションを無効にするには、メニューで、「Search」→「Auto Code Highlight」を選択します。 (コード・エディタ・ツールバーの「Clear All Highlighting」アイコンをクリックすることもできます。)

JDeveloperには、履歴機能が組み込まれています。 このローカル履歴機能を使用すると、バージョン管理システムなしで、最近の変更履歴を表示し、バージョン間の"差分"をビジュアル化することができます。 バージョンは、保存、コンパイル、名前の変更など、ユーザー・インタラクションに基づいて自動的に作成されます。
-
Dog.javaエディタ・ウィンドウへ移動します。 コード・エディタ・ウィンドウの下部にある3つのタブに注目してください。 「History」タブをクリックします。
-
Historyウィンドウが表示されます。 修正と日付のリストがウィンドウの最上部に表示され、コードに対する変更のリストが下部に表示されています。 2つのウィンドウは同期しているため、ウィンドウの下部に表示される情報は、上のリストで選択した内容と一致します。

-
薄紫色のボックスは、コードに対する変更を示します。
ウィンドウ上部で、リストの一番上近くにある「Introduce Parameter」を選択します。エディタの左下部分で、sayHi()メソッド宣言を含む薄紫色のボックス内にある、緑色の右矢印にマウスを合わせます。 メッセージが表示され、緑色の矢印をクリックすると直前の変更が置き換わることに注意してください。 ここでは、緑色の矢印をクリックすると、sayHowDoYouDo()メソッドがsayHi()に戻ります。 ここでは元に戻さないでください。
-
Historyウィンドウの中央部は、Javaコードの構造に対する変更が記録される領域です。 この例では、Dogクラスの3つのメソッドが含まれています。sayHi()メソッドの横にある赤色のマイナス記号は、このメソッドが削除されたことを示します。また、sayHowDoYouDo()の横にある緑色のプラス記号は、このメソッドが追加されたことを示します。 これらの記号にマウスを合わせると、適切なメッセージが表示されます。

-
エディタで、Dog.javaファイルの「Source」タブをクリックします。 Dog.javaファイル内のsayHowDoYouDo()メソッドの横に表示されている矢印アイコンをクリックします。

-
JDeveloperによって、IntAnimalインタフェースのメソッド宣言個所に移動し、適切な行がハイライトされます。
-
Dogクラス内の元の場所に戻るには、ツールバーに表示されている緑の「Back」ボタンをクリックします。
[Alt]キーを押しながら[左矢印]キーまたは[右矢印]キーを押して、前後に移動することもできます。
-
また、特定の要素に対するJavadocへ移動することもできます。 エディタのDog.javaファイルで、sayHowDoYouDo()メソッド内を右クリックします。 コンテキスト・メニューから「Quick Javadoc」を選択します。

-
Javadocポップアップ・ウィンドウに選択したメソッドの追加情報が表示されます。

-
「String」リンクをクリックして、Stringクラスの詳細情報を取得します。

-
[Ctrl]キーを押しながら[-](マイナス)キーを押して、Go to Java Typeダイアログをポップアップ表示します。 選択したクラスのソースまたはJavadoc情報を表示できます。
NameフィールドにStringと入力し、ハイライトされているString - java.lang上で[Enter]キーを押します。

-
エディタでStringクラスのソース・コードが開きます。
String.javaタブを閉じます。

-
コードの折りたたみ機能を利用すると、コード内のセクションを展開および収縮できるため、サイズの大きなプログラムの管理が容易になります。
Cat行の左側にある、点線と実線の間の青色の余白にマウスを合わせます。
mainメソッド本体の横に、青色の縦線が表示されることに注目してください。
-
青色の縦線の最上部に表示される「-」(マイナス)記号をクリックし、コードのこのセクションを収縮します。
-
収縮されたセクションの横に表示された「+」(プラス)記号にマウスを合わせます。 収縮されたコードが、青色のボックス内に表示されます。
-
Quick Outline Navigatorを使用すると、クラスとそのスーパークラスのメソッドおよびフィールドへ素早く移動できます。
コード・エディタのツールバーにある「Quick Outline」アイコンをクリックします。
Quick Outlineの'ゴースト'ウィンドウが表示されます。
-
「Show Methods」アイコン('ゴースト'ウィンドウの左側から1番目のアイコン)をクリックし、Dogクラス内のすべてのメソッドを表示します。
-
フィールドにgeと入力して、リストをフィルタリングします。

-
[下矢印]キーかマウスを使用して「getName()」メソッドを選択し、[Enter]キーを押します。
ソース・コードのgetName()メソッドにフォーカスが切り替えられ、メソッドがハイライトされます。
-
上にスクロールしてmain()メソッドに戻り、行末の{...}省略記号の中をダブルクリックします。
JDeveloperは、折りたたまれているコードを開きます。
コード内のある部分から、関連する他の部分へとナビゲートできます。 1つの例としては、メソッドからインタフェース内でのメソッド宣言へのナビゲートがあります。
詳細表示
JDeveloperに組み込まれたデバッガを使用すると、ソース・エディタ内でJavaプログラムをデバッグすることができます。 このステップでは、ブレーク・ポイントの設定によって、プログラムの実行を制御する方法について説明します。 実行中のプログラムがブレーク・ポイントを発見すると、プログラムは実行を停止し、デバッガによってソース・エディタ内のブレーク・ポイントを含む行が表示されます。 ここで、プログラムの状態を参照できます。
-
Dog.javaファイルにブレーク・ポイントを設定します。 実行するには、次の行の左側の余白をクリックします。
System.out.println(count + myDog.sayHowDoYouDo("Kate"));
赤い丸印のブレーク・ポイント・アイコンが余白に表示されます。
-
ソース・エディタ内で右クリックし、コンテキスト・メニューから「Debug」を選択します。

-
プログラムは、ブレーク・ポイントまで実行されます。 ソース・エディタの左側の余白に表示される赤の矢印は、ブレークの発生場所を表しています。 デバッガ・ウィンドウが開き、デバッギング・トレースが表示されます。

-
ツールバーの「Step Over」アイコンをクリックして、myDog.sayHowDoYouDo()メソッドの最初の反復を実行します。

-
ログ・ウィンドウの下部の「「Debugging: MyProject.jpr」タブをクリックし、デバッガ・ウィンドウの「Log」タブをクリックします。 ログ・ウィンドウに、1回目の0 woof Kateメッセージが表示されます。

-
Debugging Logタブ右部の「Smart Data」ウィンドウをクリックします。 「count」変数を選択してから、「Value」列をダブルクリックして、Modify Valueダイアログを表示します。

-
新しい値として、2を入力します。 「OK」をクリックします。

-
ツールバーで、「Resume」をクリックしてプログラム実行を継続します。

-
count変数が増加して上限を超えたため、プログラムは終了し、デバッガは切断されます。

JDeveloperを使用して、現在のアプリケーションまたは複数のアプリケーションに属するファイルの検索を実行できます。
-
メニューから「Application」→「Find Application Files」を選択します。

-
File Listタブで、Look inフィールドを使用して検索の範囲を定義します。 「MyProject.jpr」を選択します。

-
「File Extension」を選択し、.javaを入力してこのタイプのすべてのファイルを取得します。次に、「Search」をクリックします。

-
Resultsウィンドウに検索条件と一致するファイル名が返されます。
リストからいずれかのファイル名をクリックして、エディタでファイルを開きます。
-
Addアイコン「
」をクリックしてMatch論理演算子を選択すると、複雑な検索条件を使用できます。
-
また、アプリケーション・ナビゲータから最近使用したファイルを取得できます。「Recently Opened Files」アコーディオンをクリックします。

-
または、[Ctrl]キーと[=]キーを同時に押してRecent Filesダイアログを表示し、ファイルを選択することもできます。

-
MyProjectプロジェクトの下の「Web Content」ノードを開きます。
-
「WEB-INF」ノードを開き、「faces-config.xml」をダブルクリックします。
ページ・フロー・ダイアグラマが開きます。

-
コンポーネント・パレットに、ページ・フロー・ダイアグラムのコンテキストで使用できるコンポーネントが表示されます。

-
「JSF Page」を選択し、ページ・フロー・ダイアグラム上にドラッグします。

-
ページ名としてpage1.jspxと入力します。

変更を保存します。
-
ページ・フロー・ダイアグラムの「Overview」タブをクリックします。

-
概要ページのManaged Beansタブを選択した状態で、Addボタン「
」をクリックしてマネージドBeanを作成します。
-
Create Managed BeanダイアログでBean NameとしてDogと入力し、クラス名の横の「Browse」ボタンをクリックします。

-
Class Browserで「Hierarchy」タブをクリックし、「myproject」ノードを開いて「Dog」クラスを選択します。 「OK」をクリックします。

Create Managed Beanダイアログに戻り、「Configuration File」ラジオ・ボタンをクリックして、「OK」をクリックします。

Dogという名前のマネージドBeanがページ・フローに追加され、ページからこのクラスを使用できるようになりました。

-
faces-config.xmlエディタで「Diagram」タブをクリックし、「page1.jspx」ページをダブルクリックしてこのページを作成します。

-
Create JSF Pageダイアログで、JSP XMLラジオ・ボタンが選択されていることを確認します。
「OK」をクリックします。
-
新しいページ設計が開きます。

-
コンポーネント・パレットに、JSFページで使用できるコンポーネントが表示されます。 「Input Text」コンポーネントを選択して、ページにドラッグします。

-
コンポーネント・パレットから「Command Button」コンポーネントを選択し、ページ内のInput Textコンポーネントの横にドロップします。

-
プロパティ・インスペクタで([CTRL]キーと[Shift]キーと[I]を同時に押すか、「View」→「Property Inspector」の順に選択してプロパティ・インスペクタを表示し)、Command ButtonプロパティのValueフィールドにClick Meと入力します。

-
「page1.jspx」タブを右クリックして、「Split Document」を選択します。

-
分割されたドキュメントの一方で「Source」タブをクリックすると、ページのDesignビューとSourceビューを同時に参照できます。 SourceペインでClick Me文字列の最後に感嘆符(!)を追加します。 両方のビューが同期を取って更新されます。

-
Structureウィンドウで、「h:inputText」コンポーネントを選択します。 DiagramタブとSourceタブでも同じコンポーネントが選択されていることを確認します。

-
Input Textコンポーネントのプロパティ・インスペクタで、Valueフィールドの横にある下矢印をクリックし、「Expression Builder」を選択します。

-
Expression Builderで、「JSF Managed Beans」→「Dog」→「name」の順に選択します。 「OK」をクリックします。

-
Dogクラスでname変数の静的な値として"Rex"と入力します。
変更を保存します。
-
アプリケーション・ナビゲータで「page1.jspx」ノードを右クリックし、コンテキスト・メニューから「Run」を選択します。

-
これが初めてのOracle WebLogic統合サーバー実行である場合、管理パスワードを要求するプロンプトが表示されます。 デフォルトのパスワードはweblogic1です。
-
WebLogic serverが開始され、page1ページがブラウザにロードされます。ここで、コンポーネント・パレットのコンポーネントを使用して定義された、マネージドBeanのname値とClick Me!コマンド・ボタンが表示されます。

このチュートリアルでは、Oracle JDeveloper IDEに関する使用方法について学習しました。 このチュートリアルで学習した内容は、以下のとおりです。
- アプリケーションおよびプロジェクトの作成
- Javaクラスの作成
- Javaソース・エディタの生産性向上ツールおよびコード・アシスト機能の活用
- Oracle JDeveloperデバッガの使用
- Javaクラスに基づくマネージドBeanの作成
- JSFページの作成およびそのJSFページでのマネージドBeanの使用
