2004年度 サマースクール in 稚内
JSFによるWebアプリケーション開発
稚内北星学園大学
情報メディア学部
専任講師 安藤 友晴
1
本講座の講義内容
2
この講座のスケジュール (1)

8/6


8/7



午後 JSF概説 / 環境設定
午前 Ant / JSFの基本的なしくみ
午後
8/8


午前
午後
3
この講座のスケジュール (2)

8/9



午前
午後
8/10

午前
4
この講習のWebページ
www.wakhok.ac.jp/~tomoharu/jsf2004/
5
JSF概説
JSFによるWebアプリケーション開発
第1回
6
JSF (JavaServer Faces) とは
何か



Webアプリケーションのユーザインタフェー
スを作成するためのもの
ツールでのWebアプリケーションの作成を
強く意識している技術
仕様策定の中心となっているのは、Craig
McClanahan


Struts を作った人
Struts と重複する機能が多い
7
JSFは誰が作っているか

Java Community Process (JCP)





Javaの標準技術を定める手続き
JSF は、 JCP の中の “JSR 127” で仕様を
策定
JSF は、Javaの標準フレームワーク
2004年3月に version 1.0 が正式リリース
2004年5月に version 1.1
8
JSFで何ができるか

MVCモデル2 による Webアプリケーション
のフレームワークを用意



これまでStruts などが対応してきた部分
JSF は View と Controller を担当
「UIコンポーネント」でWebページを構成



ラベル、テキスト入力フィールド、ボタンなど
Swing で画面を構成するようなイメージ
イベント処理の概念
9
環境設定
10
JSFのアプリケーションを動かす


Tomcat などの「Webコンテナ」の中で動作
する。
ソフトウェアのダウンロード




Tomcat
JSF
JSTL
Ant
11
Tomcat のダウンロードと
インストール


J2SE が必要
環境変数をセットする



JAVA_HOME と CATALINA_HOME
それぞれ、Java と Tomcat がインストールさ
れているフォルダを指定する
ポート番号を変更する

本学実習室の場合
12
JSF 1.1 のダウンロード

JSF のページからダウンロードして、zip
ファイルを開くだけ。


http://java.sun.com/j2ee/javaserverfaces/i
ndex.jsp
次のものが含まれている



必要なライブラリ
サンプルプログラム
各種ドキュメント
13
JSTL 1.1 のダウンロード



Tomcat で JSF を動かすには、JSTL (Java
Standard Tag Library) が必要になる。
バージョンは 1.1
とりあえずダウンロードしておく。
14
guessNumber
サンプルアプリケーション
15
どんなサンプルか?



Duke くんが思っている数を当てるゲーム。
0 ~ 10 までの数を入力する
当たりかはずれか表示
16
実行画面
17
実行方法



JSF 1.1 のアーカイブから samples/jsfguessNumber
を、%CATALINA_HOME%\webapps にコ
ピーする。
Tomcat を起動する
http://localhost:8080/jsf-guessNumber/
にアクセスする。
18
UIコンポーネントによる
画面構成

Webの画面はUIコ
ンポーネントから構
成される。
19
画面遷移

ボタンをク
リックしたら、
画面が遷移
する。
20
間違ったデータが入力
されたら?

数字を入れるべきと
ころを “wakhok” の
ような文字列を入力
したら、エラーメッ
セージが表示される。
21
本学の実習室について




実習は新館1Fで行います。
Windows2000 と Vine Linux のいずれか
を利用できます。
Windows 上でソフトウェアをインストール
したり、ファイルを保存するときには、Z ドラ
イブをご利用ください。
ノートパソコンで実習を進めても構いませ
ん。
22
事前アンケートに
ご協力お願いします。

できれば本日中の回答をお願いします。
23
ダウンロード

JSFとは何か - 稚内北星学園大学