CRUD図作成アプリを創る(4/5)

前置き

前回までに取得してきた各種情報をベースに、CRUD図をExcelブックに書き込んでいくメソッドを実装する。
このメソッドの実装次第でCRUD図のレイアウトが決まる。
今回は、横軸に機能、縦軸にテーブルをプロットしてみた。
また、値のプロットしかしていないので、後で書式やレイアウトの調整は必要。

処理詳細

• 引数に機能一覧Mapとテーブル一覧MapとCRUD情報Map、出力ファイルを指定する
• ブックを作成
• シートを"crud_yy-MM-dd"で作成
• 1行目にヘッダ行を作成
• 機能毎の列INDEX用のMapを作成する(列INDEX用Map)
• CRUD情報MapをベースにキーSet(機能ID)を読み込む
• 列INDEX用Mapに機能IDとINDEXをセットする
• ヘッダ行に機能IDと機能名のセルを追加する
• テーブル一覧Mapを読み込む
• テーブル毎に1行作成する
• 1列目にテーブルIDとテーブル名のセルを作成する
• CRUD情報Mapを機能毎に読み込む
• CRUD情報にテーブルIDが含まれるか判定する
• 対応したSQL操作を追加する
• 列INDEX用Mapをベースに対象機能の列にCRUDセルを作成する
• 出力ファイルに作成したブック情報を書き込む

実装

private fun writeCrudMatrix(mapFunc: Map<String, String>, mapTbl: Map<String, String>, mapCrud: Map<String, Crud>, out: File): Boolean { try { FileOutputStream(out).use { xls -> val book = WorkbookFactory.create(true) val t = Calendar.getInstance().time val sheet = book.createSheet(String.format("crud_%ty-%tm-%td", t, t, t)) var row = sheet.createRow(0) var cnt = 1 val map = mutableMapOf<String, Int>() mapCrud.keys.forEach { key -> map[key] = cnt row.createCell(cnt).setCellValue(String.format("%s%n%s", key, mapFunc[key])) cnt++ } cnt = 1 val sb = StringBuilder() mapTbl.forEach { (tbl, name) -> row = sheet.createRow(cnt) row.createCell(0).setCellValue(String.format("%s%n%s", tbl, name)) mapCrud.forEach { (func, crud) -> sb.clear() if (crud.c.contains(tbl)) sb.append("C") if (crud.r.contains(tbl)) sb.append("R") if (crud.u.contains(tbl)) sb.append("U") if (crud.d.contains(tbl)) sb.append("D") if (sb.isNotEmpty()) row.createCell(map[func]!!).setCellValue(sb.toString()) } cnt++ } book.write(xls) } return true } catch (e: Exception) { return false } }

CRUD図作成アプリを創る(3/5)

前置き

今回は、前回までの処理で取得した機能ID毎のファイルリストをベースに、 機能毎のCRUD情報を取得するメソッドを実装する。
ポイントはテーブルIDやSQL操作の判定に正規表現を利用していること。

今回実装するメソッドでは、正規表現の基礎知識が必要になる。
自分は正規表現に関わる全ての知識を 【詳説 正規表現 第3版】 で得た。
正規表現は、LinuxのGrepや一般的なテキストエディタでも採用されている汎用性の高い技術で、自分の中では、ある程度扱えるようになった後は、人生がイージーモードに変わったレベル。
難易度が低い、使用可能シーンが多い、即効性が高い、など非常に費用対効果が高いのだが、意外と軽視されがちなので、競争優位性も高いという、非の打ち所がない技術なので、非常におすすめ。

処理詳細

• 引数にSQLファイル一覧Mapを指定する
• テーブルIDの正規表現を定義する(テーブルIDReg)
• SQL操作の正規表現を定義する(SQL操作Reg)
• 戻り値用のMapを作成する
• SQLファイル一覧Mapを1機能ずつ読み込む
• SQL操作毎にテーブルID用のSetを定義する
• 機能に対応するSQLファイルを読み込む
• 1行ずつ処理を実行していく
• SQL操作Regに合致する行を判定する
• テーブルIDRegに合致するテーブルIDを取得する
• 取得したテーブルIDを対応するSQL操作Setに追加する
• 各SQL操作SetでCRUD情報を初期化する
• 戻り値用Mapに機能IDとCRUD情報をセットする
• 戻り値用Mapを呼び出し元に返却する

実装

private fun getCrudMatrix(mapFiles: Map<String, File>): Map<String, Crud> { val regTbl = Regex("(?i)(\\s|^)検索したいテーブルIDの正規表現(\\s|\$)") val regCrud = Regex("(?i)(\\s|^)(insert|from|delete|join|update)(\\s|$)") val map = mutableMapOf<String, Crud>() mapFiles.forEach { (key, file) -> val c = mutableSetOf<String>() val r = mutableSetOf<String>() val u = mutableSetOf<String>() val d = mutableSetOf<String>() FileReader(file).buffered().useLines { var j = false var s = "" for (line in it.iterator()) { if (line.contains(regCrud)) { s = regCrud.find(line)!!.value.trim() j = true } if (j && line.contains(regTbl)) { val v = regTbl.find(line)!!.value.trim() when { s.equals("insert", true) -> c.add(v) s.equals("from", true) -> r.add(v) s.equals("delete", true) -> d.add(v) s.equals("join", true) -> r.add(v) s.equals("update", true) -> u.add(v) } j = false } } } val crud = Crud(c, r, u, d) map[key] = crud } return map }

CRUD図作成アプリを創る(2/5)

前置き

今回は機能・テーブル一覧ブックを読み込むメソッドと、機能IDのリストをベースに SQLファイルの一覧を取得するメソッドを実装する。
ポイントは機能・テーブル一覧ブックを読み込む際にヘッダ行をスキップしている所くらい。

処理詳細

機能・テーブル一覧ブック読み込みメソッド

• 引数に定義ブックとシート名を指定する
• 戻り値用のMapを作成する
• 定義ブックから対象シートを取得する
• 対象シートを最終行まで1行ずつ読み込む
• ヘッダ行は読み飛ばす
• 戻り値用MapにIDと名称をセットする
• 戻り値用Mapを呼び出し元に返却する

SQLファイルの一覧取得メソッド

• 引数に機能一覧MapのキーSetとSQLディレクトリを指定する
• 戻り値用のMapを作成する
• SQLディレクトリからファイルリストを取得する(再帰読み込みなし)
• ファイルリストから1ファイルずつ読み込む
• 機能一覧キーSetから機能IDを読み込む
• ファイル名が機能IDから始まるかを判定する
• 見つかった場合は戻り値用Mapに機能IDとファイルをセットする
• 戻り値用Mapを呼び出し元に返却する

実装

private fun getFunListMap(xls: File, sheetName: String): Map<String, String> { val map = mutableMapOf<String, String>() try { val book = WorkbookFactory.create(xls) val sheet = book.getSheet(sheetName) val rows = sheet.iterator() if (rows.hasNext()) rows.next() while (rows.hasNext()) { val row: Row = rows.next() val cells: Iterator<Cell> = row.cellIterator() map[cells.next().stringCellValue] = cells.next().stringCellValue } } catch (e: IOException) { e.printStackTrace() } return map } private fun getFileListMap(keys: Set<String>, dir: File): Map<String, File> { val map = mutableMapOf<String, File>() dir.listFiles()!!.forEach { keys.filter { s -> it.name.startsWith(s) }.forEach { s -> map[s] = it } } return map }

CRUD図作成アプリを創る(1/5)

前置き

前回のCRUD図を実務で作成するとなると、機能数やテーブル数が膨大になり、 開発スタート時から作成していない場合などは、とてもじゃないけど手作業で作成するのが困難になる。
そこで、今回から5回に分けて、CRUD図を自動生成するアプリケーションを作成していく。

前提条件

• 機能はIDと機能名で構成されていること
• テーブルはIDとテーブル名で構成されていること
• テーブルのIDは命名規約に従って付与されていること
• SQLファイルは機能IDで始まるファイルで管理されていること
• SQLはツールなどでフォーマットされていること(1行はムリ)

設計

• SQLファイル格納ディレクトリを選択する
  • 再帰的なディレクトリの読み込みはしない
• 機能・テーブル一覧ブックを選択する
  • Excelブック(*.xlsx)のみ選択可能とする
  • 機能とテーブルの一覧の作成について
  • Excelブックにシートを分けて定義する
  • 機能は”機能一覧”というシートに定義する
  • テーブルは”テーブル一覧”というシートに定義する
  • それぞれの一覧は1列目にID、2列目に名称を定義する
  • それぞれの一覧の1行目にヘッダを定義する
• CRUD作成処理
  • SQLディレクトリが選択されていない場合は処理を中断する
  • 機能・テーブル一覧ブックが選択されていない場合は処理を中断する
  • ファイル保存ダイアログで出力ファイルを指定する
  • Excelブック(*.xlsx)のみ指定可能とする
  • キャンセルした場合は処理を中断する
  • 機能一覧を読み込みMapを作成する
  • 機能IDをKEYとする
  • 機能名をVALUEとする
  • テーブル一覧を読み込みMapを作成する
  • テーブルIDをKEYとする
  • テーブル名をVALUEとする
  • 機能一覧MapをベースにSQLファイルのMapを作成する
  • 機能IDをKEYとする
  • SQLファイルをVALUEとする
  • SQLファイルMapをベースに機能毎のCRUD情報のMapを作成する
  • 機能IDをKEYとする
  • CRUD情報をVALUEとする
  • CRUD情報の定義は以下とする
  • CRUDそれぞれに対応するSetを作成する
  • CRUDのSetにはテーブルIDをセットする
  • 各種情報をベースに出力ファイルにCRUD図を書き込む
  • 出力結果をコンソールに出力する

CRUD図

前置き

システムの機能が、DBのテーブルに対してどういった操作をしているかの 対応付けを可視化した表。
操作はCRUD(CREATE, READ, UPDATE, DELETE)で記述する。

システムの機能数が増えるにしたがって、各機能が、どのテーブルにアクセスしているか という情報が煩雑になってくる。そこで機能とテーブル間の情報をCRUD図で作成しておくと、 業務の流れの把握や引継ぎの際などに役立つ。

CRUD図のイメージ

バブルチャートを使う

前置き

JavaFXでバブルチャート表示させる。
前回の散布図と使い方はほとんど一緒。ただし、データの強弱を表現できる。

ポイントは、X軸に NumberAxis を指定する必要があること。
データの第3引数に半径を指定すると、データの強弱を表現できるようになる。
半径を指定しなかった場合には、散布図とほぼ同じ使い方になる。
今回は、半径を5段階でランダムに指定している。

実装

FXDemo.fxml
<?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.chart.BubbleChart?> <?import javafx.scene.chart.NumberAxis?> <?import javafx.scene.layout.BorderPane?> <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo"> <center> <BubbleChart fx:id="chtExample" BorderPane.alignment="CENTER"> <xAxis> <NumberAxis side="BOTTOM" /> </xAxis> <yAxis> <NumberAxis side="LEFT" /> </yAxis> </BubbleChart> </center> </BorderPane>

FXDemo.kt
package jp.ne.yonem import javafx.application.Application import javafx.collections.FXCollections.observableArrayList import javafx.collections.ObservableList import javafx.fxml.FXML import javafx.fxml.FXMLLoader import javafx.fxml.Initializable import javafx.scene.Scene import javafx.scene.chart.BubbleChart import javafx.scene.chart.NumberAxis import javafx.scene.chart.XYChart import javafx.scene.layout.BorderPane import javafx.stage.Stage import java.net.URL import java.util.* class FXDemo : Application(), Initializable { @FXML lateinit var chtExample: BubbleChart<Number, Number> override fun start(stage: Stage) { stage.scene = Scene(FXMLLoader.load<BorderPane>(javaClass.getResource("FXDemo.fxml"))) stage.title = "FXDemo" stage.show() } override fun initialize(location: URL?, resources: ResourceBundle?) { chtExample.title = "Bubble Chart Sample" chtExample.data.addAll(dataFactory(3, 100)) chtExample.xAxis.label = "週目" val y: NumberAxis = chtExample.yAxis as NumberAxis y.label = "売上" y.isAutoRanging = false y.lowerBound = 50.0 y.upperBound = 105.0 } private fun dataFactory(create: Int, days: Int): ObservableList<XYChart.Series<Number, Number>> { val list = observableArrayList<XYChart.Series<Number, Number>>() for (i in 0 until create) { val series = XYChart.Series<Number, Number>() series.name = String.format("会社%d", i + 1) for (j in 0 until days) { val buf = Random().nextDouble() * 100 if (55 < buf) series.data.add(XYChart.Data(j + 1, buf, Random().nextInt(5))) } list.add(series) } return list } companion object { @JvmStatic fun main(args: Array<String>) { launch(FXDemo::class.java, *args) } } }

実行結果

データに半径を指定しなかった場合

データに半径を指定した場合

散布図を使う

前置き

JavaFXで散布図を表示させる。
ある集団に於けるデータの分布を視覚化するのに適したグラフ。

• 季節とアイスの売上の相関
• 学年と身長の相関
• 地域と降水確率の相関
• etc...

実装

FXDemo.fxml
<?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.chart.CategoryAxis?> <?import javafx.scene.chart.NumberAxis?> <?import javafx.scene.chart.ScatterChart?> <?import javafx.scene.layout.BorderPane?> <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo"> <center> <ScatterChart fx:id="chtExample" BorderPane.alignment="CENTER"> <xAxis> <CategoryAxis side="BOTTOM" /> </xAxis> <yAxis> <NumberAxis side="LEFT" /> </yAxis> </ScatterChart> </center> </BorderPane>

FXDemo.kt
package jp.ne.yonem import javafx.application.Application import javafx.collections.FXCollections.observableArrayList import javafx.collections.ObservableList import javafx.fxml.FXML import javafx.fxml.FXMLLoader import javafx.fxml.Initializable import javafx.scene.Scene import javafx.scene.chart.NumberAxis import javafx.scene.chart.ScatterChart import javafx.scene.chart.XYChart import javafx.scene.layout.BorderPane import javafx.stage.Stage import java.net.URL import java.text.SimpleDateFormat import java.util.* class FXDemo : Application(), Initializable { @FXML lateinit var chtExample: ScatterChart<String, Number> override fun start(stage: Stage) { stage.scene = Scene(FXMLLoader.load<BorderPane>(javaClass.getResource("FXDemo.fxml"))) stage.title = "FXDemo" stage.show() } override fun initialize(location: URL?, resources: ResourceBundle?) { chtExample.title = "Scatter Chart Sample" chtExample.data.addAll(dataFactory(3, 100)) chtExample.xAxis.label = "期間" val y: NumberAxis = chtExample.yAxis as NumberAxis y.label = "売上" y.isAutoRanging = false y.lowerBound = 50.0 y.upperBound = 105.0 } private fun dataFactory(create: Int, days: Int): ObservableList<XYChart.Series<String, Number>> { val list = observableArrayList<XYChart.Series<String, Number>>() val fmt = SimpleDateFormat("MM-dd") for (i in 0 until create) { val cal = Calendar.getInstance() val series = XYChart.Series<String, Number>() series.name = String.format("会社%d", i + 1) println(series.name) for (j in 0 until days) { cal.add(Calendar.DAY_OF_MONTH, j) val buf = Random().nextDouble() * 100 if (55 < buf) series.data.add(XYChart.Data(fmt.format(cal.time), buf)) } list.add(series) } return list } companion object { @JvmStatic fun main(args: Array<String>) { launch(FXDemo::class.java, *args) } } }

実行結果

円グラフを使う

前置き

JavaFXで円グラフを表示させる。
ある集団に於ける構成比を表わすのに適したグラフ。

他のグラフと比較すると、直感的に扱えるシンプルな作りになっている。
今回は、凡例の位置を左側に変更したり、プロット開始位置を変更したりしている。
プロット開始位置のデフォルトは3時の位置から始まり、変更する場合は startAngle で 角度を指定する。90を指定した場合は反時計回りに90度回転する。

実装

FXDemo.fxml
<?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.chart.PieChart?> <?import javafx.scene.layout.BorderPane?> <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo"> <center> <PieChart fx:id="chtExample" BorderPane.alignment="CENTER" /> </center> </BorderPane>

FXDemo.kt
package jp.ne.yonem import javafx.application.Application import javafx.fxml.FXML import javafx.fxml.FXMLLoader import javafx.fxml.Initializable import javafx.geometry.Side import javafx.scene.Scene import javafx.scene.chart.PieChart import javafx.scene.layout.BorderPane import javafx.stage.Stage import java.net.URL import java.util.* class FXDemo : Application(), Initializable { @FXML lateinit var chtExample: PieChart override fun start(stage: Stage) { stage.scene = Scene(FXMLLoader.load<BorderPane>(javaClass.getResource("FXDemo.fxml"))) stage.title = "FXDemo" stage.show() } override fun initialize(location: URL?, resources: ResourceBundle?) { chtExample.title = "Pie Chart Sample" chtExample.data.add(PieChart.Data("C/C++", 136.0)) chtExample.data.add(PieChart.Data("Python", 127.0)) chtExample.data.add(PieChart.Data("JavaScript", 110.0)) chtExample.data.add(PieChart.Data("SQL", 106.0)) chtExample.data.add(PieChart.Data("C#", 96.0)) chtExample.data.add(PieChart.Data("Java", 94.0)) chtExample.data.add(PieChart.Data("VBA", 91.0)) chtExample.data.add(PieChart.Data("etc", 356.0)) chtExample.legendSide = Side.LEFT // 凡例を左側に chtExample.startAngle = 90.0 // プロット開始位置を変更 } companion object { @JvmStatic fun main(args: Array<String>) { launch(FXDemo::class.java, *args) } } }

実行結果

折れ線グラフを使う

前置き

JavaFXで折れ線グラフを表示させる。
時系列でデータの推移を観測する時などに適したグラフ。

今回のポイントは、折れ線グラフのY軸を NumberAxis クラスで取得し、 プロット範囲を指定している所。この時 isAutoRanging をfalseに設定し、 プロット範囲の自動設定をOFFにしておかないと、手動設定の指定が有効にならないことに注意。

実装

FXDemo.fxml
<?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.chart.CategoryAxis?> <?import javafx.scene.chart.LineChart?> <?import javafx.scene.chart.NumberAxis?> <?import javafx.scene.layout.BorderPane?> <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo"> <center> <LineChart fx:id="chtExample" BorderPane.alignment="CENTER"> <xAxis> <CategoryAxis side="BOTTOM" /> </xAxis> <yAxis> <NumberAxis side="LEFT" /> </yAxis> </LineChart> </center> </BorderPane>

FXDemo.kt
package jp.ne.yonem import javafx.application.Application import javafx.fxml.FXML import javafx.fxml.FXMLLoader import javafx.fxml.Initializable import javafx.scene.Scene import javafx.scene.chart.BarChart import javafx.scene.chart.LineChart import javafx.scene.chart.NumberAxis import javafx.scene.chart.XYChart import javafx.scene.chart.XYChart.Series import javafx.scene.layout.BorderPane import javafx.stage.Stage import java.net.URL import java.util.* class FXDemo : Application(), Initializable { @FXML lateinit var chtExample: LineChart<String, Number> override fun start(stage: Stage) { stage.scene = Scene(FXMLLoader.load<BorderPane>(javaClass.getResource("FXDemo.fxml"))) stage.title = "FXDemo" stage.show() } override fun initialize(location: URL?, resources: ResourceBundle?) { val student1 = Series<String, Number>() student1.name = "生徒A" student1.data.add(XYChart.Data("４月", 67)) student1.data.add(XYChart.Data("５月", 69)) student1.data.add(XYChart.Data("６月", 62)) student1.data.add(XYChart.Data("７月", 67)) student1.data.add(XYChart.Data("８月", 69)) student1.data.add(XYChart.Data("９月", 65)) student1.data.add(XYChart.Data("１０月", 65)) student1.data.add(XYChart.Data("１１月", 69)) student1.data.add(XYChart.Data("１２月", 72)) student1.data.add(XYChart.Data("１月", 68)) student1.data.add(XYChart.Data("２月", 72)) student1.data.add(XYChart.Data("３月", 72)) val student2 = Series<String, Number>() student2.name = "生徒B" student2.data.add(XYChart.Data("４月", 61)) student2.data.add(XYChart.Data("５月", 61)) student2.data.add(XYChart.Data("６月", 59)) student2.data.add(XYChart.Data("７月", 62)) student2.data.add(XYChart.Data("８月", 61)) student2.data.add(XYChart.Data("９月", 61)) student2.data.add(XYChart.Data("１０月", 64)) student2.data.add(XYChart.Data("１１月", 65)) student2.data.add(XYChart.Data("１２月", 64)) student2.data.add(XYChart.Data("１月", 67)) student2.data.add(XYChart.Data("２月", 67)) student2.data.add(XYChart.Data("３月", 66)) val student3 = Series<String, Number>() student3.name = "生徒C" student3.data.add(XYChart.Data("４月", 62)) student3.data.add(XYChart.Data("５月", 57)) student3.data.add(XYChart.Data("６月", 57)) student3.data.add(XYChart.Data("７月", 60)) student3.data.add(XYChart.Data("８月", 65)) student3.data.add(XYChart.Data("９月", 60)) student3.data.add(XYChart.Data("１０月", 63)) student3.data.add(XYChart.Data("１１月", 65)) student3.data.add(XYChart.Data("１２月", 62)) student3.data.add(XYChart.Data("１月", 67)) student3.data.add(XYChart.Data("２月", 65)) student3.data.add(XYChart.Data("３月", 65)) val student4 = Series<String, Number>() student4.name = "生徒D" student4.data.add(XYChart.Data("４月", 59)) student4.data.add(XYChart.Data("５月", 58)) student4.data.add(XYChart.Data("６月", 60)) student4.data.add(XYChart.Data("７月", 61)) student4.data.add(XYChart.Data("８月", 65)) student4.data.add(XYChart.Data("９月", 65)) student4.data.add(XYChart.Data("１０月", 62)) student4.data.add(XYChart.Data("１１月", 61)) student4.data.add(XYChart.Data("１２月", 65)) student4.data.add(XYChart.Data("１月", 65)) student4.data.add(XYChart.Data("２月", 67)) student4.data.add(XYChart.Data("３月", 65)) chtExample.title = "Line Chart Sample" chtExample.xAxis.label = "月" val y: NumberAxis = chtExample.yAxis as NumberAxis y.label = "偏差値" y.isAutoRanging = false // 自動範囲設定をOFFにする y.upperBound = 75.0 // Y軸の最大範囲を75に設定 y.lowerBound = 55.0 // Y軸の最小範囲を55に設定 chtExample.data.addAll(student1, student2, student3, student4) } companion object { @JvmStatic fun main(args: Array<String>) { launch(FXDemo::class.java, *args) } } }

実行結果

棒グラフを使う

前置き

JavaFXで棒グラフを表示させる。
X軸とY軸を反転させると横棒グラフを表示させることも可能。(未確認)
あと、積上げ棒グラフも表現できる(当然、未確認)ので、用途に合わせて選択できる。

スキルの幅を少し拡張したかったので、今回からKotlinで実装している。
Kotlinの文法等は、他の入門サイト等で十分補完可能なので割愛。
JavaからKotlinに移行するにあたり、ハマった箇所をメモしておく。

• @FXMLで読み込むコントロールは lateinit var で宣言しておく
• initializeメソッドの引数はnull考慮にしておく
• launchメソッドの引数に自クラスを指定しておく

実装

FXDemo.fxml
<?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.chart.BarChart?> <?import javafx.scene.chart.CategoryAxis?> <?import javafx.scene.chart.NumberAxis?> <?import javafx.scene.layout.BorderPane?> <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo"> <center> <BarChart fx:id="chtExample" BorderPane.alignment="CENTER"> <xAxis> <CategoryAxis side="BOTTOM" /> </xAxis> <yAxis> <NumberAxis side="LEFT" /> </yAxis> </BarChart> </center> </BorderPane>

FXDemo.kt
package jp.ne.yonem import javafx.application.Application import javafx.fxml.FXML import javafx.fxml.FXMLLoader import javafx.fxml.Initializable import javafx.scene.Scene import javafx.scene.chart.BarChart import javafx.scene.chart.XYChart import javafx.scene.chart.XYChart.Series import javafx.scene.layout.BorderPane import javafx.stage.Stage import java.net.URL import java.util.* class FXDemo : Application(), Initializable { @FXML lateinit var chtExample: BarChart<String, Number> override fun start(stage: Stage) { stage.scene = Scene(FXMLLoader.load<BorderPane>(javaClass.getResource("FXDemo.fxml"))) stage.title = "FXDemo" stage.show() } override fun initialize(location: URL?, resources: ResourceBundle?) { val student1 = Series<String, Number>() student1.name = "生徒A" student1.data.add(XYChart.Data("国語", 79)) student1.data.add(XYChart.Data("数学", 71)) student1.data.add(XYChart.Data("理科", 68)) student1.data.add(XYChart.Data("英語", 40)) val student2 = Series<String, Number>() student2.name = "生徒B" student2.data.add(XYChart.Data("国語", 49)) student2.data.add(XYChart.Data("数学", 35)) student2.data.add(XYChart.Data("理科", 80)) student2.data.add(XYChart.Data("英語", 43)) val student3 = Series<String, Number>() student3.name = "生徒C" student3.data.add(XYChart.Data("国語", 43)) student3.data.add(XYChart.Data("数学", 61)) student3.data.add(XYChart.Data("理科", 59)) student3.data.add(XYChart.Data("英語", 80)) val student4 = Series<String, Number>() student4.name = "生徒D" student4.data.add(XYChart.Data("国語", 80)) student4.data.add(XYChart.Data("数学", 60)) student4.data.add(XYChart.Data("理科", 77)) student4.data.add(XYChart.Data("英語", 71)) chtExample.title = "Bar Chart Sample" chtExample.xAxis.label = "教科" chtExample.yAxis.label = "得点" chtExample.data.addAll(student1, student2, student3, student4) chtExample.categoryGap = 80.0 // カテゴリ同士の間隔を設定 chtExample.barGap = 10.0 // バー同士の間隔を設定 } companion object { @JvmStatic fun main(args: Array<String>) { launch(FXDemo::class.java, *args) } } }

実行結果