本日は、JSFをサポートするフレームワークであるS2JSFについて説明したいと思います｡

Today, let me show you S2JSF which is the framework to support JSF.

このプレゼンテーションの目的は、JSFの仕様に対する提言です｡

The purpose of this presentation is the proposition for the specification of JSF.

S2JSFの仕様がJSFに取り込まれるなら、JSFはさらに使いやすくなると信じています｡

If the specification of S2JSF is taken into JSF, I strongly believe JSF  becomes more easy to use.

S2JSFは、日本のオープンソースプロジェクトであるSeasar Projectのプロダクトのひとつになります｡

S2JSF is one of the products of The Seasar Project which is the open source project of Japan.

これがSeasarで、ライオンに似た想像上の生き物です｡

This is a Seasar, it is the imaginative creature which is similar to the lion.

現在バージョン2の開発が進められているので、Seasar2、略してS2と呼ばれています｡

Because currently development of version 2 is proceeded, it's called Seasar2, for short, S2.
--------------------------------------------------------
S2JSFには、2つの重要な機能があります

There are two important functions in S2JSF.

１つ目の特徴は、ページのテンプレートがHTMLであるということです｡JSPではないのです｡Tapestryのようなものです｡

The first feature is that the template of the page is HTML, not JSP.
It is similar to Tapestry.

2つめの特徴は、テンプレートのレイアウト機能です｡Tilesのようなものです｡

The second feature is layout solutions.
It is similar to Tiles.
----------------------------------------------------------
HTMLを使う利点として次のようなことが挙げられます｡

I'm going to outline the advantages of using HTML.

まず最初に挙げられるのが、ページのレイアウトの確認が簡単だということです｡

First, the confirmation of layout is easy.

JSPを使っていて一番不便なのが、サーバにデプロイしないとレイアウトの確認が出来ない点です｡

Using JSP, it is stressful that you can't even check the layout of the page
without deploying to the application server. 

ブラウザで直接レイアウトを確認できるようになると、開発がかなり楽になります｡

When you can confirm the layout directly with the browser, development
considerably becomes easy.

それでは、デモをお見せしましょう｡

Then, let me show you the demonstration.

今からお見せするデモは、従業員の新規、訂正、削除、照会を行うアプリケーションです｡

The demonstration which we show from now is the application which does creation, correction, deletion and inquiry of the employees.

HTMLの中には、このようにJSF用の属性が埋め込まれています｡

This way the attribute for JSF is embedded in HTML.

プラグインの機能で補完・バリデーションをすることも出来ます｡

Using S2JSF Plugin, this way it is possible also to compensate and validate.

このHTMLをブラウザで直接表示してみましょう｡

I will try indicating this HTML directly with the browser

このようにレイアウトや画面遷移が簡単に確認できます｡

This way you can confirm layout and page transition easily.

2つ目にあげられるのが、デザイナとの連携が楽だということです｡

Second, the cooperation with designer is easy.

デザイナが作成したHTMLにJSF用の属性を追加するだけで、S2JSF用のHTMLテンプレートに早変わりします｡

If you just add the attribute for JSF to HTML which the designer drew up , it turn quickly to the HTML template for S2JSF.

また、HTMLテンプレートは、DreamweaverなどのHTMLの編集ツールでも問題なく扱えるため、HTMLテンプレートをデザイナが修正することも簡単です｡

In addition, it is easy for designer to correct the HTML template, because the HTML authoring tool like Dreamweaver can handle without problem.
----------------------------------------------------------
HTMLテンプレートについてもう少し詳しくお話します｡

I'd like to a little in detail talk about HTML template.

HTMLのタグは、実行時にJSFのタグに変換されます｡

The HTML tag is converted to the JSF tag at runtime.

例えば、このようなHTMLのタグは、つぎのようなJSFのタグに変換されます｡

For example, this kind of the HTML tag is converted to following kind of the  JSF tag.

inject属性を使って、JSFのタグを明示的に指定することもできます｡

Using the inject attribute, you can specify the JSF tag explicitly.

これは、JSF用に書かれたJSPのtaglibをすべて再利用できるということを意味しています｡

This means all JSP taglib for JSF are reusable.

S2JSFは、JSPの実行環境をエミュレートしてこれらのJSPのタグを表示しています｡

S2JSF renders these JSP tags in the way of emulating the JSP runtime environment.
----------------------------------------------------------------------
レイアウト機能について説明します｡

I'm going to describe the layout solutions.

Tilesに似ています｡

It is similar to Tiles.

基本的にTilesの機能をJSFでより直感的に使いやすいように移植したものです｡

It ports The Tiles basically,as more intuitive and easy-to-use in JSF.

これがレイアウト用のテンプレートです。

This is the template for layout.

タイトルやヘッダ、メニュー、ボディなどを定義しています｡

It defines title, header, menu and body etc.

ヘッダやメニューは、insertタグのsrc属性で、ページを指定します｡

The header and the menu specify the page with src attribute of the insert tag.

ボディは、後で上書きできるように名前を付けておきます｡

To overwrite later, it is necessary for you to name the body.
--------------------------------------------------------------------------
先程のレイアウトを継承して個別のページを作成します｡

The each page succeeds the layout which is defined some time ago.

継承は、htmlタグのextends属性で指定します｡

The succession id specified the extends attribute of the html tag.

個々のページでは、元のページのinsertタグのname属性で指定した内容を上書きすることが出来ます｡

It is possible for each page to overwrite the contents which are specified the name attribute of the insert tag of original page.

この例では、name属性がbodyのものです。

With this example, the name attribute is body.

それでは、このページを表示してみます｡

Then, I will display this page.

Tilesより直感的で使いやすい機能になっています｡

I'm certain that the layout function of S2JSF is more intuitive and easy-to-use than Tiles.
--------------------------------------------------------------------------
結論として、ページのテンプレートをHTMLにすることと、レイアウト機能をサポートすることで、JSFはより使いやすくなると思います｡

In conclusion, if HTML template and layout function is taken into JSF, I believe JSF becomes more easy to use.

そして既にその機能はここにあります｡

And already there is here.
