JSFのコンセプト（考え方）って？


#はじめに
***

##12日目です。
[Java EE Advent Calendar 2014](http://qiita.com/advent-calendar/2014/javaee "JavaEE Advent Calendar 2014")の12日目です。昨日は@TTakakiyoさんの「[Concurrency Utilities for Java EEをつかってみる](http://qiita.com/TTakakiyo/items/fa93fdec0e52b80fbc41)」でした。明日は、[@megascus](http://qiita.com/megascus "megascus")さんです。

##はじめに
本格的にコーディングを初めて１ヶ月に満たない初心者ですが、[Java EE Advent Calendar
2014](http://qiita.com/advent-calendar/2014/javaee "Java EE AdventCalendar 2014")へのお誘いをいただきチャレンジすることにしました。内容はJSFに関して初歩的な内容について書いています。経験が浅いため、間違いなどあるかもしれません。間違いがあれば指摘いただけると嬉しいです。

#自己紹介
***
某ユーザー系企業でSEをやっています@tatsu983です。業務ではJavaEE7を使った自社製のフレームワーク開発を担当していますが、入社して約６年コーディングすることはほとんどありません。どちらかというとマネージメントがほとんどです。（そんな自分がフレームワークの開発とは・・・と思っていますが、やるからには良いものにしたいという意気込みで取り組んでいます。）
で、開発するフレームワークはJavaEE7がベース（選定理由は様々あります）ということもあり、情報収集目的で[JavaOne](https://www.oracle.com/javaone/index.html
"JavaOne2014")にも参加し、様々な技術者の方と交流を持つことが出来ました。そんな方々の刺激受けたこともあったり、仕事のキャリアに対する考えもあり、技術力は必要だと感じ自分でもコーディングするなど、手を動かし始めて約１ヶ月が過ぎました。（コーディング歴１ヶ月ですw）JavaのJの字もわからないペーペーですが、技術力向上に努めてます。でも書き始めると難しくもありますが、楽しいですよね。そんな楽しさを日々感じながらコーディングしています。

#今回のネタ
***
JSFの"コンセプト"に合った使い方ってなんだろう、という内容です。
JSFの話をする前に何でコンセプトなんて気にしたかというと、"自己紹介"のパートでも少し触れましたが業務でフレームワーク開発を任されてます。プロジェクトの中で一番苦労した点がコンセプトとか思想決めることだったからです。（過去形になっていますが、今でも答えは出ていない気もします。。）上司からは、フレームワークを作る上でとても重要だと何回も言われました。『思想やコンセプトがあるから、プロジェクトがブレた時の拠り所にもなるし、迷った時の判断基準になる』と。そのためか、何事にもコンセプトを考えながら取り組むようになった気がします。
　で、本題に戻りますがプロジェクトでEE7を使うのだから自分で使ったことないものを社内フレームワークとして推進することなんて出来ないな、と思いJavaEEを使ってアプリ開発しよー！と思いました。そのため開発するためにJSFの利用方法を調べてたら、そんなことどーでも言いよ！！と言われかねない細かいことで迷いましたのでネタにしています。皆さんの意見もいただけると幸いです。




#どっちなんだろう
***
JSFを使って開発するにあたり、様々な方のブログやらsildeshareを拝見させていただいたり、参考書を見てみました。（書籍は主に[Beginning JavaEE6](http://www.shoeisha.co.jp/book/detail/9784798124605 "JavaEE6")や[わかりやすいJavaEE](http://www.shuwasystem.co.jp/products/7980html/4216.html "JavaEE7")などです。洋書もいくつかあさりました。）
結果、xhtml内に記載するEL式とBackingBeanの値をbindingするための実現方法に迷ったんです。（初歩的な内容ですが・・・。）以下にその2つのパターンのbinding方法を記載してみます。


コードは、ポイントになる部分だけ記載します。
まずはxhtmlに記載した内容（かなり簡略化して書いています。）

```xhtml:login.xhtml
    <h:inputText value="#{loginBb1.loginInfo.id}"/>
    <h:inputSecret value="#{loginBb1.loginInfo.password}"/>
    <h:commandButton value="Login" action="#{loginBb1.doLogin()}"/>
```
単純なログイン画面にidとpasswordを入力するテキストボックスとログインボタンが配置されているイメージです。
次に、BackingBeanを以下に記載します。


```java:LoginBb1.java
@Named
@RequestScoped
public class LoginBb1 {

    @Inject
    private LoginService login;
    private LoginInfo loginInfo = new LoginInfo();

    public String doLogin(){
        //簡略化して書いています
        boolean auth = login.doLogin(loginInfo);
        //中略(認証に成功したら次画面へ)
        return "user?faces-redirect=true"
    }

    //loginInfoのgetter,setterは省略

```
Login情報を保持するクラスは以下の通りです。

```java:LoginInfo.java
public class LoginInfo {
    private String id;
    private String pass;
    //コンストラクタ,gettter,setterは省略
```
ここまでが、1つ目のパターンです。LoginInfoという情報の塊をクラスとしてBackingBeanに持たせるというものです。


次は2つ目のパターンです。
xhtmlは以下の通り。（EL式の内容に少し違いがあります。）

```xhtml:login.xhtml
    <h:inputText value="#{loginBb1.id}"/>
    <h:inputSecret value="#{loginBb1.password}"/>
    <h:commandButton value="Login" action="#{loginBb1.doLogin()}"/>
```
BackingBeanは以下の通りです。

```java:LoginBb2.java
@Named
@RequestScoped
public class LoginBb2{

    @Inject
    private LoginService login;
    private String id;
    private String pass;

    public String doLogin(){
        //簡略化して書きます
        boolean auth = login.doLogin(id, pass);
        //中略(認証に成功したら次画面へ)
        return "user?faces-redirect=true"
    }

    //id, passのgetter,setterは省略
```
後者のパターンは、よくサンプルコードなどでJavaEEのEL式の紹介をする際に見かけます。BackingBeanに直接情報を持たせるものです。
結局この2つのどちらを使っても同じことを実現できるのですが、どちらがJSFのコンセプトとして良いのだろう、って迷ったんです。どっちでも良いから選択肢を持たせているだけかもしれませんが。

イメージはこんな感じです。
![パターン1.png](https://qiita-image-store.s3.amazonaws.com/0/60039/f786f411-d917-ec12-2307-24f40ca31d24.png "パターン1.png")
![パターン2.png](https://qiita-image-store.s3.amazonaws.com/0/60039/2977cfb5-f254-2812-a0a4-aa11b0807817.png "パターン2.png")






#私がとった方法
***
私は、入社して依頼コーディングの機会はほとんどありませんでしたが、入社した年に1度だけStruts1を使ったことがあり、フレームワークにはactionやMVCという考え方があることをそこで知りました。なので今回の開発時もStrutsの考え方と対比しながら開発を進めたため、BackingBeanはコントローラーっぽい役割をするものと考えながら進めていました。
ただ、今回のJSFの開発を通じ色んな方とお話をする中で、[MVVM](http://ja.wikipedia.org/wiki/Model_View_ViewModel "MVVM")という概念を知りました。なんとなくJSFはこの考えに近い気もします。そんなことを考え出すと、BackingBeanは画面の状態を保持した方がいい（画面を表現するクラス）気もしてきて、パターン2の方がJSFの考えに近い気もしてきたんです。ただ、こうすると後々課題も出てきそうだなぁと。。

-  画面部品がたくさんある場合、BackingBeanが肥大化する（メンテナンスしづらそう）
　
- BackingBeanの中でSession情報を保持出来るのかなぁ

- 画面情報をそのままJPAのEntityとして利用しづらくなる

などなど色々頭の中に浮かんできました。
で結局今回は、

- システムとしてBackingBeanの構成に統一性を持たせたいなぁ
- パターン１でも画面の状態を一つの意味のある塊（今回の場合はloginInfoという塊）として考えよう
 
　
などを考えてパターン１をシステム全体に用いて開発をしました。こうしておくことで、意味をもった情報の塊をSessionとして持つこともできます。（以下ではLoginUserを意味を持った情報の塊としています。）

```java:LoginBb3.java
@Named
@RequestScoped
public class LoginBb3 implements Serializable {

    @Inject
    private LoginUser loginUser;

    public String doLogin(){
		//中略
        return "user?faces-redirect=true"
    }

    //loginUserのgetter,setter

```
```java:LoginUser.java
@Named
@SessionScoped
public class LoginUser implements Serializable {

	private String id;
	private String name;
	private String email;
    
    //getter,setter

```

ただ、パターン１にしたのは自分案としてであり、システムの要件によっても変わってくるかもしれません。Strutsからの移行が要件になると、なるべくStrutsで作成したシステム構成と同じ構成にした方が良いかもしれません。一概にこれが良い、とは言えないと思います。逆に言うとどんな構成にしろ柔軟に対応出来る良さがあるとも言える気がします。






#まとめ
***
##結局のところJSFのコンセプトって
自分で答えを出すことは出来ませんでした、というオチです。。今回の自分のとった考えがJSFのコンセプトというか考え方に沿っているかはわかりませんし、答えは無いような気もします。
 **ただ、自分がどのようなコンセプトでシステムを開発するかが重要だと思います。**
そのため、パターン１と２が合わさっているシステムもあるかもしれません。また、１つの画面に複数のBackingBeanが存在するような構成になることもあるかもしれませんし、逆に複数の画面に対して１つのBackingBeanになることもあるかもしれません。
ただ、それが個人やプロジェクトメンバーで考えて出したシステムの思想やコンセプトであれば良いと思います。
##終わりに
コーディング初心者が記載した内容なので、コードや考え方に間違えがあるかもしれませんし、もしかしたがJSFはこんなコンセプトです、というのがあるかもしれません。是非指摘していただきたいですし、皆さんはどんな風に考えているかコメントいただけると幸いです。
それでは、明日のJava EE Advent Calendar 2014は[@megascus](http://qiita.com/megascus "megascus")です。