ビール片手にLT&納涼会でのLT資料

1. Thymeleaf でハマったこと
@eiryu

2. 自己紹介
• Twitter @eiryu
• アプリケーションエンジニア
• Java 、 JavaScript 、 PostgreSQL 、 Oper
a
• 最近作ったもの
– TwFavView

3. 利用した Version
• 2.0.17
– thymeleaf
– thymeleaf-spring3

4. 日本語表示の設定（ Spring 連携
時）
<bean id="templateResolver"
class="org.thymeleaf.templateresolver.ServletContextTemplateResolver">
<property name="prefix" value="/WEB-INF/templates/" />
<property name="suffix" value=".html" />
<property name="templateMode" value="HTML5" />
<property name="cacheable" value="false" />
<property name="characterEncoding" value="utf-8" />
</bean>
<bean id="templateEngine"
class="org.thymeleaf.spring3.SpringTemplateEngine">
<property name="templateResolver" ref="templateResolver" />
</bean>
<bean class="org.thymeleaf.spring3.view.ThymeleafViewResolver">
<property name="templateEngine" ref="templateEngine" />
<property name="characterEncoding" value="utf-8" />
</bean>

5. 単純なループ
<select name="foo">
<option th:each="i : ${#numbers.sequence(1, 10)}"
th:value="${i}" th:text="${i}+ ' 個 '">1 個 </option>
</select>

6. Form
• getter/setter 必須
• public フィールドにしてもうまくいって
たときがあった
– しかし、 Form の中に Form がある場合
は、 setter がないとエラーが出ていた

7. 改行コードの br タグへの
replace
• そもそも <br /> でエラー（テンプレート
モードが LEGACYHTML5 の場合は OK 。
しかし、置換出来たとしてもエスケープ
されて表示）
• Spring と連携していると n が と n
の 2 文字として渡されているため、置換
できない（ SpringEL のせいっぽい）
• 結局、ロジック側でコレクションにして
渡して <br /> 挟みながら th:each で出力
<p th:text=“
${#strings.replace(it, 'n', ‘<br />')}">def</p>

8. ご静聴ありがとうございました
。