電卓機能を持ったJSPプログラムを作る

InputMan for Java EE 1.0Jでお手軽GUI作成

　InputMan for Java EE 1.0Jは、JSPアプリケーションでコンポーネントを開発環境に提供してくれるコンポーネントスイートです。今回は、このInputMan for Java EE 1.0Jの中から、電卓機能を持ったコンポーネントをJSPページに実装し、電卓の計算結果をアラートダイアログボックスで表示するJSPアプリケーションを作ってみました。

はじめに

　JSPアプリケーションでコンポーネントが使えたら、どんなに開発が楽になるだろうと考えたことはありませんか？　しかも、イベント処理はJavaScriptが使え、サーバサイドのアプリケーション（サーブレット）との連携ができ、クライアントサイドでのスクリプト処理も可能なら言うことなしですよね。

　InputMan for Java EE 1.0Jは、そんな夢のようなコンポーネントを開発環境に提供してくれるコンポーネントスイートです。今回は、このInputMan for Java EE 1.0Jの中から、電卓機能を持ったコンポーネントをJSPページに実装し、電卓の計算結果をアラートダイアログボックスで表示するJSPアプリケーションを作ってみました。

電卓機能を持ったJSPページを表示し、電卓の計算結果をアラートダイアログボックスで表示する

電卓のデザインには、InputMan for Java EEデザイナを使う

対象読者

　Java、Swingコンポーネント、Eclipseを使ってプログラムを作ったことのある人。

　また、Apache TomcatなどのWebサーバで、サーバサイド・クライアントサイドのJava（JSP）プログラムを作ったことのある人。

必要な環境

　JDK5.0以降、Eclipse3.0以降、Apache Tomcat5.x以降。

　なお、本プログラムは以下の環境で作成し動作確認を行っています。

• Windows XP Service Pack 2
• JDK 6 Update 5
• Eclipse 3.1.1
• Apache Tomcat 5.5

コンポーネントのインストール

　はじめてInputMan for Java EE 1.0Jを使用する方は、使用しているコンピュータにInputMan for Java EE 1.0Jをインストールする必要があります。インストーラは、グレープシティのWebページからダウンロードできますので、ここからダウンロードしてインストールしてください。

　製品ページ左側の［ダウンロード］-［トライアル版］をクリックし、「こちらからお申し込みください」をクリックして、申し込みフォームに必要事項を入力すると、ライセンスキーなどトライアル版を利用するのに必要な情報が記載されたメールが送られてきます。後は、このメールの内容に従ってダウンロードします。

　なお、トライアル版は企業ユーザーのみが対象になっており、個人名での申し込みはできないので注意してください。また、トライアル版は機能制限と利用期限が設けられています。詳しくは製品のホームページで確認してください。

サンプルプログラムの実行方法

　ダウンロードしたサンプルファイルを解凍したら、フォルダ構成を変えずにTomCatの仮想ディレクトリ（localhost:8080）にコピーします。

　そして、Webブラウザに以下のURLを入力して起動します。

http://localhost:8080/myweb/

　InputMan for Java EE 1.0Jの各コンポーネントを使えるようにするには、以下の操作が必要になります。なお、本記事のサンプルファイルは、既にこの操作が行われたものとなっています。

1

　InputMan for Java EE 1.0Jがインストールされているフォルダのlibフォルダから、clientフォルダをコピーし、JSPファイルのある仮想ディレクトリに配置します。ここには、コンポーネントが参照するクライアントスクリプトが格納されています。

2

　InputMan for Java EE 1.0Jがインストールされているフォルダのlibフォルダから、ファイル「inputman.jar」をコピーし、JSPファイルのある仮想ディレクトリの「WEB-INF/lib」フォルダに配置します。

JSPファイルを実行するためのフォルダ構成（ヘルプファイルより抜粋）

InputMan for Java EE 1.0Jについて

　InputMan for Java EE 1.0Jは、エンタープライズJava向けの入力インターフェース構築用コンポーネントです。入力作業の効率アップに威力を発揮する、テキスト、マスク、日付、数値、カレンダー、電卓、リストの7種の入力コンポーネントで構成されています。デザイナを使用してコンポーネントを作成・デザインし、JSPページにJSPカスタムタグを配置することにより使用します。

InputMan for Java EE 1.0Jのコンポーネント一覧

呼称	コンポーネント名	説明
テキストコンポーネント	Edit	入力可能な文字種を制限できるテキスト入力コンポーネント
マスクコンポーネント	Mask	郵便番号などの入力に便利な書式設定機能をもったマスク入力コンポーネント
日付コンポーネント	Date	日付と時刻の入力に特化した高機能の日付入力コンポーネント
数値コンポーネント	Number	さまざまな数値入力を細かく制御できる数値入力コンポーネント
カレンダーコンポーネント	Calendar	スタイルを自由にカスタマイズできるカレンダー入力コンポーネント
電卓コンポーネント	Calculator	四則演算とメモリ機能を備えた電卓入力コンポーネント
リストコンポーネント	List	マルチカラムなどの多くの独自機能を搭載したリストボックスコンポーネント