背景

前回書いた記事でThymeleafを使った簡単なアプリケーションを実装した
その際にisNewというbooleanの変数をDTOに定義して、Thymeleafからアクセスしようとしたが、なぜか取得できなかった

ソース

ソースは以下の感じ
isNewというフラグで画像の表示をするか判定してるだけ

top.html

<div style="float: left; margin: 5px" th:each="image, index:${imageResources}">
　　　　<span th:if="${image.isNew}">
　　　　　　　　<img th:src="@{img/new.png}" style="width:30px; height:30px">
　　　　</span>

下がtop画面に表示させるためのレスポンスクラス

LgtmTopResponse.kt

class LgtmTopResponse {
    var imageUrl = String()
    var imageName = String()
    var imageLgtmUrl = String()
    var updateDatetime = Date()
    var isNew = false

    fun buildWithEntity(lgtmEntity: LgtmEntity,baseDate :Date) : LgtmTopResponse{
        return LgtmTopResponse().apply {
            imageUrl = lgtmEntity.imageUrl
            imageName = lgtmEntity.imageName
            imageLgtmUrl = lgtmEntity.imageLgtmUrl
            updateDatetime = lgtmEntity.updateDatetime
            isNew = lgtmEntity.updateDatetime.after(baseDate)
        }
    }
}

このまま実行すると怒られた

原因と対策

原因としては、kotlinでisNewというプロパティがコンパイルを実行すると、newという変数名に変換されてしまうっぽい
なので、Thymeleafからはisを外したプロパティ名でアクセスすれば動く
もしくはメソッドアクセスみたいな感じで、isNew()でも動くっぽい
どっちで書くのが良いのかはまだわかってないです

ソースを修正

top.html

<span th:if="${image.new}">
　　　　<img th:src="@{img/new.png}" style="width:30px; height:30px">
</span>

または、こっち

top.html

<span th:if="${image.isNew()}">
　　　　<img th:src="@{img/new.png}" style="width:30px; height:30px">
</span>

まとめ

Javaでつくったアプリケーションのサーバー側をKotlinに書き換える際に、フロントを全くいじらなくて良いという訳ではなさそう
is〇〇って名前はちょいちょい使うので、これはちょっとイケてないなーと思った
とはいえ、Kotlinはやっぱり楽しい

参考リンク

Thymeleaf で isXxx プロパティを参照するとエラーになる