## 背景
今までJavaは触ったことなかったのですが、突然JSF触ることになったので入門してみました
せっかくなのでやったことのメモをアウトプットしていこうと思います

まずは開発環境の構築についてメモっておきます

## 道のり
Step1 JDKをインストールする
Step2 PATHの編集
Step3 NetBeansをインストールする
Step4 プロジェクトを作ってみる

## Step1 Javaをインストールする
以下のサイトからJDKをダウンロードします
[Java SE Development Kit 8 Downloads](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)

このときJava SE 10ではなく、**Java SE 8**をダウンロードしてください
最新の10の方をインストールするとNetBeansをインストールするときにエラーが出てしまいます
こいつのおかげで30分無駄に・・・

ダウンロードが完了したらインストーラに従って進めば大丈夫です

## Step2 PATHの編集
「コントロールパネル」→「システムとセキュリティ」→「システム」の「システムの詳細設定」を開きます
「環境変数(N)...」ボタンをクリックすると環境変数の設定画面が開きます

「システム環境変数」の中に「Path」という変数があるので、編集ウィンドウから新規ボタンを押してJDKをインストールした場所のbinディレクトリのパスを追加します
例：```C:\Program Files\Java\jdk1.8.0_181\bin```

コマンドプロンプトを立ち上げて正しくPATHが通っているか確認します
![img](/mosaic-code.jpg)
>javac
使用方法: javac <options> <source files>
使用可能なオプションには次のものがあります。
  -g                         すべてのデバッグ情報を生成する
  -g:none                    デバッグ情報を生成しない
  -g:{lines,vars,source}     いくつかのデバッグ情報のみを生成する
  -nowarn                    警告を発生させない

~中略~

  -J<flag>                   <flag>を実行システムに直接渡す
  -Werror                    警告が発生した場合にコンパイルを終了する
  @<filename>                ファイルからの読取りオプションおよびファイル名
![img](/mosaic-code.jpg)set JAVA_HOME```と入力して以下のように表示されればOK

![img](/mosaic-code.jpg)

## Step3 NetBeansをインストールする
以下のサイトからインストーラーをダウンロードします
[NetBeans IDE ダウンロード](https://netbeans.org/downloads/?pagelang=ja)

ダウンロードバンドルにいくつか種類がありますが、今回は「Java EE」をダウンロードしました
ダウンロードが完了したらインストーラーを起動します

Java SE 8がインストール済みでPATHの設定が正しくできていればインストーラーに従って問題なくインストールできると思います

## Step4 プロジェクトを作ってみる
* カテゴリは「Java Web」、プロジェクトは「Webアプリケーション」を選択して次へ
![jsf1.PNG](https://qiita-image-store.s3.amazonaws.com/0/34870/c2173f33-3315-d89c-0950-65114ad3e090.png)
* 名前は「jsf-sample」にしました
* サーバーと設定はデフォルト
* フレームワークは「JavaServer Faces」を選択
![001.JPG](https://qiita-image-store.s3.amazonaws.com/0/34870/f908f287-e3e0-bf4a-f4bc-c128e2a8ff41.jpeg)
このとき下のようにチェックが入っていない状態で終了するとJSFが選択されないので注意
![jsf2.PNG](https://qiita-image-store.s3.amazonaws.com/0/34870/24e38ed8-6433-a725-c25d-3033ee7268a8.png)
* プロジェクト名を右クリックして「実行」をクリック
![003.JPG](https://qiita-image-store.s3.amazonaws.com/0/34870/bd6a5d27-4bc3-d744-0a56-c463e8ed6d97.jpeg)

* ブラウザが立ち上がり```index.html```の内容が表示されます
![002.JPG](https://qiita-image-store.s3.amazonaws.com/0/34870/a857bccb-56f3-4caf-8b5e-ed3946ec9ed1.jpeg)

と、無事に画面が表示されたところで開発環境構築メモはここまで
[cv:issue_marketplace_engineer]

## 背景
今までJavaは触ったことなかったのですが、突然JSF触ることになったので入門してみました
せっかくなのでやったことのメモをアウトプットしていこうと思います

まずは開発環境の構築についてメモっておきます

## 道のり
Step1 JDKをインストールする
Step2 PATHの編集
Step3 NetBeansをインストールする
Step4 プロジェクトを作ってみる

## Step1 Javaをインストールする
以下のサイトからJDKをダウンロードします
[Java SE Development Kit 8 Downloads](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)

このときJava SE 10ではなく、**Java SE 8**をダウンロードしてください
最新の10の方をインストールするとNetBeansをインストールするときにエラーが出てしまいます
こいつのおかげで30分無駄に・・・

ダウンロードが完了したらインストーラに従って進めば大丈夫です

## Step2 PATHの編集
「コントロールパネル」→「システムとセキュリティ」→「システム」の「システムの詳細設定」を開きます
「環境変数(N)...」ボタンをクリックすると環境変数の設定画面が開きます

「システム環境変数」の中に「Path」という変数があるので、編集ウィンドウから新規ボタンを押してJDKをインストールした場所のbinディレクトリのパスを追加します
例：```C:\Program Files\Java\jdk1.8.0_181\bin```

コマンドプロンプトを立ち上げて正しくPATHが通っているか確認します
```javac```と入力して以下のように表示されればOK

```
>javac
使用方法: javac <options> <source files>
使用可能なオプションには次のものがあります。
  -g                         すべてのデバッグ情報を生成する
  -g:none                    デバッグ情報を生成しない
  -g:{lines,vars,source}     いくつかのデバッグ情報のみを生成する
  -nowarn                    警告を発生させない

~中略~

  -J<flag>                   <flag>を実行システムに直接渡す
  -Werror                    警告が発生した場合にコンパイルを終了する
  @<filename>                ファイルからの読取りオプションおよびファイル名
```

次に```JAVA_HOME```という変数をシステム環境変数に新規追加します
値はJDKをインストールした場所のパスになります
例：```C:\Program Files\Java\jdk1.8.0_181```

こちらも再度コマンドプロンプトを立ち上げて正しく設定されているか確認します
```set JAVA_HOME```と入力して以下のように表示されればOK

```
>set JAVA_HOME
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_181
```

## Step3 NetBeansをインストールする
以下のサイトからインストーラーをダウンロードします
[NetBeans IDE ダウンロード](https://netbeans.org/downloads/?pagelang=ja)

ダウンロードバンドルにいくつか種類がありますが、今回は「Java EE」をダウンロードしました
ダウンロードが完了したらインストーラーを起動します

Java SE 8がインストール済みでPATHの設定が正しくできていればインストーラーに従って問題なくインストールできると思います

## Step4 プロジェクトを作ってみる
* カテゴリは「Java Web」、プロジェクトは「Webアプリケーション」を選択して次へ
![jsf1.PNG](https://qiita-image-store.s3.amazonaws.com/0/34870/c2173f33-3315-d89c-0950-65114ad3e090.png)
* 名前は「jsf-sample」にしました
* サーバーと設定はデフォルト
* フレームワークは「JavaServer Faces」を選択
![001.JPG](https://qiita-image-store.s3.amazonaws.com/0/34870/f908f287-e3e0-bf4a-f4bc-c128e2a8ff41.jpeg)
このとき下のようにチェックが入っていない状態で終了するとJSFが選択されないので注意
![jsf2.PNG](https://qiita-image-store.s3.amazonaws.com/0/34870/24e38ed8-6433-a725-c25d-3033ee7268a8.png)
* プロジェクト名を右クリックして「実行」をクリック
![003.JPG](https://qiita-image-store.s3.amazonaws.com/0/34870/bd6a5d27-4bc3-d744-0a56-c463e8ed6d97.jpeg)

* ブラウザが立ち上がり```index.html```の内容が表示されます
![002.JPG](https://qiita-image-store.s3.amazonaws.com/0/34870/a857bccb-56f3-4caf-8b5e-ed3946ec9ed1.jpeg)

と、無事に画面が表示されたところで開発環境構築メモはここまで
[![image](https://firebasestorage.googleapis.com/v0/b/issue-pro-42602.appspot.com/o/topics%2F17fa658b-53c7-4ca0-a28b-e588ed1bd371?alt=media&token=2c00afff-85ff-4428-8d15-696ab676dcb0)](https://i-ssue.com/lp/check_salary)

背景

道のり

Ste

続きを読むには単価診断を受けてください 30秒