概要

JavaでGUIのアプリ作ってみたかったけど、
いろんなフレームワークあるし、
Javaで開発もしたことなかったので記事にまとめてみました。

Goal

vscodeとjavafxを使い、GUIアプリを表示する！

環境

Java version

> java -version
java version "11.0.18" 2023-01-17 LTS
Java(TM) SE Runtime Environment 18.9 (build 11.0.18+9-LTS-195)
Java HotSpot(TM) 64-Bit Server VM 18.9 (build 11.0.18+9-LTS-195, mixed mode)

> powershell Get-WmiObject Win32_OperatingSystem
Version         : 10.0.22621

> wmic os get caption
Microsoft Windows 11 Home

editor
- vscode

Let's Go

大きくわけて、以下の流れです。

JavaFXの環境設定
開発環境(vscode)の設定
GUIアプリを実行

JavaFXをダウンロード(javaのバージョンが11以上なら必要)

以下のSDKをダウンロードしてね。

指定のフォルダに配置

// 以下のフォルダに配置する。
C:\Program Files\Java

// 配置後のフォルダ
C:\Program Files\Java\javafx-sdk-17.0.8

環境変数の登録

vscodeの設定

vscodeの設定画面で、javaと検索する。

"java.configuration.runtimes"の"path"にjavaライブラリのパスを入力する。

vscodeでjavaプロジェクトを作成

vscodeのウィンドウを開きます。
ctrl + shift + p
"Java:Create Java Project..." を選択
プロジェクトタイプを選択します。maven を選択してください。
アーキタイプを選択します。More...からopenjfxを選択してください。
javafxのversionを選択します。最新の0.0.6を選択してください。
groupIdを入力します。

maveの公式サイトで、groupIdとartifactIdに何を入れるか考えてください。
artifactIdは、次の手順で入力します。
https://maven.apache.org/guides/mini/guide-naming-conventions.html
artifactIdを入力します。
folder選択画面が表示されるので、フォルダを選択してください
プロジェクト作成処理が走るので、待機。
プロパティのバージョンを入力します。
入力項目確認画面です。問題なければ、Yを入力します。
手順12の内容でプロジェクトを作成されます。待機します。
右下に出てるポップアップで、"Open"をクリックすると作成したプロジェクトをvscodeで開けます
完了すると、以下のプロジェクトが作成されます！
作成されたプロジェクトからApp.javaを開き、"実行"->"デバッグの開始"をクリック
ビルドが開始されるので、少し待機
画面が表示される！！！