SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

ComponentZine(InputMan)

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

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

ダウンロード サンプルソース (2.4 MB)

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

はじめに

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

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

電卓機能を持ったJSPページを表示し、電卓の計算結果をアラートダイアログボックスで表示する
電卓機能を持ったJSPページを表示し、電卓の計算結果をアラートダイアログボックスで表示する
電卓のデザインには、InputMan for Java EEデザイナを使う
電卓のデザインには、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ファイルを実行するためのフォルダ構成(ヘルプファイルより抜粋)
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 マルチカラムなどの多くの独自機能を搭載したリストボックスコンポーネント

次のページ
電卓のデザイン

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
ComponentZine(InputMan)連載記事一覧

もっと読む

この記事の著者

瀬戸 遥(セト ハルカ)

8ビットコンピュータの時代からBASICを使い、C言語を独習で学びWindows 3.1のフリーソフトを作成、NiftyServeのフォーラムなどで配布。Excel VBAとVisual Basic関連の解説書を中心に現在まで40冊以上の書籍を出版。近著に、「ExcelユーザーのためのAccess再...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/3301 2009/03/17 12:12

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング