第１章　ビジュアルプログラミング入門

Size: px

Start display at page:

Download "第１章　ビジュアルプログラミング入門"

ほだかすえがら
7 years ago
Views:

1 第 9 章アプレット学習内容とねらい本章では Java 言語で作ったプログラムを Web ブラウザ上で動作させる方法を学習します Java 言語にはこれまで作成してきた Windows アプリケーションの他に Web ブラウザ上で動作させる事のできるアプレットという形態がありますこのアプレットを利用すれば Web 上で Java プログラムを公開することもできますアプレットは Java 言語の普及当初は (Java 言語の機能の中で ) 最も注目された機能で当時はアプレットによって Web ページは変わる! と大いにもてはやされたものです現在ではその熱狂は醒めたものの今でも Java アプレットが幅広く用いられていることに変わりはありません特に Web 上の学習教材の開発などには今でも Java アプレットが多く活用されていますさて Web ブラウザ上で動作させるプログラムと言うと難しく聞こえるかも知れませんが特殊な用途を除いてはこれまでのアプリケーションの作成とほとんど変わることはありません端的に言えばこれまでのフレームがアプレットに変わっただけですですから本章を学習すれば簡単にアプレットを作成することができるということを体験できるはずです上に述べたとおり自作のアプレットを自分のホームページで公開すると言うことも可能になります興味のある人はチャレンジしてみて下さい < 第 9 章の構成 > 9-1 アプレットの作成の仕方 9-2 Web ブラウザ上でのアプレットの実行の仕方 9-3 アプレット作成の練習 237

9-1 アプレットの作成実行練習課題 Eclipse を用いてアプレットを作成する場合その工程はこれまで学習した通常のアプリケーションの作成とほとんど変わりませんまず簡単なサンプル ( アプレット ) を作ってみましょういつも通り Java プロジェクトを作成しますここではプロジェクト名を AppletSample としましたそして

2 9-1 アプレットの作成実行練習課題 Eclipse を用いてアプレットを作成する場合その工程はこれまで学習した通常のアプリケーションの作成とほとんど変わりませんまず簡単なサンプル ( アプレット ) を作ってみましょういつも通り Java プロジェクトを作成しますここではプロジェクト名を AppletSample としましたそして同プロジェクト内にアプレットを新規作成するために [ 新規 ] [ その他 ] を選択し下の様にテンプレート ( ひな形 ) として JApplet を選択します [ 次へ ] ボタンをクリックして現れる次の画面でパッケージ名を指定しますここではこれまで通り次の様にプロジェクト名を小文字で表し appletsample としました (Java プログラムではパッケージ名を小文字にするのが慣例です ) 238

パッケージ名指定後 [ 完了 ] ボタンをクリックすると設定が完了しますこれでアプレットのひな形 ( 具体的には NewJApplet.java というプログラム ) が作成されましたここで NewJApplet.java のソースを見ると次のようになっているはずです package appletsample; import java.awt.

3 パッケージ名指定後 [ 完了 ] ボタンをクリックすると設定が完了しますこれでアプレットのひな形 ( 具体的には NewJApplet.java というプログラム ) が作成されましたここで NewJApplet.java のソースを見ると次のようになっているはずです package appletsample; import java.awt.dimension; import javax.swing.japplet; 1 import javax.swing.jcomponent; import javax.swing.jframe; import javax.swing.swingutilities; 2 public class NewJApplet extends javax.swing.japplet { /** * Auto-generated main method to display this * JApplet inside a new JFrame. */ public static void main(string[] args) { } 239

4 < 解説 > 1 今の場合アプレットの作成なので ( アプレット作成に必要なクラスが用意されている )javax.swing.japplet パッケージをインポートしています 2 JFrame の代わりに JApplet が入っていますこれはアプレット作成の場合は JFrame クラスではなく JApplet クラス ( のオブジェクト ) の上に色々なコンポーネントを貼り付けてプログラムを作成する事を意味しています逆に言えばこれまで学習したプログラムとアプレットプログラムの違いはフレームがアプレットに変わっただけという事になりますそれではボタンをクリックするとメッセージが表示されるという簡単なアプレットを作ってみましょうアプレットへのコンポーネントの配置の仕方はフレームの場合と全く同様です次の様に [ ボタン ] コンポーネントとテキストフィールドコンポーネントを配置して下さいさらに [ ボタン ] をクリックしたときにテキストフィールドに成功! と表示されるようにしましょうそこで [ ボタン ] クリック時のイベントハンドラを次の様に記述します private void jbutton1actionperformed(actionevent evt) { jtextfield1.settext(" 成功!"); } 作成したらアプリケーションの場合と同じように実行してみましょう実行すると次のような画面が現れるはずです 240

5 ここで Java アプレットを選択し [OK] ボタンをクリックすると下の様なアプレットビューアが起動し実行結果を確認できますボタンをクリック以上は作成したプログラムの動作確認なのですがこれでは ( 通常の ) アプリケーションの場合と変わらずまだ Web ブラウザ上で動作させてはいませんそこで次節でアプレットを Web ブラウザから呼び出す方法を確認しておきましょう 241

と選択します 2 次の新規ファイル作成画面で親フォルダ ( ファイルを新規作成する場所 ) としてプロジェクト内の src フォルダを選択し続いて ( 作成する HTML) ファイル名を指定します

6 9-2 Web ブラウザ上でのアプレットの実行の仕方アプレットは Web ブラウザ上で動作させる事ができますというよりもそれが本来の用い方ですそのためにはアプレットを呼び出す HTML ファイルを作成する必要があります次の要領で作成して下さい 1 パッケージエクスプローラから作成したプロジェクト AppletSample を選択し右ボタンクリックしますそして新規ファイルと選択します 2 次の新規ファイル作成画面で親フォルダ ( ファイルを新規作成する場所 ) としてプロジェクト内の src フォルダを選択し続いて ( 作成する HTML) ファイル名を指定しますここではプロジェクトと同名としました入力後 [ 完了 ] ボタンをクリックするとエディタ画面に戻ります 1. ここを選択して 2. ファイル名を記述する 1. ここを選択して 2. ファイル名を入力する 242

3 するとエディタ画面が次のように開かれています何も表示されていませんがこれは ( 新規作成したファイルが html 文書であるので )Eclipse のエディタが Web ブラウザとして自動起動したためですこれでは編集できませんのでいったん AppletSample.

7 3 するとエディタ画面が次のように開かれています何も表示されていませんがこれは ( 新規作成したファイルが html 文書であるので )Eclipse のエディタが Web ブラウザとして自動起動したためですこれでは編集できませんのでいったん AppletSample.html タグを閉じます閉じるその後下のようにテキストエディターを用いて改めて開きますこれで編集可能となりました 4 ファイルの中身 (HTML 文書 ) は次のように記述します <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-31j"> Web ページのタイトル <title> アプレットサンプル </title> </head> <body> <applet codebase=".. bin " code="appletsample.newjapplet.class" width="400" height="250" > </applet> </body> </html> アプレット呼び出しタグ 243

8 5 記述が完了したら作成した html ファイル AppletSample.html を保管しますその後ワークスペース内 ( 指定通りであれば C: ProgJava) の AppletSample フォルダを開いてくださいその中の src フォルダ内にある AppletSample.html をダブルクリックするとブラウザが起動し下のようにアプレットが Web ブラウザに表示されます <AppletSample フォルダ> <src フォルダ> ダブルクリックもしここで下の画面が現れアプレットが表示されない場合は [OK] ボタンをクリックしてくださいそして次項のアプレットが実行されない場合に進んでください 244

アプレットが実行されない場合前ページの画面はアプレットが Java 環境のセキュリティによってブロックされたことを意味しますこれは Web 上で不正な処理を行うプログラムが動作しないよう Java 環境のセキュリティレベルが上げられたため起きたものですここではとりあえずアプレットの実行を確認するために一時的に Java のセキュリティレベルを下げましょう

9 アプレットが実行されない場合前ページの画面はアプレットが Java 環境のセキュリティによってブロックされたことを意味しますこれは Web 上で不正な処理を行うプログラムが動作しないよう Java 環境のセキュリティレベルが上げられたため起きたものですここではとりあえずアプレットの実行を確認するために一時的に Java のセキュリティレベルを下げましょう以下の手順にしたがってください <Java セキュリティレベルの変更の仕方 > 1 コントロールパネルを開いてください 2 その検索窓から java を検索してくださいそうして現れた Java アイコンをクリックします 2 ここをクリック 1 java を検索 3 すると次のような Java コントロールパネルが現れるのでここでセキュリティタブを選択します 245

10 4 そしてセキュリティレベルを中に下げ [ 適用 ] ボタンをクリックします 5 この状態のままで p.244 の5の処理を行って下さい途中でこのアプリケーションを実行しますかという確認画面が出てきますがここで実行しますを選択して [ 実行 ] ボタンをクリックするとアプレットが実行されるはずです 6 動作の確認が終わったら Java のセキュリティレベルを高に戻しておいてください Java のセキュリティレベルを下げずにアプレットを動作可能とするためにはアプレットに制作者の電子署名をつける必要がありますその方法は付録 C を参照してください 246

これまで作ったプログラムをアプレットに変更することは難なくできるはずです実際に 2 題ほど課題プログラムでアプレットを作ってみましょう

11 9-3 アプレット作成の練習前節までに学習した通りアプレットを利用したプログラムはフレームがアプレットに変わった事をのぞけばその作成方法はこれまでのアプリケーションとほとんど同じですですからこれまで作ったプログラムをアプレットに変更することは難なくできるはずです実際に 2 題ほど課題プログラムでアプレットを作ってみましょう応用課題 9-3-A 基礎課題で作ったボタンをクリックすればフレームの色が変わるプログラムをアプレットとして作り下のようにブラウザ上で動作させて下さい [ 青 ] ボタンをクリックしたところ 247

12 ヒントフレームの色を指定する場合には次のように contentpane コンポーネントの background プロパティを変えました ( 下は赤色に指定した場合 ) p.62 参照 getcontentpane().setbackground(color.red); 一方アプレットの場合はアプレットの background プロパティを直接指定できますところがよく考えてみると ( 今記述しようとしている ) ボタンクリックのイベントハンドラはアプレットクラス NewJApplet の中のメソッドですですからそのクラスに属するメソッドの中から (NewJApplet クラスのオブジェクト ).setbackground(color.red); と NewJApplet クラスから生成されたオブジェクト名を指定することはできませんなぜならクラス定義時点ではオブジェクト名は未定だからですではどうすればよいのでしょうか? ここでエディタ画面を GUI Editor 画面に切り替えアプレット自身が選択された状態にしてみて下さいそしてアウトラインビューを見ると下のようにその名前 (name) は this となっていることが分かるでしょうこのように this 変数は今定義しているクラス内で自分自身を指す場合に用いられます ( より正確に言うと当該クラスのオブジェクトを指します ) ですから例えば [ 赤 ] ボタンのイベントハンドラは void jbuttonredactionperformed(actionevent evt) { } this.setbackground(color.red); と記述すれば良いのですその他のボタンのイベントハンドラについても同様ですなおこの this に対して継承元のクラス ( つまりスーパークラス ) を指す変数が 7-4 節 (p

13 ~195) で学習した super です対にして覚えておくと良いでしょう応用課題 9-3-B 今度は 8-3 節の練習課題で作成したプログラムを下のようにアプレットとして作成して下さいアプレットをブラウザで開いたところ [ 楕円描画 ] ボタンをクリックしたところ 249

第１章　ビジュアルプログラミング入門

第１章　ビジュアルプログラミング入門付録 A 既存のクラスの利用の仕方第 7 章ではフレームクラス (NewJFrame.java) とそこから呼び出されるクラス (Meibo.java など ) を同じプロジェクト内つまり同じパッケージ内に定義しましたしかし一般には別のパッケージ ( フォルダ ) に保管されているクラスを利用する場合がありますここではその方法を説明しますなおフォルダは Java の用語ではパッケージに対応するので

第１章 ビジュアルプログラミング入門

第１章　ビジュアルプログラミング入門