【ThymeLeaf】JavaScript内の「[[@{~~~}]]」とは

Question

概要

Thymeleafを使用しているソースコードにおいて、JavaScriptで下記のような記述がありました。

url = [[@{/hoge/fuga}]]/*定数*/

わかっていること

• これがURLを意味していて、画面遷移などで使われていること。
• @{~~~}がリンク式というものであること。

わからないこと

• この記述方法がどういった記法なのか。(リンク式を[[]]で囲む方法)
• url = '/hoge/fuga'と指定するのと何か違いがあるのか。

基礎的な質問で恐縮ですが、よろしくお願いいたします。

Answer 1

Thymeleafから <Javascript> の内容を生成する際に使います。

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#javascript-inlining

URL中にアットマークを使うことで、ThymeleafはWebアプリケーションのコンテキストパスやパス階層の設定があった場合、自動的に生成します。

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#standard-expression-syntax

Answer 2

ブラウザの「ソースを表示」で該当箇所確認すると
どこまでがTymeleafの構文でどこからがJavaScriptの記述なのか分かると思います。

※あともう少し全体の流れが分かるコードを提示いただかないことにはこれ以上のアドバイスは難しそうです

url = '/hoge/fuga'と指定するのと何か違いがあるのか

フレームワークであるため、URL文字列の生成時には直書きではなく機能による生成が推奨されています。