JSFの開発環境をセットアップしたのでメモ（Eclipse、JBoss）

JSFの開発環境セットアップしたのでメモします。
今回の環境は、下記になります。
・Windows 8 Pro(64bit)
・Eclipse 4.3 Kepler
・JDK 7u51
・JBoss EAP 6.1.0 Final
・Jboss ツール 4.1.1 Final

# JDKのインストール
まず、JDK(Java Development Kit)をインストールします。
ここでインストールするバージョンは、「7u51」です。

1. http://www.oracle.com/technetwork/java/javase/downloads/index.html にアクセスします。


1. Java Platform(JDK) 7u51 のDOWNLOADアイコンをクリックします。
![0_0.png](https://qiita-image-store.s3.amazonaws.com/0/22465/4c1adf73-f0ab-6f59-56c6-6700d3aebbd2.png)


1. ライセンスを読み、『Accept License Agreement』ラジオボタンをクリックして、使用OSに合わせて、ダウンロードするファイルをクリックしてダウンロード開始します。
Windows8 64bitであれば jdk-7u51-windows-x64.exe を選択します。
![0_1.png](https://qiita-image-store.s3.amazonaws.com/0/22465/2a08dc14-db16-92bc-a174-893931ecc53a.png)


1. ダウンロードしたインストーラの指示に従ってインストールします。
特にこだわりが無ければ途中の設定はすべてデフォルトで問題ありません。


1. 環境変数JAVA_HOMEをインストールしたフォルダに設定します。
変数[JAVA_HOME]
値[C:\Program Files\Java\jdk1.7.0_51;]
![0_2.png](https://qiita-image-store.s3.amazonaws.com/0/22465/96ff3e74-28d6-e3da-b092-1dfadad8a152.png)


#Eclipseインストール
次にEclipseをインストールします。
全部入りで便利な「All in One」をダウンロードします。

1. http://mergedoc.sourceforge.jp/ にアクセスし、Eclipse 4.3.1 Keplerを選択します。
![1.png](https://qiita-image-store.s3.amazonaws.com/0/22465/664b2cd4-bc5d-7d75-30e4-df443a3f9cfe.png)


1. Java 64bitのFull Editionを選択しダウンロードします。
![2.png](https://qiita-image-store.s3.amazonaws.com/0/22465/5df26803-97b4-addc-d6b0-1fb17916a8d6.png)


1. ダウンロードしたファイルを解凍します。
ファイル名が長く失敗の恐れがあるため、
ファイルをディレクトリ直下に置きファイル名を「a」とリネームしてから解凍します。

#Jbossインストール
次にJboss EAP をインストールします。

1. http://www.jboss.org/jbossas/downloads にアクセスしてダウンロードします。
　今回は「EAP 6.1.0 Final」をダウンロードします。
![3_2.png](https://qiita-image-store.s3.amazonaws.com/0/22465/3bb6adad-2e34-6355-a131-85bb062204b4.png)

1. ダウンロードしたファイルを任意の場所に解凍します。
　今回は「I:\Eclipse_JSF\JBoss\jboss-eap-6.1」になりました。


#Eclipseの設定
インストールしたEclipseを設定します。

1. Eclipseを立ち上げて、[ウインドウ] > [設定]をクリックします。

1. インストール済みのJREを選択し、追加をクリックします。
![000.png](https://qiita-image-store.s3.amazonaws.com/0/22465/dcc10ec7-fd68-140b-120c-34bc9b6cf403.png)


1. 標準VMを選択し、次へをクリックします。
![001.png](https://qiita-image-store.s3.amazonaws.com/0/22465/c3522ca0-e30d-fe47-e020-5d1095e67d35.png)


1. ディレクトリーをクリックし、先ほどインストールしたJDKを選択し、完了をクリックします。
![002.png](https://qiita-image-store.s3.amazonaws.com/0/22465/e4cf046c-b4c0-e89d-5305-5cf90268889e.png)


1. コンパイラーを選択し、「コンパイラー準拠レベル」で「1.7」を選択し、OKをクリックします。
![003.png](https://qiita-image-store.s3.amazonaws.com/0/22465/3630d147-29fc-e517-b6e9-d2ca7803aad3.png)


#Eclipse JBossプラグイン(JBoss Tools)のインストール 
最後にJBossのEclipse用のプラグイン「JBoss Tools」をインストールします。

1. [ヘルプ] > [Eclipse マーケットプレース]をクリックします。
![4_1.png](https://qiita-image-store.s3.amazonaws.com/0/22465/45ef7382-e86c-07d7-59f0-d4ff55e829ff.png)

1. 「Jboss」で検索し、「Jboss ツール 4.1.1 Final」をインストールします。
![5_2.png](https://qiita-image-store.s3.amazonaws.com/0/22465/dec22b39-b5c0-0c7c-91ec-f9b51ac2b0d2.png)

1. 「Jboss Tools」にチェックが入っているのでそのまま確認をクリックし進みます。
![5_3.png](https://qiita-image-store.s3.amazonaws.com/0/22465/39df16a0-4f5f-8247-7e63-11331df84968.png)

1. 同意を選択し、完了をクリックするとインストールが開始されます。
　途中、セキュリティー警告が表示されますが、「OK」をクリックします。
![5_４.png](https://qiita-image-store.s3.amazonaws.com/0/22465/95524a80-a398-a40f-20cf-f484251d5185.png)

1. インストールが完了したらEclipseを再起動させます。

#JBoss設定と起動
EclipseからJbossを起動できるように設定します。

1. [ウィンドウ] > [ビューの表示] > [その他] > [サーバー]でサーバータブを表示します。
![7.png](https://qiita-image-store.s3.amazonaws.com/0/22465/6ff3ba32-20ad-d28a-efc6-d4d92e3a65db.png)

1. サーバータブのところで右クリックし、[新規] > [サーバー]をクリックします。
![8.png](https://qiita-image-store.s3.amazonaws.com/0/22465/2e5a58a4-a454-ba97-ca1e-b2082411450a.png)

1. 新規サーバーという画面が開かれるので、「JBoss エンタープライズ・プラットフォーム 6.1＋」を選択し、次へをクリックします。
![9.png](https://qiita-image-store.s3.amazonaws.com/0/22465/462d7b0b-2d8b-fa78-be29-ccc9cbc78ddb.png)


1. 表示される設定画面で以下を設定し、完了をクリックします。
　・「名前」…任意の名前
　・「ホーム・ディレクトリ」…JBoss Application Serverの配置場所
　　（今回の場合、「I:\Ecilpse_JSF\JBoss\jboss-eap-6.1」） 
　・「JRE」…インストール済みのJDK（今回の場合、「jdk1.7.0_51」）
　・「構成ファイル」…「standalone.xml」（デフォルトのまま）


1. サーバーが追加されたので、「サーバーを始動」の再生ボタンを押下し、起動します。
![004.png](https://qiita-image-store.s3.amazonaws.com/0/22465/6cb62ee8-b658-5f2a-51d4-114ac5ed3b90.png)


1. ブラウザで http://localhost:8080 にアクセスし、表示されたら完了です。
![999.png](https://qiita-image-store.s3.amazonaws.com/0/22465/fe17650a-7756-a714-32ab-c1e9d16772a1.png)