ページの先頭行へ戻る
Interstage Studio V12.0.0 ユーザーズガイド
FUJITSU Software

7.2.3 開発手順

以下に、実際にアプレットを開発する手順を説明します。

1) プロジェクトの作成

2) Javaクラスの作成

3) 入力画面の作成

4) アプレットの動作確認

5) 運用環境へのアプリケーションの配布

1) プロジェクトの作成

メニューバーから[ファイル] > [新規] > [プロジェクト]を選択すると、[新規プロジェクト]ウィザードが表示されます。

[新規プロジェクト]ウィザードから[Java] > [Javaアプリケーションプロジェクト]を選択して、[次へ]をクリックします。

以下の設定項目を確認、入力してください。以下の情報を設定後、[完了]をクリックします。

設定項目

設定内容

プロジェクト名

AppletSample

JRE

デフォルト JRE の使用

ワーキング・セットにプロジェクトを追加

チェックしない

2) Javaクラスの作成

2-1) データクラスの作成

国名と総人口の情報を保持し、そこから情報を取得するデータクラスを作成します。データクラスの作成は、作成したプロジェクトを選択して、右クリックでコンテキストメニューから[新規] > [クラス]を選択します。[新規 Java クラス]ウィザードが表示されます。

以下の設定項目を確認、入力してください。以下の情報を設定後、[完了]をクリックします。

設定項目

設定内容

ソース・フォルダー

AppletSample/src

パッケージ

sample

名前

CountryData

以下のソースファイルが生成されます。

ソースファイル

説明

CountryData.java

データクラス

国名と総人口を保持する処理を実装します。以下のの箇所をソースに追加してください。

データクラスの実装(CountryData.java)

package sample;

public class CountryData {

    private String countryName;
    private int totalPopulation;

public CountryData(String name, int total) { setCountryName(name); setTotalPopulation(total); } public String getCountryName() { return countryName; } public void setCountryName(String countryName) { this.countryName = countryName; } public int getTotalPopulation() { return totalPopulation; } public void setTotalPopulation(int totalPopulation) { this.totalPopulation = totalPopulation; } }

ポイント

フィールドを追加した後にクラスを選択している状態で、メニューから[ソース] > [getter および setter の生成]を選択することで、getter/setterの追加を行うことができます。

2-2) ロジッククラスの作成

ロジッククラスの作成は、作成したプロジェクトを選択して、右クリックでコンテキストメニューから[新規] > [クラス]を選択します。[新規 Java クラス]ウィザードが表示されます。

以下の設定項目を確認、入力してください。以下の情報を設定後、[完了]をクリックします。

設定項目

設定内容

ソース・フォルダー

AppletSample/src

パッケージ

sample

名前

PopulationRanking

以下のソースファイルが生成されます。

ソースファイル

説明

PopulationRanking.java

ロジッククラス

順位を入力して国名と総人口を返す処理を実装します。以下のの箇所をソースに追加してください。

ロジッククラスの実装(PopulationRanking.java)

package sample;

public class PopulationRanking {
    
    private CountryData[] countries;
    
    public PopulationRanking(){
        
        countries = new CountryData[]{
            new CountryData("中国",1373490000),
            new CountryData("インド",1292710000),
            new CountryData("アメリカ",321600000),
            new CountryData("インドネシア",255460000),
            new CountryData("ブラジル",204460000),
            new CountryData("パキスタン",189870000),
new CountryData("ナイジェリア",178720000), new CountryData("バングラデシュ",159860000), new CountryData("ロシア",143460000), new CountryData("日本",126980000) }; } public CountryData getCountryData(int rank) { --rank; if (rank < 0 || rank >= countries.length) { return null; } return countries[rank]; } }

3) 入力画面の作成

3-1) 入力画面のひな形の作成

入力画面となるアプレットを作成します。アプレットの作成は、作成したプロジェクトを選択して、右クリックでコンテキストメニューから[新規] > [その他]を選択します。ウィザードの一覧から[Java] > [GUI] > [アプレット]を選択し、[次へ]をクリックします。[新規アプレット]ウィザードが表示されます。

以下の設定項目を確認、入力してください。以下の情報を設定後、[次へ]をクリックします。

設定項目

設定内容

ソースフォルダ

AppletSample/src

パッケージ

sample

[アプレットの新規作成]ダイアログボックスが表示されます。Javaタブにある[アプレット]を選択し、[OK]をクリックします。アプレットウィザードが表示されます。

以下の設定項目を確認、入力してください。以下の情報を設定後、[次へ]をクリックします。

設定項目

設定内容

パッケージ名

sample

アプレット名

PopulationRankingApplet

基底クラス

com.fujitsu.jbk.gui.JFApplet

矩形

(80,170,400,400)

フォント

Dialog,12

前景色

背景色

HTMLの作成では、以下の設定項目を確認、入力してください。以下の情報を設定後、[次へ]をクリックします。

設定項目

設定内容

HTMLを生成する

チェックします

JBKプラグイン用HTMLを生成する

チェックします

ページタイトル

世界総人口ランキング

アプレットの幅

400

アプレットの高さ

400

このアプレットでは、パラメタを使用しません。パラメタ情報で"myItem0"を選択し、[削除]をクリックします。パラメタの削除後、[作成]をクリックします。

3-2) 入力画面の編集

グラフィカルエディタを使用して、作成されたPopulationRankingApplet.javaファイルを編集します。グラフィカルエディタの編集については、"7.3.6 Javaフォームを編集する"を参照してください。

以下の手順で作成したアプレットにBeanを貼り付けます。

  1. プロパティウィンドウの上側に表示されているオブジェクトの一覧から、作成したアプレットを選択します。

  2. プロパティウィンドウの下側に表示されているプロパティの一覧で、アプレットのプロパティを、以下の値に設定します。プロパティの設定値部分をマウスでクリックまたはダブルクリックすることにより、プロパティの種類に応じた設定を行うことができます。

    プロパティ名

    設定値

    レイアウトマネージャ

    <なし>

  3. Javaフォーム定義ウィンドウのオブジェクトパレットで[AWT]をクリックします。

  4. オブジェクトパレットからAWTラベルをクリックし選択します。

  5. アプレットに配置します。貼り付けたい位置でマウスの左ボタンを押します。そのままマウスをドラッグし、貼り付けたい大きさでマウスの左ボタンを離すことにより、Beanを貼り付けることができます。

  6. 同様に、AWTラベル×2個(先の手順で貼り付けたBeanを含め計3個)、AWTテキストフィールド、AWTボタンを貼り付けます。

  7. プロパティウィンドウで貼り付けたBeanのプロパティを、以下の値に設定します。プロパティウィンドウの[標準]/[固有]タブを切り替えて、変更するプロパティを選択し、設定値を変更します。

label1 [AWTラベル]

プロパティ名

設定値

矩形

(24,24,256,24)

テキスト

1~10の間で順位を入力してください。

label2 [AWTラベル]

プロパティ名

設定値

矩形

(24,80,48,24)

テキスト

順位:

textField1 [AWTテキストフィールド]

プロパティ名

設定値

矩形

(80,80,120,24)

テキスト

label3 [AWTラベル]

プロパティ名

設定値

矩形

(208,80,48,24)

テキスト

button1 [AWTボタン]

プロパティ名

設定値

矩形

(40,136,200,32)

ラベル

OK

3-3) 入力画面のイベント処理の記述

グラフィカルエディタのアプレット画面でButton1を選択し、コンテキストメニューから[イベント処理記述] > [action] > [actionPerformed]を選択します。PopulationRankingApplet.javaファイルに「button1_action_actionPerformed」イベント処理が追加されます。以下のの箇所をソースに追加してください。

button1の「action_actionPerformedイベント処理(PopulationRankingApplet.java)

private void button1_action_actionPerformed$(java.awt.event.ActionEvent e) {
        if (!defaultEventProc$(e)) {
            // ここにイベント発生時の処理を記述します。
            // 入力値の取得
            int rank;
            try {
                rank = Integer.parseInt(textField1.getText());
            } catch (NumberFormatException ex) {
                rank = 0;
            }
        
            // 入力チェック
            if (rank < 1 || rank > 10) {
                javax.swing.JOptionPane.showMessageDialog(
                      this,
                      "指定された範囲内の順位が入力されていません。",
                      "エラー",
                      javax.swing.JOptionPane.ERROR_MESSAGE);
                return;
            }
// 結果の出力 PopulationRanking pop = new PopulationRanking(); CountryData country = pop.getCountryData(rank); StringBuilder message = new StringBuilder(); message.append("総人口ランキング"); message.append(rank); message.append("位は「"); message.append(country.getCountryName()); message.append("」です。"); message.append(System.getProperty("line.separator")); message.append("総人口は"); message.append(country.getTotalPopulation()); message.append("人です。"); javax.swing.JOptionPane.showMessageDialog( this, message, "結果", javax.swing.JOptionPane.INFORMATION_MESSAGE); } }

4) アプレットの動作確認

4-1) ブレークポイントの設定

アプレットクラスのbutton1_action_actionPerformed$()メソッドの先頭行にブレークポイントを設定します。ブレークポイントは、エディタの左側のルーラー部分をダブルクリックして、設定または解除します。

4-2) アプレットの実行

パッケージエクスプローラビューで、PopulationRankingApplet.javaファイルを選択して、コンテキストメニューから[デバッグ] > [Javaアプレット]を選択します。アプレットビューアが起動されて、入力画面が開きます。

[順位:]の入力フィールドに人口ランキングの順位を入力して、[OK]をクリックします。

アプレットが動作し、ブレークポイントで中断されます。変数ビューで変数の値を確認します。メニューから[実行] > [ステップ・オーバー]を選択し、変数ビューでプログラムの状況を確認します。

デバッグについては、"6.2.7.1 デバッグする"を参照してください。

ポイント

[Javaアプレット]起動構成を未作成の場合は、[実行] > [デバッグの構成]から作成してください。

変数ビューでは値の確認だけでなく、変更も行うことができます。

デバッガで中断している処理は、メニューから[実行] > [再開]を選択することで再開され、メッセージボックスに結果が表示されます。入力した順位の国名と総人口が表示されることを確認してください。

5) 運用環境へのアプリケーションの配布

このアプレットを運用環境に配布するには、HTMLファイルおよびJARファイルを作成する必要があります。

5-1) アプレットのエクスポート

JARファイルの作成は、エクスポートウィザードから行います。エクスポートウィザードを起動するには、[ファイル] > [エクスポート]を選択します。[エクスポート]ウィザードから[Java] > [JARファイル]を選択し、[次へ]をクリックします。

JARエクスポートウィザードが表示されます。

以下の設定項目を確認、入力してください。以下の情報を設定後、[完了]をクリックします。

設定項目

設定内容

エクスポートするリソースの選択

AppletSample/src/sampleフォルダにある以下のファイルのみチェックします。

  • CountryData.java

  • PopulationRanking.java

  • PopulationRankingApplet.java

その他のファイルが選択されている場合は、そのファイルのチェックを外します。

生成されたクラス・ファイルとリソースをエクスポート

チェックします。

JAR ファイル

AppletSample\AppletSample.jar

JAR ファイルの内容を圧縮

チェックします。

5-2) HTMLファイルの作成

HTMLファイルを作成し、アプレットの定義を記述します。このアプレットでは、プロジェクトの作成で自動生成されたひな形のHTMLファイルをそのまま使用します。プロジェクト内に自動生成されたPopulationRankingApplet-JBKPlugin.htmlをエディタで開き、以下の定義が記述されていることを確認してください。

属性名

設定値

code

sample.PopulationRankingApplet.class

archive

AppletSample.jar

HTMLファイルを新たに作成する場合は、"J Business Kit オンラインマニュアル"を参照してください。

5-3) 運用環境への配布

作成した以下のファイルを運用環境のWebサーバ上の同じフォルダにコピーします。

ポイント

HTMLファイル内に記述されているアプレット定義にcodebase属性を追加することにより、HTMLファイルとアプレットを別の場所に配備することができます。詳細については、"J Business Kit オンラインマニュアル"を参照してください。