javafxのインストールから画面出力まで

# **javafxの実行環境を構築する**
Javafxはインストールしただけでは、次のようなエラーがあり実行できない
![error3.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/a2e87c3f-c172-e95b-1a73-5b0a88300b6f.png)
原因はビルドパスにJavafxのライブラリがないからです
環境構築の手順を記しておきます
## **Javafxプロジェクトの作成**
↓その他を選択
![create_project.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/b4f3f14c-1519-6243-3b86-ca781d34d1ab.png)
↓Javafxプロジェクトを選択
![create_project1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/9b6e7ee7-dba7-ab23-50bc-b796f919bcb5.png)
↓プロジェクト名を入力して[次へ]を押す
![create_project2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/b1e1d4d8-83aa-7d73-dc43-b2b6f43d7d78.png)
↓[次へ]を2回押すとこの画面になる。言語をnoneからFXMLに変更して[完了]を押す
![create_project3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/da3df569-d597-0942-f213-a96b8a7b842a.png)
## **ビルド・パスの設定**
↓パッケージエクスプローラーから作成プロジェクトを右クリックしてビルド・パスの構成を選ぶ
![create_project4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/0800307d-cfd0-c0e6-cb98-e0989f9b7d92.png)
↓ライブラリの中のクラスパスを選択し、ライブラリの追加を行う
![create_project5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/57bbd2c0-a273-954e-faf1-7d73ca64fcc2.png)
↓ユーザー・ライブラリを選択し[次へ]を押す
![create_project6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/d37fe977-3ad8-39c1-dad0-20ad6356e34d.png)
↓ユーザー・ライブラリを選択して押す
![create_project7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/f352ed6b-6407-236d-3c23-3608aee7493f.png)
↓[新規]を選択して押す
![create_project8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/c43d97f6-12ad-aa1c-7eea-6ebe2b13d3d0.png)
↓javafxと入力して[OK]を押す
![create_project9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/db30e55a-8249-5877-0f8b-acfab4217578.png)
↓javafxを選択して[外部JARの追加]を押す
![create_project10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/e6f67718-6127-e1ec-6c58-ef3955c1eea8.png)
↓gluonからダウンロードしたフォルダのJARファイルをすべて開く
https://gluonhq.com/products/javafx/
![create_project11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/11a8974c-04cc-b200-339e-f2ae52a8b2ca.png)
![create_project12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/88df0ed9-bb68-18a3-ced2-68e075275379.png)
![create_project13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/a0c77d02-e04d-ba3f-5772-5b00ee80fddd.png)
![create_project14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/f851fca1-9656-d9bb-5e84-f59c818d53bc.png)
## **実行環境の設定**
↓ここまでできるとプロジェクトのエラーが無くなるがまだ実行は出来ない
![create_project15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/f3a9b974-48fb-a63c-54e1-ec028e9fa9e0.png)
![create_project16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/4b08cd34-644d-887f-97f7-0bafefa9b3f3.png)
↓実行から実行の構成を選択する
![create_project17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/d4a0e7f9-2824-6a59-1dfe-2c82cec2ede2.png)
↓VM引数に
--module-path "gluonからダウンロードしたファイルの展開先パス" --add-modules javafx.controls,javafx.fxmlを追加
![create_project18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3457911/07372e42-c8d1-5b40-e814-63c16bee3971.png)
## **終わりに**
お疲れさまでした。あとは実行すれば画面が生成されます。しかしまだscene builderのインストールがありますね。