{"id":1322,"date":"2023-04-18T16:40:50","date_gmt":"2023-04-18T07:40:50","guid":{"rendered":"http:\/\/edu.ujhb.org\/?p=1322"},"modified":"2023-04-18T16:40:51","modified_gmt":"2023-04-18T07:40:51","slug":"thymeleaf%e5%85%a5%e9%96%80%ef%bc%88%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%ef%bc%89","status":"publish","type":"post","link":"https:\/\/edu.ujhb.org\/?p=1322","title":{"rendered":"Thymeleaf\u5165\u9580\uff08\u65e5\u672c\u8a9e\u7248\uff09"},"content":{"rendered":"\n

IT\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u30d3\u30c7\u30aa\u3092\u3084\u308a\u305f\u3044\u306e\u3067\u3059\u304c\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u5fdc\u3058\u3066\u30d3\u30c7\u30aa\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u914d\u7f6e\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u304b\u3002 Thymeleaf\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3001\u305d\u3057\u3066\u3042\u306a\u305f\u306f\u79c1\u306b\u30ab\u30d0\u30fc\u3059\u308b\u3082\u306e\u306e\u30ea\u30b9\u30c8\u3092\u4e0e\u3048\u308b\u3053\u3068\u304b\u3089\u59cb\u3081\u307e\u3059\u3002<\/p>\n\n\n\n

\u3082\u3061\u308d\u3093\u3067\u3059\uff01 \u4ee5\u4e0b\u306f\u3001Thymeleaf\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u5185\u5bb9\u306b\u57fa\u3065\u3044\u305f\u30d3\u30c7\u30aa\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u6982\u8981\u3067\u3059\u3002<\/p>\n\n\n\n

    \n
  1. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306f\u3058\u3081\u306b\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5b\u3068\u306f\u4f55\u3067\u3059\u304b\u3002 \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u7279\u5fb4c\u3002 \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3068\u4ed6\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068\u306e\u6bd4\u8f03<\/li>\n\n\n\n
  2. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u8a2d\u5b9a a. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb b. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u7d71\u5408\u3059\u308b c. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u69cb\u6210\u9805\u76ee\u306e\u8a73\u7d30<\/li>\n\n\n\n
  3. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u57fa\u672c\u69cb\u6587 a. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u540d\u524d\u7a7a\u9593 b. \u30d7\u30ed\u30d1\u30c6\u30a3\u7f6e\u63db c. \u5909\u6570\u5f0f d. \u9078\u629e\u5f0f e. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u9078\u629e<\/li>\n\n\n\n
  4. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1 a. \u6761\u4ef6\u4ed8\u304d\u8a55\u4fa1 (if\u3001\u9664\u304f) b. \u30eb\u30fc\u30d7\u30c8\u30e9\u30d0\u30fc\u30b5\u30eb (th:each) c. \u53ce\u96c6\u64cd\u4f5c<\/li>\n\n\n\n
  5. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8 a. \u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u6982\u5ff5 b. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 c. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u7ba1\u7406 d. \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u53d7\u3051\u6e21\u3057<\/li>\n\n\n\n
  6. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30a9\u30fc\u30e0\u51e6\u7406 a. \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306f\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3055\u308c\u3066\u3044\u307e\u3059 b. \u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c c. \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u306e\u51e6\u7406<\/li>\n\n\n\n
  7. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3068\u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u306e\u7d71\u5408 \u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u3067\u306e\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u81ea\u52d5\u8a2d\u5b9a b. \u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u3067\u306e\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u4f7f\u7528\u3057\u305f\u30d3\u30e5\u30fc\u89e3\u6790 c. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306b\u3088\u308b\u4f8b\u5916\u306e\u51e6\u7406<\/li>\n\n\n\n
  8. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u9ad8\u5ea6\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3 \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30a4\u30f3\u30e9\u30a4\u30f3JavaScript c. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1 d. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u6700\u9069\u5316<\/li>\n\n\n\n
  9. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5b9f\u8df5\u7684\u306a\u30b1\u30fc\u30b9\u30b9\u30bf\u30c7\u30a3 a. \u30b1\u30fc\u30b9\u7d39\u4ecb\u3068\u30cb\u30fc\u30ba\u5206\u6790 b. \u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u8a2d\u8a08\u3068\u5b9f\u88c5 c. \u30c7\u30fc\u30bf\u306e\u8868\u793a\u3068\u64cd\u4f5c\u306e\u5b9f\u88c5 d. \u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u3068\u9001\u4fe1\u51e6\u7406 e. \u30b1\u30fc\u30b9\u5168\u4f53\u306e\u958b\u767a\u3068\u30c6\u30b9\u30c8\u3092\u5b8c\u4e86\u3059\u308b<\/li>\n<\/ol>\n\n\n\n

    \u3053\u306e\u30a2\u30a6\u30c8\u30e9\u30a4\u30f3\u306f\u3001Thymeleaf\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u57fa\u790e\u3068\u3057\u3066\u5f79\u7acb\u3061\u307e\u3059\u3002 \u5b9f\u969b\u306e\u5236\u4f5c\u30d7\u30ed\u30bb\u30b9\u3067\u306f\u3001\u5b9f\u969b\u306e\u30cb\u30fc\u30ba\u3084\u8996\u8074\u8005\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306b\u5fdc\u3058\u3066\u8abf\u6574\u3067\u304d\u307e\u3059\u3002 \u3042\u306a\u305f\u306e\u30d3\u30c7\u30aa\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u9811\u5f35\u3063\u3066\u304f\u3060\u3055\u3044!<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n
    \"gun<\/figure>\n\n\n\n

    \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3068\u306f\u4f55\u304b\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n

    Thymeleaf \u306f\u3001Web \u74b0\u5883\u304a\u3088\u3073\u30b9\u30bf\u30f3\u30c9\u30a2\u30ed\u30f3\u74b0\u5883\u5411\u3051\u306e\u6700\u65b0\u306e\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9 Java \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3067\u3059\u3002 \u305d\u306e\u4e3b\u306a\u76ee\u6a19\u306f\u3001\u30a8\u30ec\u30ac\u30f3\u30c8\u306a\u81ea\u7136\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u958b\u767a\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306b\u53d6\u308a\u5165\u308c\u3066\u3001\u30d6\u30e9\u30a6\u30b6\u3067\u6b63\u3057\u304f\u8868\u793a\u3057\u3001\u9759\u7684\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u3068\u3057\u3066\u8868\u793a\u3057\u3066\u958b\u767a\u52b9\u7387\u3092\u9ad8\u3081\u308b\u3053\u3068\u3067\u3059\u3002 \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u7c21\u6f54\u306a\u69cb\u6587\u306f\u8aad\u307f\u66f8\u304d\u304c\u7c21\u5358\u306a\u305f\u3081\u3001Java Web\u958b\u767a\u306e\u4e16\u754c\u3067\u4eba\u6c17\u3092\u96c6\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

    \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u4e3b\u306a\u6a5f\u80fd\u306e\u3044\u304f\u3064\u304b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

      \n
    1. \u30ca\u30c1\u30e5\u30e9\u30eb\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8:\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30d7\u30ec\u30fc\u30f3\u306aHTML\u30d5\u30a1\u30a4\u30eb\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u3057\u3066\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u3064\u307e\u308a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3001\u8ffd\u52a0\u306e\u30b5\u30fc\u30d0\u30fc\u51e6\u7406\u306a\u3057\u3067\u30d6\u30e9\u30a6\u30b6\u30fc\u3067\u76f4\u63a5\u958b\u3044\u3066\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u8a2d\u8a08\u3068\u30d7\u30ed\u30c8\u30bf\u30a4\u30d4\u30f3\u30b0\u304c\u3088\u308a\u52b9\u7387\u7684\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n
    2. \u5f37\u529b\u306a\u5f0f\u8a00\u8a9e:\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306b\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u6a19\u6e96\u5f0f\u3068\u547c\u3070\u308c\u308b\u72ec\u81ea\u306e\u5f0f\u8a00\u8a9e\u304c\u3042\u308a\u307e\u3059\u3002 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306e\u5909\u6570\u3001\u5c5e\u6027\u3001\u30c6\u30ad\u30b9\u30c8\u306a\u3069\u306e\u3055\u307e\u3056\u307e\u306a\u30c7\u30fc\u30bf\u578b\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
    3. \u62e1\u5f35\u6027:Thymeleaf\u306f\u975e\u5e38\u306b\u62e1\u5f35\u6027\u304c\u3042\u308a\u3001\u30ab\u30b9\u30bf\u30e0\u65b9\u8a00\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u6a5f\u80fd\u3092\u62e1\u5f35\u3067\u304d\u307e\u3059\u3002 \u3064\u307e\u308a\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u56fa\u6709\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30e0 \u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u6a5f\u80fd\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
    4. \u7d71\u5408:Thymeleaf\u306f\u3001Spring\u3001JavaServer Faces\u306a\u3069\u306e\u4e00\u822c\u7684\u306aJava Web\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u7c21\u5358\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002 \u7279\u306b\u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u3068\u7d71\u5408\u3059\u308b\u5834\u5408\u3001Thymeleaf\u306f\u975e\u5e38\u306b\u30af\u30ea\u30fc\u30f3\u306a\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3068\u69cb\u6210\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n

      \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306f\u4e3b\u306bWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d3\u30e5\u30fc\u30ec\u30a4\u30e4\u30fc\u3067\u4f7f\u7528\u3055\u308c\u3001\u52d5\u7684\u30c7\u30fc\u30bf\u3092\u51e6\u7406\u3057\u3001HTML\u51fa\u529b\u3092\u751f\u6210\u3057\u307e\u3059\u3002 Spring MVC\u3084Spring Boot\u306a\u3069\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7d71\u5408\u3055\u308c\u3001Java Web\u958b\u767a\u306e\u305f\u3081\u306e\u30a8\u30ec\u30ac\u30f3\u30c8\u3067\u52b9\u7387\u7684\u306a\u30d3\u30e5\u30fc\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

      \"\"\/<\/figure>\n\n\n\n
      \"gun<\/figure>\n\n\n\n

      Thymeleaf\u3068\u4ed6\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068\u306e\u6bd4\u8f03\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n

      Thymeleaf\u3068\u4ed6\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068\u306e\u6bd4\u8f03\u306b\u3064\u3044\u3066\u8aac\u660e\u3059\u308b\u969b\u306b\u306f\u3001JavaServer Pages (JSP)\u3001FreeMarker\u3001Velocity\u3068\u3044\u3046\u3044\u304f\u3064\u304b\u306e\u4e00\u822c\u7684\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u306b\u7126\u70b9\u3092\u5f53\u3066\u307e\u3059\u3002 \u305d\u308c\u3089\u306e\u9593\u306e\u3044\u304f\u3064\u304b\u306e\u4e3b\u306a\u9055\u3044\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n

        \n
      1. \u30ca\u30c1\u30e5\u30e9\u30eb\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8:\n
          \n
        • \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5:\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5927\u304d\u306a\u5229\u70b9\u306f\u3001\u5929\u7136\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u6982\u5ff5\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u3053\u3068\u3067\u3059\u3002 \u3053\u308c\u306f\u3001\u30b5\u30fc\u30d0\u30fc\u5074\u306e\u51e6\u7406\u3092\u5fc5\u8981\u3068\u305b\u305a\u306b\u30d6\u30e9\u30a6\u30b6\u3067\u76f4\u63a5\u8868\u793a\u3067\u304d\u308b\u30d7\u30ec\u30fc\u30f3\u306aHTML\u30d5\u30a1\u30a4\u30eb\u3092\u51e6\u7406\u3067\u304d\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3068\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u304c\u5927\u5e45\u306b\u7c21\u7d20\u5316\u3055\u308c\u3001\u30d7\u30ed\u30c8\u30bf\u30a4\u30d4\u30f3\u30b0\u304c\u3088\u308a\u52b9\u7387\u7684\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n
        • JSP\u3001FreeMarker\u3001\u304a\u3088\u3073Velocity:\u3053\u308c\u3089\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306b\u306f\u3001\u591a\u304f\u306e\u5834\u5408\u3001\u7279\u5225\u306a\u30bf\u30b0\u307e\u305f\u306f\u30ab\u30b9\u30bf\u30e0\u30bf\u30b0\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u30d6\u30e9\u30a6\u30b6\u306b\u76f4\u63a5\u8868\u793a\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • \u69cb\u6587\u3068\u8aad\u307f\u3084\u3059\u3055:\n
            \n
          • \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u69cb\u6587\u306f\u3001\u30c7\u30fc\u30bf\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u306b HTML \u5c5e\u6027\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u3001HTML \u306b\u8fd1\u3044\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u3088\u308a\u8aad\u307f\u3084\u3059\u304f\u3001\u7406\u89e3\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n
          • JSP: JSP \u306e\u69cb\u6587\u306b\u306f\u3001\u7279\u6b8a\u306a JSP \u30bf\u30b0\u3001\u30ab\u30b9\u30bf\u30e0\u30bf\u30b0\u30e9\u30a4\u30d6\u30e9\u30ea\u3001\u304a\u3088\u3073\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u542b\u307e\u308c\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u4e71\u96d1\u306b\u306a\u308a\u3001\u8aad\u307f\u306b\u304f\u304f\u306a\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n
          • FreeMarker\u3068Velocity: \u3053\u308c\u3089\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u306f\u3001\u7279\u5225\u306a\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\u69cb\u6587 (${variable} \u306a\u3069) \u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 \u3053\u306e\u69cb\u6587\u306f\u6bd4\u8f03\u7684\u5358\u7d14\u3067\u3059\u304c\u3001Thymeleaf\u3088\u308a\u3082\u5c11\u3057\u8aad\u307f\u306b\u304f\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • \u7d71\u5408\uff1a\n
              \n
            • \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5:\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306f\u3001Spring\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3001\u7279\u306bSpring Boot\u3068\u975e\u5e38\u306b\u7dca\u5bc6\u306b\u7d71\u5408\u3055\u308c\u3066\u3044\u307e\u3059\u3002 Spring Boot\u306fThymeleaf\u306e\u81ea\u52d5\u8a2d\u5b9a\u3092\u63d0\u4f9b\u3057\u3001\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
            • JSP: JSP \u306f Java EE \u304a\u3088\u3073 Spring MVC \u3068\u3046\u307e\u304f\u7d71\u5408\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u305f\u3060\u3057\u3001JSP \u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u591a\u304f\u306e\u5834\u5408\u3001\u8ffd\u52a0\u306e\u69cb\u6210\u3068\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n
            • FreeMarker\u3068Velocity:\u3053\u308c\u3089\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u306f\u3001\u3055\u307e\u3056\u307e\u306aJava Web\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u7d71\u5408\u3067\u304d\u307e\u3059\u304c\u3001Thymeleaf\u307b\u3069Spring\u3068\u7dca\u5bc6\u306b\u7d71\u5408\u3055\u308c\u3066\u3044\u306a\u3044\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n
            • \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\uff1a\n
                \n
              • \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5:\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306f\u4e00\u822c\u7684\u306b\u826f\u3044\u3068\u8003\u3048\u3089\u308c\u3066\u3044\u307e\u3059\u304c\u3001JSP\u3068\u6bd4\u8f03\u3057\u3066\u308f\u305a\u304b\u306b\u52a3\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002 \u305f\u3060\u3057\u3001Thymeleaf\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306f\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u69cb\u6210\u3068\u4f7f\u7528\u3092\u6700\u9069\u5316\u3059\u308b\u3053\u3068\u3067\u3055\u3089\u306b\u6539\u5584\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
              • JSP: JSP \u306f\u6700\u521d\u306e\u8981\u6c42\u3067\u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u3068\u3057\u3066\u30b3\u30f3\u30d1\u30a4\u30eb\u3055\u308c\u308b\u305f\u3081\u3001\u5f8c\u7d9a\u306e\u8981\u6c42\u3067\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
              • FreeMarker\u3068Velocity:\u3053\u308c\u3089\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306f\u3001\u4e00\u822c\u7684\u306b\u304b\u306a\u308a\u901f\u3044\u3068\u8003\u3048\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                \u7d50\u8ad6\u3068\u3057\u3066\u3001Thymeleaf\u306f\u6700\u65b0\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3067\u3042\u308a\u3001\u305d\u306e\u81ea\u7136\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3001\u8aad\u307f\u3084\u3059\u3044\u69cb\u6587\u3001\u304a\u3088\u3073Spring\u3068\u306e\u7dca\u5bc6\u306a\u7d71\u5408\u306b\u3088\u308a\u3001Java Web\u958b\u767a\u306e\u521d\u5fc3\u8005\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n

                \"\"\/<\/figure>\n\n\n\n
                \"gun<\/figure>\n\n\n\n

                \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u65b9\u6cd5\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n

                \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3053\u3068\u306f\u3001\u5b9f\u969b\u306b\u3042\u306a\u305f\u306eJava\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3059\u3002 \u3053\u3053\u3067\u306f\u3001Maven\u3068Gradle\u3092\u4f8b\u3068\u3057\u3066\u4f7f\u7528\u3057\u3066\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

                \u307e\u305a\u3001Maven \u307e\u305f\u306f Gradle \u3067\u30d3\u30eb\u30c9\u3067\u304d\u308b Java \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u305f\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

                  \n
                1. Maven\u3092\u4f7f\u7528\u3059\u308b: \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306epom.xml\u30d5\u30a1\u30a4\u30eb\u3067\u3001<\u306e\u4f9d\u5b58\u95a2\u4fc2>\u30bf\u30b0\u306b\u6b21\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                  xmlCopy code<dependency>\n    <groupId>org.thymeleaf<\/groupId>\n    <artifactId>thymeleaf<\/artifactId>\n    <version>3.0.12.RELEASE<\/version>\n<\/dependency>\n<dependency>\n    <groupId>org.thymeleaf.extras<\/groupId>\n    <artifactId>thymeleaf-extras-java8time<\/artifactId>\n    <version>3.0.4.RELEASE<\/version>\n<\/dependency>\n<\/code><\/pre>\n\n\n\n
                  \u30d0\u30fc\u30b8\u30e7\u30f3\u756a\u53f7\u306f\u7570\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u306e\u3067\u3001\u5b9f\u969b\u306e\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u6700\u65b0\u306e\u5b89\u5b9a\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
                    \n
                  1. Gradle \u3092\u4f7f\u7528\u3059\u308b: \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e build.gradle \u30d5\u30a1\u30a4\u30eb\u3067\u3001\u6b21\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u4f9d\u5b58\u95a2\u4fc2\u30d6\u30ed\u30c3\u30af\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                    groovyCopy codeimplementation 'org.thymeleaf:thymeleaf:3.0.12.RELEASE'\nimplementation 'org.thymeleaf.extras:thymeleaf-extras-java8time:3.0.4.RELEASE'\n<\/code><\/pre>\n\n\n\n
                    \u7e70\u308a\u8fd4\u3057\u306b\u306a\u308a\u307e\u3059\u304c\u3001\u30d0\u30fc\u30b8\u30e7\u30f3\u756a\u53f7\u306f\u7570\u306a\u308b\u5834\u5408\u304c\u3042\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3001\u5b9f\u969b\u306e\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u6700\u65b0\u306e\u5b89\u5b9a\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
                    \u3053\u308c\u304c\u5b8c\u4e86\u3059\u308b\u3068\u3001Maven\u307e\u305f\u306fGradle\u306fThymeleaf\u3068\u305d\u308c\u306b\u95a2\u9023\u3059\u308b\u4f9d\u5b58\u95a2\u4fc2\u3092\u81ea\u52d5\u7684\u306b\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002 \u3053\u308c\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u4f7f\u7528\u3092\u958b\u59cb\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                    Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3059\u308b\u3060\u3051\u3067Thymeleaf\u3092\u7c21\u5358\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                    Maven \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5834\u5408\u306f\u3001pom.xml \u30d5\u30a1\u30a4\u30eb\u306e <\u4f9d\u5b58\u95a2\u4fc2> \u30bf\u30b0\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                    xmlCopy code<dependency>\n    <groupId>org.springframework.boot<\/groupId>\n    <artifactId>spring-boot-starter-thymeleaf<\/artifactId>\n<\/dependency>\n<\/code><\/pre>\n\n\n\n
                    Gradle \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5834\u5408\u306f\u3001\u4f9d\u5b58\u95a2\u4fc2\u30b3\u30fc\u30c9 \u30d6\u30ed\u30c3\u30af\u3092 build.gradle \u30d5\u30a1\u30a4\u30eb\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                    groovyCopy codeimplementation 'org.springframework.boot:spring-boot-starter-thymeleaf'\n<\/code><\/pre>\n\n\n\n
                    \u3053\u308c\u306b\u3088\u308a\u3001Thymeleaf\u304c\u81ea\u52d5\u7684\u306b\u69cb\u6210\u3055\u308c\u3001Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u7d71\u5408\u3055\u308c\u307e\u3059\u3002 \u3053\u308c\u3067\u3001Thymeleaf \u3092\u4f7f\u7528\u3057\u3066 Web \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d3\u30e5\u30fc\u30ec\u30a4\u30e4\u30fc\u3092\u69cb\u7bc9\u3059\u308b\u6e96\u5099\u304c\u6574\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
                    \"\"\/<\/figure>\n\n\n\n
                    \"gun<\/figure>\n\n\n\n
                    Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u7d71\u5408\u3059\u308b\u65b9\u6cd5\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                    Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u7d71\u5408\u3059\u308b\u306e\u306f\u3001\u95a2\u9023\u3059\u308b\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3059\u308b\u306e\u3068\u540c\u3058\u304f\u3089\u3044\u7c21\u5358\u3067\u3001Spring Boot\u306f\u81ea\u52d5\u7684\u306b\u69cb\u6210\u3092\u5b8c\u4e86\u3057\u307e\u3059\u3002 Thymeleaf\u3092\u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u8ffd\u52a0\u3059\u308b\u8a73\u7d30\u306a\u624b\u9806\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n
                      \n
                    1. \u65b0\u3057\u3044 Spring Boot \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3059\u308b\u304b\u3001\u65e2\u5b58\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 Spring Initializr \u3092\u4f7f\u7528\u3057\u3066\u3001\u4f9d\u5b58\u95a2\u4fc2\u3068\u3057\u3066 Web \u3068 Thymeleaf \u3092\u9078\u629e\u3057\u3066\u3001\u65b0\u3057\u3044\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                    2. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002 Maven \u307e\u305f\u306f Gradle \u30d3\u30eb\u30c9\u30d5\u30a1\u30a4\u30eb\u306b\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002spring-boot-starter-thymeleaf<\/code><\/li>\n<\/ol>\n\n\n\n
                      Maven \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5834\u5408\u306f\u3001pom.xml \u30d5\u30a1\u30a4\u30eb\u306e\u30bf\u30b0\u306b\u4ee5\u4e0b\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<dependencies><\/code><\/p>\n\n\n\n
                      xmlCopy code<dependency>\n    <groupId>org.springframework.boot<\/groupId>\n    <artifactId>spring-boot-starter-thymeleaf<\/artifactId>\n<\/dependency>\n<\/code><\/pre>\n\n\n\n
                      Gradle \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5834\u5408\u306f\u3001build.gradle \u30d5\u30a1\u30a4\u30eb\u306e\u30b3\u30fc\u30c9 \u30d6\u30ed\u30c3\u30af\u306b\u4ee5\u4e0b\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002dependencies<\/code><\/p>\n\n\n\n
                      groovyCopy codeimplementation 'org.springframework.boot:spring-boot-starter-thymeleaf'\n<\/code><\/pre>\n\n\n\n
                      \u4f9d\u5b58\u95a2\u4fc2\u304c\u8ffd\u52a0\u3055\u308c\u308b\u3068\u3001Maven \u307e\u305f\u306f Gradle \u306f Thymeleaf \u3068\u305d\u308c\u306b\u95a2\u9023\u3059\u308b\u4f9d\u5b58\u95a2\u4fc2\u3092\u81ea\u52d5\u7684\u306b\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002 Spring Boot \u306f\u81ea\u52d5\u7684\u306b Thymeleaf \u3092\u69cb\u6210\u3057\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u7d71\u5408\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                        \n
                      1. \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b HTML \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 Spring Boot \u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u3053\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u4f7f\u7528\u3057\u3066 Thymeleaf \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4fdd\u5b58\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u305d\u308c\u3068\u3044\u3046\u540d\u524d\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u305d\u308c\u306b HTML \u30b3\u30fc\u30c9\u3068 Thymeleaf \u5c5e\u6027\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002src\/main\/resources\/templates<\/code>index.html<\/code><\/li>\n\n\n\n
                      2. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306b\u623b\u3057\u307e\u3059\u3002 \u65b0\u3057\u3044\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc \u30af\u30e9\u30b9\u3092\u4f5c\u6210\u3059\u308b\u304b\u3001\u65e2\u5b58\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u30de\u30c3\u30d7\u3059\u308b\u30e1\u30bd\u30c3\u30c9\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n
                        javaCopy codeimport org.springframework.stereotype.Controller;\nimport org.springframework.ui.Model;\nimport org.springframework.web.bind.annotation.GetMapping;\n\n@Controller\npublic class HomeController {\n\n    @GetMapping(\"\/\")\n    public String index(Model model) {\n        model.addAttribute(\"message\", \"Hello, Thymeleaf!\");\n        return \"index\";\n    }\n\n}\n<\/code><\/pre>\n\n\n\n
                        \u3053\u306e\u4f8b\u3067\u306f\u3001\u300c\u3053\u3093\u306b\u3061\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5!\u300d\u306b\u306a\u308a\u307e\u3059\u3002 \u30e2\u30c7\u30eb\u306b\u8ffd\u52a0\u3057\u3001\u5143\u306b\u623b\u3057\u307e\u3059\u3002 Spring Boot\u306f\u81ea\u52d5\u7684\u306b\u305d\u308c\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u89e3\u6790\u3057\u307e\u3059\u3002index<\/code>index.html<\/code><\/p>\n\n\n\n
                          \n
                        1. Spring Boot \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u8d77\u52d5\u3057\u305f\u5f8c\u3001\u9069\u5207\u306aURL(:)\u306a\u3069)\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u3088\u3063\u3066\u751f\u6210\u3055\u308c\u305fHTML\u30da\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002http:\/\/localhost:8080\/<\/code><\/li>\n<\/ol>\n\n\n\n
                          \u3053\u308c\u3089\u306e\u624b\u9806\u306b\u3088\u308a\u3001Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u6b63\u5e38\u306b\u7d71\u5408\u3067\u304d\u307e\u3057\u305f\u3002 \u3053\u308c\u3067\u3001Thymeleaf \u3092\u4f7f\u7528\u3057\u3066 Web \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d3\u30e5\u30fc\u5c64\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                          \"\"\/<\/figure>\n\n\n\n
                          \"gun<\/figure>\n\n\n\n
                          \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u69cb\u6210\u9805\u76ee\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                          \u3053\u306e\u4f1a\u8a71\u3067\u4f7f\u7528\u3055\u308c\u305f\u4ee5\u524d\u306e\u30e2\u30c7\u30eb\u306f\u4f7f\u7528\u3067\u304d\u307e\u305b\u3093\u3002\u6700\u65b0\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30e2\u30c7\u30eb\u306b\u5207\u308a\u66ff\u3048\u307e\u3057\u305f<\/p>\n\n\n\n
                          Thymeleaf\u306b\u306f\u3001\u30a2\u30d7\u30ea\u69cb\u6210\u3067\u8a2d\u5b9a\u3067\u304d\u308b\u69cb\u6210\u53ef\u80fd\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u591a\u6570\u3042\u308a\u307e\u3059\u3002 \u4e00\u822c\u7684\u306a Thymeleaf \u69cb\u6210\u9805\u76ee\u3068\u305d\u306e\u610f\u5473\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                            \n
                          1. spring.thymeleaf.cache<\/code>: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306f true \u3067\u3059\u3002 \u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6709\u52b9\u306b\u3059\u308b\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5411\u4e0a\u3057\u307e\u3059\u304c\u3001\u30c7\u30d0\u30c3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u305f\u3081\u306b\u3001\u958b\u767a\u4e2d\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u7121\u52b9\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n
                          2. spring.thymeleaf.check-template-location<\/code>: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5834\u6240\u3092\u78ba\u8a8d\u3059\u308b\u304b\u3069\u3046\u304b\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306f true \u3067\u3059\u3002 \u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6709\u52b9\u306b\u3059\u308b\u3068\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u304c\u5b58\u5728\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u3001\u30d5\u30a1\u30a4\u30eb\u304c\u5b58\u5728\u3057\u306a\u3044\u5834\u5408\u306b\u3088\u308a\u610f\u5473\u306e\u3042\u308b\u30a8\u30e9\u30fc \u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n
                          3. spring.thymeleaf.check-template<\/code>:\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u30c1\u30a7\u30c3\u30af\u3057\u307e\u3059\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306ftrue\u3067\u3059\u3002 false \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001Thymeleaf \u306f\u5b58\u5728\u3057\u306a\u3044\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u7121\u8996\u3057\u3001\u5b9f\u884c\u6642\u306b\u305d\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u95a2\u3059\u308b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3057\u307e\u305b\u3093\u3002<\/li>\n\n\n\n
                          4. spring.thymeleaf.content-type<\/code>: \u5fdc\u7b54\u306b\u4f7f\u7528\u3059\u308b\u30b3\u30f3\u30c6\u30f3\u30c4 \u30bf\u30a4\u30d7\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u65e2\u5b9a\u5024\u306f text\/html \u3067\u3059\u304c\u3001\u5225\u306e\u30b3\u30f3\u30c6\u30f3\u30c4 \u30bf\u30a4\u30d7\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                          5. spring.thymeleaf.enabled<\/code>: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306f true \u3067\u3059\u3002 false \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001Spring Boot \u306f Thymeleaf \u3092\u5b8c\u5168\u306b\u7121\u52b9\u306b\u3057\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30d3\u30e5\u30fc\u30ea\u30be\u30eb\u30d0\u30fc\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                          6. spring.thymeleaf.encoding<\/code>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u53d6\u308a\u3068\u66f8\u304d\u8fbc\u307f\u306b\u4f7f\u7528\u3059\u308b\u6587\u5b57\u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u65e2\u5b9a\u5024\u306f UTF-8 \u3067\u3059\u3002<\/li>\n\n\n\n
                          7. spring.thymeleaf.excluded-view-names<\/code>: Thymeleaf \u306b\u3088\u3063\u3066\u89e3\u6c7a\u3055\u308c\u306a\u3044\u30d3\u30e5\u30fc\u540d\u3092\u6307\u5b9a\u3057\u307e\u3059 (\u65e2\u5b9a\u5024\u306f none)\u3002 \u8907\u6570\u306e\u30d3\u30e5\u30fc\u540d\u306f\u3001\u30b3\u30f3\u30de\u533a\u5207\u308a\u30ea\u30b9\u30c8\u3092\u4f7f\u7528\u3057\u3066\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                          8. spring.thymeleaf.mode<\/code>: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30e2\u30fc\u30c9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u306f HTML5 \u3067\u3059\u304c\u3001XML\u3001TEXT\u3001\u307e\u305f\u306f\u30ec\u30ac\u30b7\u30fc HTML5 \u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                          9. spring.thymeleaf.prefix<\/code>: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u306f “classpath:\/templates\/” \u3067\u3059\u3002 \u5225\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u30fc\u307e\u305f\u306f\u30d5\u30a1\u30a4\u30eb\u30fb\u30b7\u30b9\u30c6\u30e0\u30fb\u30d1\u30b9\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                          10. spring.thymeleaf.suffix<\/code>: Thymeleaf \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u30b5\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u306f “.html” \u3067\u3059\u3002 \u5225\u306e\u30d5\u30a1\u30a4\u30eb\u62e1\u5f35\u5b50\u307e\u305f\u306f\u5b8c\u5168\u306a\u30d5\u30a1\u30a4\u30eb\u540d\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                          11. spring.thymeleaf.template-resolver-order<\/code>: Thymeleaf \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30fb\u30d1\u30fc\u30b5\u30fc\u306e\u9806\u5e8f\u3092\u6307\u5b9a\u3057\u307e\u3059 (\u30c7\u30d5\u30a9\u30eb\u30c8\u306f 0)\u3002 \u8907\u6570\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30fb\u30d1\u30fc\u30b5\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u3066\u30d1\u30fc\u30b5\u30fc\u306e\u512a\u5148\u9806\u4f4d\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                          12. spring.thymeleaf.view-names<\/code>: Thymeleaf \u306b\u3088\u3063\u3066\u89e3\u6c7a\u3055\u308c\u308b\u30d3\u30e5\u30fc\u306e\u540d\u524d\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u3059\u3079\u3066\u306e\u30d3\u30e5\u30fc\u540d\u3067\u3059\u304c\u3001\u30b3\u30f3\u30de\u533a\u5207\u308a\u30ea\u30b9\u30c8\u3092\u4f7f\u7528\u3057\u3066\u7279\u5b9a\u306e\u30d3\u30e5\u30fc\u540d\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                          13. spring.thymeleaf.servlet.content-type<\/code>: \u5fdc\u7b54\u306b\u4f7f\u7528\u3059\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30bf\u30a4\u30d7\u3092\u6307\u5b9a\u3057\u307e\u3059 (\u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u3092 Web \u30b5\u30fc\u30d0\u30fc\u3068\u3057\u3066\u4f7f\u7528\u3059\u308b\u5834\u5408\u306b\u306e\u307f\u9069\u7528\u3055\u308c\u307e\u3059)\u3002 \u65e2\u5b9a\u5024\u306f text\/html \u3067\u3059\u304c\u3001\u5225\u306e\u30b3\u30f3\u30c6\u30f3\u30c4 \u30bf\u30a4\u30d7\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                            \u3053\u308c\u3089\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u3001application.properties \u3084 application.yml \u306a\u3069\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u69cb\u6210\u30d5\u30a1\u30a4\u30eb\u3067\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u3089\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u5fc5\u9808\u3067\u306f\u306a\u304f\u3001\u307b\u3068\u3093\u3069\u306e\u5834\u5408\u3001\u65e2\u5b9a\u5024\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u305f\u3060\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30cb\u30fc\u30ba\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u8981\u4ef6\u306b\u5fdc\u3058\u3066<\/p>\n\n\n\n
                            \"\"\/<\/figure>\n\n\n\n
                            \"gun<\/figure>\n\n\n\n
                            \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                            \u305d\u306e\u4ed6\u306e\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u69cb\u6210\u9805\u76ee\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                              \n
                            1. spring.thymeleaf.servlet.cache<\/code>: \u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u74b0\u5883\u3067 Thymeleaf \u30ad\u30e3\u30c3\u30b7\u30f3\u30b0\u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306f true \u3067\u3059\u3002 \u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u74b0\u5883\u3068\u4f3c\u3066\u3044\u307e\u3059\u304c\u3001\u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u74b0\u5883\u306e\u5834\u5408\u306e\u307f\u3067\u3059\u3002spring.thymeleaf.cache<\/code><\/li>\n\n\n\n
                            2. spring.thymeleaf.servlet.enabled<\/code>: \u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u74b0\u5883\u3067 Thymeleaf \u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306f true \u3067\u3059\u3002 \u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u74b0\u5883\u3068\u4f3c\u3066\u3044\u307e\u3059\u304c\u3001\u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u74b0\u5883\u306e\u5834\u5408\u306e\u307f\u3067\u3059\u3002spring.thymeleaf.enabled<\/code><\/li>\n\n\n\n
                            3. spring.thymeleaf.servlet.encoding<\/code>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u53d6\u308a\u3068\u66f8\u304d\u8fbc\u307f\u306b\u4f7f\u7528\u3059\u308b\u6587\u5b57\u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u6307\u5b9a\u3057\u307e\u3059(\u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u3092Web\u30b5\u30fc\u30d0\u30fc\u3068\u3057\u3066\u4f7f\u7528\u3059\u308b\u5834\u5408\u306b\u306e\u307f\u9069\u7528\u3055\u308c\u307e\u3059)\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u306f UTF-8 \u3067\u3059\u3002<\/li>\n\n\n\n
                            4. spring.thymeleaf.servlet.view-names<\/code>: Thymeleaf \u306b\u3088\u3063\u3066\u89e3\u6c7a\u3055\u308c\u308b\u30d3\u30e5\u30fc\u540d\u3092\u6307\u5b9a\u3057\u307e\u3059 (\u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\u3092 Web \u30b5\u30fc\u30d0\u30fc\u3068\u3057\u3066\u4f7f\u7528\u3059\u308b\u5834\u5408\u306b\u306e\u307f\u9069\u7528\u3055\u308c\u307e\u3059)\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u3059\u3079\u3066\u306e\u30d3\u30e5\u30fc\u540d\u3067\u3059\u304c\u3001\u30b3\u30f3\u30de\u533a\u5207\u308a\u30ea\u30b9\u30c8\u3092\u4f7f\u7528\u3057\u3066\u7279\u5b9a\u306e\u30d3\u30e5\u30fc\u540d\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                            5. spring.thymeleaf.static-variables<\/code>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u4f7f\u7528\u3055\u308c\u308b\u9759\u7684\u5909\u6570\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u5b9a\u6570\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u8ffd\u52a0\u3057\u3066\u3001\u8907\u6570\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u518d\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                            6. spring.thymeleaf.expression-prefix<\/code>: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u5f0f\u306b\u4f7f\u7528\u3059\u308b\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u3067\u3059\u304c\u3001\u5225\u306e\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002#{<\/code><\/li>\n\n\n\n
                            7. spring.thymeleaf.expression-suffix<\/code>: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u5f0f\u306b\u4f7f\u7528\u3059\u308b\u30b5\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u3067\u3059\u304c\u3001\u5225\u306e\u30b5\u30d5\u30a3\u30c3\u30af\u30b9\u306b\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002}<\/code><\/li>\n\n\n\n
                            8. spring.thymeleaf.message-resolver-order<\/code>: Thymeleaf \u30e1\u30c3\u30bb\u30fc\u30b8\u30fb\u30d1\u30fc\u30b5\u30fc\u306e\u9806\u5e8f\u3092\u6307\u5b9a\u3057\u307e\u3059 (\u30c7\u30d5\u30a9\u30eb\u30c8\u306f 0)\u3002 \u8907\u6570\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u30fb\u30d1\u30fc\u30b5\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u3066\u30d1\u30fc\u30b5\u30fc\u306e\u512a\u5148\u9806\u4f4d\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                            9. spring.thymeleaf.dialect.prefix<\/code>: Thymeleaf \u65b9\u8a00\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306b\u4f7f\u7528\u3059\u308b\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u6307\u5b9a\u3057\u307e\u3059 (\u30c7\u30d5\u30a9\u30eb\u30c8)\u3002 \u5225\u306e\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002th:<\/code><\/li>\n\n\n\n
                            10. spring.thymeleaf.enable-spring-el-compiler<\/code>: Spring EL \u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306f false \u3067\u3059\u3002 \u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u6709\u52b9\u306b\u3059\u308b\u3068\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306f\u5411\u4e0a\u3057\u307e\u3059\u304c\u3001\u30e1\u30e2\u30ea\u4f7f\u7528\u91cf\u304c\u5897\u52a0\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n
                            11. spring.thymeleaf.enable-spring-data-notation<\/code>: Spring Data \u30b5\u30dd\u30fc\u30c8\u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306f true \u3067\u3059\u3002 Spring Data \u304c\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u63d0\u4f9b\u3059\u308b\u7279\u6b8a\u5f0f\u306e\u30b5\u30dd\u30fc\u30c8\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                              \u8981\u7d04\u3059\u308b\u3068\u3001\u3053\u308c\u3089\u306e Thymeleaf \u69cb\u6210\u9805\u76ee\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30cb\u30fc\u30ba\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u8981\u4ef6\u306b\u5408\u308f\u305b\u3066 Thymeleaf \u306e\u52d5\u4f5c\u3092\u8abf\u6574\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u306a\u6a5f\u80fd\u3092\u3044\u304f\u3064\u304b\u63d0\u4f9b\u3057\u307e\u3059\u3002 Thymeleaf\u3092\u69cb\u6210\u3059\u308b\u3068\u304d\u306f\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u305d\u306e\u610f\u5473\u3092\u518d\u78ba\u8a8d\u3057\u3001\u5b9f\u969b\u306e\u30cb\u30fc\u30ba\u306b\u5fdc\u3058\u3066\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
                              \"\"\/<\/figure>\n\n\n\n
                              \"gun<\/figure>\n\n\n\n
                              \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u540d\u524d\u7a7a\u9593\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                              Thymeleaf \u540d\u524d\u7a7a\u9593\u306f\u3001Thymeleaf \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u30ab\u30b9\u30bf\u30e0\u5c5e\u6027\u3068\u30bf\u30b0\u3092\u5c0e\u5165\u3057\u3066\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002 \u540d\u524d\u7a7a\u9593\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u3088\u308a\u660e\u78ba\u3067\u7c21\u6f54\u306b\u3057\u3001\u62e1\u5f35\u3057\u3084\u3059\u304f\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 Thymeleaf \u540d\u524d\u7a7a\u9593\u306f\u3001\u4ee5\u4e0b\u306e\u540d\u524d\u7a7a\u9593\u3067\u59cb\u307e\u308a\u307e\u3059\u3002th<\/code><\/p>\n\n\n\n
                                \n
                              1. th<\/code>: Thymeleaf \u306e\u7d44\u307f\u8fbc\u307f\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30bf\u30b0\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u306e Thymeleaf \u306e\u30b3\u30a2\u540d\u524d\u7a7a\u9593\u3002 \u4f8b: \u3001\u3001\u306a\u3069\u3002th:text<\/code>th:each<\/code><\/li>\n\n\n\n
                              2. thymeleaf<\/code>: \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30cd\u30a4\u30c6\u30a3\u30d6\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30bf\u30b0\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u306e\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30cd\u30a4\u30c6\u30a3\u30d6\u540d\u524d\u7a7a\u9593\u3002 \u4f8b: \u3001\u3001\u306a\u3069\u3002thymeleaf:include<\/code>thymeleaf:with<\/code><\/li>\n\n\n\n
                              3. layout<\/code>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u540d\u524d\u7a7a\u9593\u3002 \u4f8b: \u3001\u3001\u306a\u3069\u3002layout:decorate<\/code>layout:fragment<\/code><\/li>\n\n\n\n
                              4. sec<\/code>: \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u95a2\u9023\u306e\u30bf\u30b0\u3068\u5c5e\u6027\u3092\u51e6\u7406\u3059\u308b\u305f\u3081\u306e Spring Security \u7d71\u5408\u7528\u306e\u540d\u524d\u7a7a\u9593\u3002 \u4f8b: \u3001\u3001\u306a\u3069\u3002sec:authorize<\/code>sec:authentication<\/code><\/li>\n\n\n\n
                              5. data<\/code>: \u30c7\u30fc\u30bf\u95a2\u9023\u306e\u30bf\u30b0\u3068\u5c5e\u6027\u3092\u51e6\u7406\u3059\u308b\u305f\u3081\u306e Spring Data \u7d71\u5408\u7528\u306e\u540d\u524d\u7a7a\u9593\u3002 \u4f8b: \u3001\u3001\u306a\u3069\u3002data-th-object<\/code>data-th-field<\/code><\/li>\n<\/ol>\n\n\n\n
                                \u540d\u524d\u7a7a\u9593\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u8aad\u307f\u53d6\u308a\u3068\u4fdd\u5b88\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067 Thymeleaf \u306e\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u6b21\u306e\u30b3\u30fc\u30c9\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002each<\/code><\/p>\n\n\n\n
                                htmlCopy code<ul>\n    <li th:each=\"item : ${items}\" th:text=\"${item}\"><\/li>\n<\/ul>\n<\/code><\/pre>\n\n\n\n
                                \u3053\u306e\u4f8b\u3067\u306f\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3066\u91cd\u8907\u3059\u308b HTML \u30b3\u30fc\u30c9\u3092\u751f\u6210\u3059\u308b Thymeleaf \u306e\u30b3\u30a2\u30bf\u30b0\u3067\u3042\u308b\u540d\u524d\u7a7a\u9593\u53c2\u7167\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002th<\/code>each<\/code><\/p>\n\n\n\n
                                \u540c\u69d8\u306b\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u6b21\u306e\u30b3\u30fc\u30c9\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                htmlCopy code<!DOCTYPE html>\n<html xmlns:layout=\"http:\/\/www.ultraq.net.nz\/thymeleaf\/layout\">\n<head>\n    <title>My Page<\/title>\n    <layout:include layout:fragment=\"head\"\/>\n<\/head>\n<body>\n    <layout:decorate template=\"layout\/page\">\n        <div layout:fragment=\"content\">\n            This is the main content of the page.\n        <\/div>\n    <\/layout:decorate>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                \u3053\u306e\u4f8b\u3067\u306f\u3001\u540d\u524d\u7a7a\u9593\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ec\u30a4\u30a2\u30a6\u30c8 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5b9a\u7fa9\u304a\u3088\u3073\u4f7f\u7528\u3059\u308b\u305f\u3081\u306e\u30ab\u30b9\u30bf\u30e0\u540d\u524d\u7a7a\u9593\u3067\u3042\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u95a2\u9023\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u53c2\u7167\u3057\u307e\u3059\u3002layout<\/code><\/p>\n\n\n\n
                                \u7d50\u8ad6\u3068\u3057\u3066\u3001Thymeleaf\u540d\u524d\u7a7a\u9593\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u3088\u308a\u9069\u5207\u306b\u6574\u7406\u304a\u3088\u3073\u4fdd\u5b88\u3057\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u3068\u8aad\u307f\u3084\u3059\u3055\u3092\u5411\u4e0a\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u306a\u624b\u6cd5\u3067\u3059\u3002 \u540d\u524d\u7a7a\u9593\u306f\u3001Thymeleaf\u3092\u62e1\u5f35\u3057\u305f\u308a\u3001\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f7f\u7528\u3057\u305f\u308a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306b\u3082\u3001\u3088\u308a\u91cd\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                \"\"\/<\/figure>\n\n\n\n
                                \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u5c5e\u6027\u306e\u7f6e\u63db\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u5c5e\u6027\u7f6e\u63db\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5c5e\u6027\u5024\u3092\u52d5\u7684\u306b\u7f6e\u304d\u63db\u3048\u308b\u624b\u6cd5\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u30ea\u30f3\u30af\u30a2\u30c9\u30ec\u30b9\u3001\u30b9\u30bf\u30a4\u30eb\u3001\u30af\u30e9\u30b9\u540d\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u6761\u4ef6\u3084\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066HTML\u8981\u7d20\u306e\u5c5e\u6027\u3092\u52d5\u7684\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                \u5c5e\u6027\u7f6e\u63db\u306f\u3001\u6a19\u6e96\u306e HTML \u5c5e\u6027\u304a\u3088\u3073 Thymeleaf \u56fa\u6709\u306e\u5c5e\u6027\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u6b21\u306b\u4f8b\u3092\u3044\u304f\u3064\u304b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                  \n
                                1. \u30c6\u30ad\u30b9\u30c8\u306e\u5185\u5bb9\u3092\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                  htmlCopy code<p th:text=\"${message}\">This text will be replaced.<\/p>\n<\/code><\/pre>\n\n\n\n
                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u8981\u7d20\u306e\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5c5e\u6027\u306b\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002 \u306f\u3001 \u3068\u3044\u3046\u540d\u524d\u306e\u30e2\u30c7\u30eb \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u53d6\u5f97\u3059\u308b Thymeleaf \u5f0f\u3067\u3059\u3002 \u5b9f\u884c\u6642\u306b\u3001Thymeleaf \u306f\u3053\u306e\u5f0f\u306e\u5024\u3092\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:text<\/code>p<\/code>${message}<\/code>message<\/code>p<\/code><\/p>\n\n\n\n
                                    \n
                                  1. \u30ea\u30f3\u30af\u30a2\u30c9\u30ec\u30b9\u3092\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                    htmlCopy code<a href=\"#\" th:href=\"@{\/user\/{id}(id=${user.id})}\">View User<\/a>\n<\/code><\/pre>\n\n\n\n
                                    \u3053\u306e\u4f8b\u3067\u306f\u3001\u8981\u7d20\u306e\u30ea\u30f3\u30af\u30a2\u30c9\u30ec\u30b9\u3092\u5c5e\u6027\u306b\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002 \u306f\u3001\u5024\u3092\u542b\u3080 URL \u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5 URL \u5f0f\u3067\u3059\u3002 \u5b9f\u884c\u6642\u306b\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306f URL \u5f0f\u306e\u5024\u3092\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u5c5e\u6027\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:href<\/code>a<\/code>@{\/user\/{id}(id=${user.id})}<\/code>user.id<\/code>a<\/code>href<\/code><\/p>\n\n\n\n
                                      \n
                                    1. \u7f6e\u63db\u30b9\u30bf\u30a4\u30eb:<\/li>\n<\/ol>\n\n\n\n
                                      htmlCopy code<div th:style=\"'background-color:' + ${color}\">\n    This div will have a background color.\n<\/div>\n<\/code><\/pre>\n\n\n\n
                                      \u3053\u306e\u4f8b\u3067\u306f\u3001\u8981\u7d20\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u5c5e\u6027\u306b\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002 \u306f\u3001 \u3068\u3044\u3046\u540d\u524d\u306e\u30e2\u30c7\u30eb \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u53d6\u5f97\u3059\u308b Thymeleaf \u5f0f\u3067\u3059\u3002 \u5c5e\u6027\u5024\u3092\u6587\u5b57\u5217\u306b\u9023\u7d50\u3057\u3066\u3001\u30b9\u30bf\u30a4\u30eb\u3092\u52d5\u7684\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002 \u5b9f\u884c\u6642\u306b\u3001Thymeleaf \u306f\u30b9\u30bf\u30a4\u30eb\u6587\u5b57\u5217\u3092\u8981\u7d20\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:style<\/code>div<\/code>${color}<\/code>color<\/code>background-color:<\/code>div<\/code>style<\/code><\/p>\n\n\n\n
                                        \n
                                      1. \u30af\u30e9\u30b9\u540d\u3092\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                        htmlCopy code<div th:class=\"${status} == 'error' ? 'error' : ''\">\n    This div will have a class based on the 'status' variable.\n<\/div>\n<\/code><\/pre>\n\n\n\n
                                        \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u306e\u30af\u30e9\u30b9\u540d\u3092\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002 \u306f\u3001 \u3068\u3044\u3046\u540d\u524d\u306e\u30e2\u30c7\u30eb \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u53d6\u5f97\u3059\u308b Thymeleaf \u5f0f\u3067\u3059\u3002 \u4e09\u9805\u6f14\u7b97\u5b50\u3092\u4f7f\u7528\u3057\u3066\u3001\u5024\u306b\u57fa\u3065\u3044\u3066\u30af\u30e9\u30b9\u540d\u3092\u52d5\u7684\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002 \u305d\u306e\u5834\u5408\u306f\u3001\u30af\u30e9\u30b9\u540d\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002 \u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u3001\u8a2d\u5b9a\u30af\u30e9\u30b9\u540d\u306f\u7a7a\u306e\u6587\u5b57\u5217\u3067\u3059\u3002 \u5b9f\u884c\u6642\u306b\u3001Thymeleaf \u306f\u30af\u30e9\u30b9\u540d\u306e\u6587\u5b57\u5217\u3092\u8981\u7d20\u306e\u5c5e\u6027\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:class<\/code>div<\/code>${status}<\/code>status<\/code>status<\/code>status<\/code>error<\/code>error<\/code>div<\/code>class<\/code><\/p>\n\n\n\n
                                        \u7d50\u8ad6\u3068\u3057\u3066\u3001Thymeleaf\u5c5e\u6027\u7f6e\u63db\u306f\u3001\u52d5\u7684\u30c7\u30fc\u30bf\u307e\u305f\u306f\u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u52d5\u7684HTML\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u306a\u624b\u6cd5\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001Thymeleaf\u306e\u5f0f\u3068\u8ad6\u7406\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066HTML\u8981\u7d20\u306e\u5c5e\u6027\u3092\u52d5\u7684\u306b\u5909\u66f4\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                        \"\"\/<\/figure>\n\n\n\n
                                        \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u5909\u6570\u5f0f\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                        \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u5909\u6570\u5f0f\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306e\u5909\u6570\u307e\u305f\u306f\u30e2\u30c7\u30eb\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u53c2\u7167\u3059\u308b\u305f\u3081\u306e\u69cb\u6587\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304b\u3089\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u6e21\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u751f\u6210\u3059\u308b\u305f\u3081\u306bHTML\u8981\u7d20\u306b\u633f\u5165\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                        \u5909\u6570\u5f0f\u306f\u3001\u5909\u6570\u540d\u307e\u305f\u306f\u5f0f\u3092\u4f7f\u7528\u307e\u305f\u306f\u30e9\u30c3\u30d7\u3057\u307e\u3059\u3002 \u73fe\u5728\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3067\u5909\u6570\u307e\u305f\u306f\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u53d6\u5f97\u3057\u3001\u53cd\u5fa9\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u307e\u305f\u306f\u5165\u308c\u5b50\u306b\u306a\u3063\u305f\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3067\u5909\u6570\u307e\u305f\u306f\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002${}<\/code>*{}<\/code>${}<\/code>*{}<\/code><\/p>\n\n\n\n
                                        \u6b21\u306b\u4f8b\u3092\u3044\u304f\u3064\u304b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                          \n
                                        1. \u30e2\u30c7\u30eb\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u53d6\u5f97\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                          htmlCopy code<p th:text=\"${message}\">This text will be replaced.<\/p>\n<\/code><\/pre>\n\n\n\n
                                          \u3053\u306e\u4f8b\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066 \u3068\u3044\u3046\u540d\u524d\u306e\u30e2\u30c7\u30eb \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u53d6\u5f97\u3057\u3001\u305d\u308c\u3092\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002${message}<\/code>message<\/code>p<\/code><\/p>\n\n\n\n
                                            \n
                                          1. \u7d44\u307f\u8fbc\u307f\u5909\u6570\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                            htmlCopy code<p>Current time: <span th:text=\"${#dates.format(now, 'yyyy-MM-dd HH:mm:ss')}\"><\/span><\/p>\n<\/code><\/pre>\n\n\n\n
                                            \u3053\u306e\u4f8b\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u73fe\u5728\u306e\u6642\u523b\u3092\u53d6\u5f97\u3057\u3001\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3057\u3066\u6642\u523b\u3092\u66f8\u5f0f\u8a2d\u5b9a\u3057\u3066\u304b\u3089\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002${#dates.format(now, 'yyyy-MM-dd HH:mm:ss')}<\/code>#dates<\/code>span<\/code><\/p>\n\n\n\n
                                              \n
                                            1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                              htmlCopy code<ul>\n    <li th:each=\"item : ${items}\" th:text=\"${item}\"><\/li>\n<\/ul>\n<\/code><\/pre>\n\n\n\n
                                              \u3053\u306e\u4f8b\u3067\u306f\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066 named \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u5185\u306e\u5404\u8981\u7d20\u306e\u5024\u3092\u53d6\u5f97\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:each<\/code>items<\/code>${item}<\/code>li<\/code><\/p>\n\n\n\n
                                                \n
                                              1. \u30cd\u30b9\u30c8\u3055\u308c\u305f\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                htmlCopy code<div th:object=\"${user}\">\n    <p>Name: <span th:text=\"*{name}\"><\/span><\/p>\n    <p>Age: <span th:text=\"*{age}\"><\/span><\/p>\n<\/div>\n<\/code><\/pre>\n\n\n\n
                                                \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u73fe\u5728\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u6307\u5b9a\u3055\u308c\u305f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u8a2d\u5b9a\u3057\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002 \u3053\u306e\u5834\u5408\u3001\u5f0f\u306f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u53d6\u5f97\u3057\u3001\u305d\u308c\u3089\u3092\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:object<\/code>user<\/code>*{}<\/code>*{name}<\/code>name<\/code>span<\/code><\/p>\n\n\n\n
                                                \u7d50\u8ad6\u3068\u3057\u3066\u3001Thymeleaf\u5909\u6570\u5f0f\u306f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u751f\u6210\u3059\u308b\u76ee\u7684\u3067\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304b\u3089\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u6e21\u3057\u3001HTML\u8981\u7d20\u306b\u633f\u5165\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u306a\u624b\u6cd5\u3067\u3059\u3002 \u4f7f\u3044\u3084\u3059\u304f\u76f4\u611f\u7684\u3067\u3001\u5c5e\u6027\u7f6e\u63db\u3001\u6761\u4ef6\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u306a\u3069\u3001Thymeleaf\u306e\u4ed6\u306e\u6a5f\u80fd\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u3088\u308a\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                \"\"\/<\/figure>\n\n\n\n
                                                \"gun<\/figure>\n\n\n\n
                                                \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u9078\u629e\u5f0f\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u9078\u629e\u5f0f\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306e HTML \u8981\u7d20\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u69cb\u6587\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u57fa\u6e96\u306b\u5f93\u3063\u3066\u3055\u307e\u3056\u307e\u306aHTML\u8981\u7d20\u3092\u9078\u629e\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u751f\u6210\u3059\u308b\u305f\u3081\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                HTML \u8981\u7d20\u3092\u30e9\u30c3\u30d7\u3059\u308b\u5c5e\u6027\u540d\u3068\u6761\u4ef6\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u5f0f\u3092\u9078\u629e\u3057\u307e\u3059\u3002 \u6761\u4ef6\u5f0f\u306b\u306f\u3001HTML \u8981\u7d20\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u6761\u4ef6\u3092\u6307\u5b9a\u3059\u308b\u4efb\u610f\u306e\u30d6\u30fc\u30eb\u5f0f\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002 \u6761\u4ef6\u304c true \u306e\u5834\u5408\u3001\u8981\u7d20\u304c\u9078\u629e\u3055\u308c\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u3059\u3002 \u6761\u4ef6\u304c false \u306e\u5834\u5408\u3001\u8981\u7d20\u306f\u9078\u629e\u3055\u308c\u305a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u305b\u3093\u3002*{}<\/code><\/p>\n\n\n\n
                                                \u6b21\u306b\u4f8b\u3092\u3044\u304f\u3064\u304b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                  \n
                                                1. \u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066 HTML \u8981\u7d20\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                  htmlCopy code<div th:if=\"${status} == 'error'\">\n    <p>Error: <span th:text=\"${errorMessage}\"><\/span><\/p>\n<\/div>\n<\/code><\/pre>\n\n\n\n
                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u8981\u7d20\u3092\u9078\u629e\u3057\u307e\u3059\u3002 \u5024\u304c\u7b49\u3057\u3044\u5834\u5408\u306f\u3001\u8981\u7d20\u3092\u9078\u629e\u3057\u3001\u8981\u7d20\u3092\u8981\u7d20\u306b\u633f\u5165\u3057\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30a8\u30e9\u30fc \u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002 \u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u3001\u8981\u7d20\u306f\u9078\u629e\u3055\u308c\u305a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u305b\u3093\u3002th:if<\/code>${status} == 'error'<\/code>div<\/code>status<\/code>error<\/code><p><\/code>div<\/code>${errorMessage}<\/code><\/p>\n\n\n\n
                                                    \n
                                                  1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u8981\u7d20\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                    htmlCopy code<ul>\n    <li th:each=\"item : ${items}\" th:class=\"${item.status} == 'complete' ? 'done' : ''\">\n        <span th:text=\"${item.description}\"><\/span>\n    <\/li>\n<\/ul>\n<\/code><\/pre>\n\n\n\n
                                                    \u3053\u306e\u4f8b\u3067\u306f\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066 named \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u6761\u4ef6\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u3092\u9078\u629e\u3057\u307e\u3059\u3002 \u5024\u304c\u7b49\u3057\u3044\u5834\u5408\u306f\u3001\u8981\u7d20\u304c\u9078\u629e\u3055\u308c\u3001\u30af\u30e9\u30b9\u304c\u8981\u7d20\u306b\u8ffd\u52a0\u3055\u308c\u307e\u3059\u3002 \u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u3001\u8981\u7d20\u306f\u9078\u629e\u3055\u308c\u305a\u3001\u7a7a\u306e\u6587\u5b57\u5217\u304c\u30af\u30e9\u30b9\u540d\u3068\u3057\u3066\u8981\u7d20\u306b\u8ffd\u52a0\u3055\u308c\u307e\u3059\u3002th:each<\/code>items<\/code>${item.status} == 'complete' ? 'done' : ''<\/code>li<\/code>item.status<\/code>complete<\/code>done<\/code>li<\/code>li<\/code><\/p>\n\n\n\n
                                                      \n
                                                    1. \u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u5c5e\u6027\u5024\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                      htmlCopy code<button th:attr=\"${isDisabled} ? disabled : ''\">Submit<\/button>\n<\/code><\/pre>\n\n\n\n
                                                      \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u3092\u9078\u629e\u3057\u3001\u6761\u4ef6\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u5c5e\u6027\u306e\u5024\u3092\u9078\u629e\u3057\u307e\u3059\u3002 \u5024\u304c \u306e\u5834\u5408\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u9078\u629e\u3057\u3001\u305d\u306e\u5024\u3092 \u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002 \u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u9078\u629e\u3055\u308c\u305a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u305b\u3093\u3002th:attr<\/code>button<\/code>${isDisabled} ? disabled : ''<\/code>disabled<\/code>isDisabled<\/code>true<\/code>disabled<\/code>disabled<\/code><\/p>\n\n\n\n
                                                      \u7d50\u8ad6\u3068\u3057\u3066\u3001Thymeleaf\u9078\u629e\u5f0f\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u57fa\u6e96\u306b\u57fa\u3065\u3044\u3066\u3055\u307e\u3056\u307e\u306aHTML\u8981\u7d20\u3092\u9078\u629e\u3057\u3001\u305d\u308c\u3089\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u306a\u624b\u6cd5\u3067\u3059\u3002 \u4f7f\u3044\u3084\u3059\u304f\u76f4\u611f\u7684\u3067\u3001\u5909\u6570\u5f0f\u3001\u5c5e\u6027\u7f6e\u63db\u306a\u3069\u306eThymeleaf\u306e\u4ed6\u306e\u6a5f\u80fd\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u3088\u308a\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                      \"\"\/<\/figure>\n\n\n\n
                                                      \"gun<\/figure>\n\n\n\n
                                                      \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u30bb\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                      \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u9078\u629e\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u9078\u629e\u304a\u3088\u3073\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u69cb\u6587\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u57fa\u6e96\u306b\u57fa\u3065\u3044\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3001\u4e26\u3079\u66ff\u3048\u3001\u30b0\u30eb\u30fc\u30d7\u5316\u3001\u8a08\u7b97\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u751f\u6210\u3059\u308b\u76ee\u7684\u3067\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                      \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u9078\u629e\u3067\u306f\u3001\u30d1\u30c3\u30b1\u30fc\u30b8\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u540d\u3068\u6761\u4ef6\u5f0f\u3092\u4f7f\u7528\u3057\u3001Thymeleaf\u306e\u7d44\u307f\u8fbc\u307f\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u51e6\u7406\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u64cd\u4f5c\u3057\u307e\u3059\u3002 \u6b21\u306b\u4f8b\u3092\u3044\u304f\u3064\u304b\u793a\u3057\u307e\u3059\u3002*{}<\/code><\/p>\n\n\n\n
                                                        \n
                                                      1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                        htmlCopy code<ul>\n    <li th:each=\"item : ${items.?[status == 'complete']}\" th:text=\"${item.description}\"><\/li>\n<\/ul>\n<\/code><\/pre>\n\n\n\n
                                                        \u3053\u306e\u4f8b\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u5185\u306e\u8981\u7d20\u3092\u30d5\u30a3\u30eb\u30bf\u30fc\u51e6\u7406\u3057\u307e\u3059\u3002 \u6761\u4ef6\u5f0f\u306f\u3001\u5c5e\u6027\u306e\u5024\u306b\u57fa\u3065\u3044\u3066\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u6301\u3064\u8981\u7d20\u3092\u9664\u5916\u3057\u307e\u3059\u3002 \u6b21\u306b\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a3\u30eb\u30bf\u30fc\u51e6\u7406\u3055\u308c\u305f\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u306e\u8aac\u660e\u3092\u53d6\u5f97\u3057\u3066\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002${items.?[status == 'complete']}<\/code>items<\/code>?[status == 'complete']<\/code>status<\/code>complete<\/code>th:each<\/code>${item.description}<\/code>li<\/code><\/p>\n\n\n\n
                                                          \n
                                                        1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u4e26\u3079\u66ff\u3048\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                          htmlCopy code<ul>\n    <li th:each=\"item : ${items.^[date]}\">\n        <span th:text=\"${item.description}\"><\/span>\n        <span th:text=\"${#dates.format(item.date, 'yyyy-MM-dd')}\"><\/span>\n    <\/li>\n<\/ul>\n<\/code><\/pre>\n\n\n\n
                                                          \u3053\u306e\u4f8b\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u5c5e\u6027\u3067\u6307\u5b9a\u3055\u308c\u305f\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u4e26\u3079\u66ff\u3048\u307e\u3059\u3002 \u6607\u9806\u306e\u4e26\u3079\u66ff\u3048\u306b\u306f\u6f14\u7b97\u5b50\u3092\u4f7f\u7528\u3057\u3001\u964d\u9806\u306e\u4e26\u3079\u66ff\u3048\u306b\u306f\u6f14\u7b97\u5b50\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 \u6b21\u306b\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u4e26\u3079\u66ff\u3048\u3089\u308c\u305f\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u306e\u8aac\u660e\u3092\u53d6\u5f97\u3057\u3001\u5f0f\u306b\u3088\u3063\u3066\u65e5\u4ed8\u304c\u66f8\u5f0f\u8a2d\u5b9a\u3055\u308c\u3001\u8981\u7d20\u306b\u633f\u5165\u3055\u308c\u307e\u3059\u3002${items.^[date]}<\/code>items<\/code>date<\/code>^<\/code>v<\/code>th:each<\/code>${item.description}<\/code>${#dates.format(item.date, 'yyyy-MM-dd')}<\/code>li<\/code><\/p>\n\n\n\n
                                                            \n
                                                          1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                            htmlCopy code<ul>\n    <li th:each=\"group : ${items.![status].distinct()}\">\n        <h2 th:text=\"${group}\"><\/h2>\n        <ul>\n            <li th:each=\"item : ${items.?[status == group]}\" th:text=\"${item.description}\"><\/li>\n        <\/ul>\n    <\/li>\n<\/ul>\n<\/code><\/pre>\n\n\n\n
                                                            \u3053\u306e\u4f8b\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u5c5e\u6027\u3067\u6307\u5b9a\u3055\u308c\u305f\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u307e\u3059\u3002 \u6f14\u7b97\u5b50\u3092\u4f7f\u7528\u3057\u3066\u3001\u91cd\u8907\u6392\u9664\u3059\u308b\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u5185\u306e\u3059\u3079\u3066\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u62bd\u51fa\u3057\u307e\u3059\u3002 \u6b21\u306b\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3055\u308c\u305f\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u73fe\u5728\u306e\u30b0\u30eb\u30fc\u30d7\u5316\u306e\u5024\u3092\u53d6\u5f97\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u6b21\u306b\u3001\u30cd\u30b9\u30c8\u3055\u308c\u305f\u8981\u7d20\u3067\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u73fe\u5728\u306e\u30b0\u30eb\u30fc\u30d7\u306e\u8981\u7d20\u3092\u9664\u5916\u3057\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u30b9\u30bf\u30c3\u30af\u3092\u4f7f\u7528\u3057\u307e\u3059${items.![status].distinct()}<\/code>items<\/code>status<\/code>![status]<\/code>status<\/code>distinct()<\/code>th:each<\/code>${group}<\/code>h2<\/code>ul<\/code>${items.?[status == group]}<\/code>th:each<\/code><\/p>\n\n\n\n
                                                            \"\"\/<\/figure>\n\n\n\n
                                                            \"gun<\/figure>\n\n\n\n
                                                            \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                            \u5f0f\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u306e\u8aac\u660e\u3092\u53d6\u5f97\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002${item.description}<\/code>li<\/code><\/p>\n\n\n\n
                                                              \n
                                                            1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u8a08\u7b97\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                              htmlCopy code<p>Total price: <span th:text=\"${#numbers.formatDecimal(items.![price].sum(), 2, 'COMMA', 'POINT')}\"><\/span><\/p>\n<\/code><\/pre>\n\n\n\n
                                                              \u3053\u306e\u4f8b\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u306e\u5c5e\u6027\u3092\u5408\u8a08\u3057\u3001\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u7d50\u679c\u3092\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3057\u307e\u3059\u3002 \u306f Thymeleaf \u306e\u7d44\u307f\u8fbc\u307f\u6570\u5b66\u30c4\u30fc\u30eb\u30af\u30e9\u30b9\u3067\u3001\u3055\u307e\u3056\u307e\u306a\u6570\u5b66\u7684\u8a08\u7b97\u3068\u66f8\u5f0f\u8a2d\u5b9a\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u5834\u5408\u3001\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u7d50\u679c\u3092\u5c0f\u6570\u70b9\u4ee5\u4e0b 2 \u6841\u3001\u6841\u533a\u5207\u308a\u8a18\u53f7\u3001\u5c0f\u6570\u70b9\u4ee5\u4e0b\u306e\u6587\u5b57\u5217\u3068\u3057\u3066\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002${items.![price].sum()}<\/code>items<\/code>price<\/code>#numbers.formatDecimal<\/code>#numbers<\/code>formatDecimal()<\/code>,<\/code>.<\/code>span<\/code><\/p>\n\n\n\n
                                                              \u7d50\u8ad6\u3068\u3057\u3066\u3001Thymeleaf\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u9078\u629e\u306f\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u9078\u629e\u3057\u3066\u64cd\u4f5c\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u306a\u624b\u6cd5\u3067\u3059\u3002 \u4f7f\u3044\u3084\u3059\u304f\u76f4\u611f\u7684\u3067\u3001\u5909\u6570\u5f0f\u3001\u5c5e\u6027\u7f6e\u63db\u306a\u3069\u306eThymeleaf\u306e\u4ed6\u306e\u6a5f\u80fd\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u3088\u308a\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                              \"\"\/<\/figure>\n\n\n\n
                                                              \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u6761\u4ef6\u8a55\u4fa1\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044(\u3082\u3057\u305d\u3046\u306a\u3089)<\/p>\n\n\n\n
                                                              \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u6761\u4ef6\u8a55\u4fa1\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u8981\u7d20\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u69cb\u6587\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u57fa\u6e96\u306b\u5f93\u3063\u3066\u3055\u307e\u3056\u307e\u306aHTML\u8981\u7d20\u3092\u9078\u629e\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u751f\u6210\u3059\u308b\u305f\u3081\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                              \u6761\u4ef6\u4ed8\u304d\u8a55\u4fa1\u3067\u306f\u3001\u6761\u4ef6\u5f0f\u3092\u8a55\u4fa1\u3059\u308b\u305f\u3081\u306b \u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 \u6761\u4ef6\u5f0f\u304c true \u306e\u5834\u5408\u3001\u8981\u7d20\u304c\u9078\u629e\u3055\u308c\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u3059\u3002 \u6761\u4ef6\u5f0f\u304c false \u306e\u5834\u5408\u3001\u8981\u7d20\u306f\u9078\u629e\u3055\u308c\u305a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u305b\u3093\u3002 \u5c5e\u6027\u306f\u3001\u6761\u4ef6\u304c true \u306e\u5834\u5408\u306b\u306e\u307f\u8981\u7d20\u304c\u9078\u629e\u3055\u308c\u308b\u3053\u3068\u3092\u793a\u3057\u3001\u5c5e\u6027\u306f\u3001\u6761\u4ef6\u304c false \u306e\u5834\u5408\u306b\u306e\u307f\u8981\u7d20\u304c\u9078\u629e\u3055\u308c\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002th:if<\/code>th:unless<\/code>th:if<\/code>th:unless<\/code><\/p>\n\n\n\n
                                                              \u6b21\u306b\u4f8b\u3092\u3044\u304f\u3064\u304b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                \n
                                                              1. \u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u3092\u9078\u629e\u3059\u308b\u306b\u306f:th:if<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                htmlCopy code<div th:if=\"${status} == 'error'\">\n    <p>Error: <span th:text=\"${errorMessage}\"><\/span><\/p>\n<\/div>\n<\/code><\/pre>\n\n\n\n
                                                                \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u8981\u7d20\u3092\u9078\u629e\u3057\u307e\u3059\u3002 \u5024\u304c\u7b49\u3057\u3044\u5834\u5408\u306f\u3001\u8981\u7d20\u3092\u9078\u629e\u3057\u3001\u8981\u7d20\u3092\u8981\u7d20\u306b\u633f\u5165\u3057\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30a8\u30e9\u30fc \u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002 \u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u3001\u8981\u7d20\u306f\u9078\u629e\u3055\u308c\u305a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u305b\u3093\u3002th:if<\/code>${status} == 'error'<\/code>div<\/code>status<\/code>error<\/code><p><\/code>div<\/code>${errorMessage}<\/code><\/p>\n\n\n\n
                                                                  \n
                                                                1. \u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u3092\u9078\u629e\u3059\u308b\u306b\u306f:th:unless<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                  htmlCopy code<div th:unless=\"${isAuthenticated}\">\n    <a href=\"\/login\">Login<\/a>\n<\/div>\n<\/code><\/pre>\n\n\n\n
                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u8981\u7d20\u3092\u9078\u629e\u3057\u307e\u3059\u3002 \u5024\u304c false \u306e\u5834\u5408\u3001\u8981\u7d20\u304c\u9078\u629e\u3055\u308c\u3001\u8981\u7d20\u304c\u8981\u7d20\u306b\u633f\u5165\u3055\u308c\u307e\u3059\u3002 \u8981\u7d20\u306b\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30da\u30fc\u30b8\u3078\u306e\u30ea\u30f3\u30af\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002 \u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u3001\u8981\u7d20\u306f\u9078\u629e\u3055\u308c\u305a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u305b\u3093\u3002th:unless<\/code>${isAuthenticated}<\/code>div<\/code>isAuthenticated<\/code><a><\/code>div<\/code><a><\/code>\/login<\/code><\/p>\n\n\n\n
                                                                    \n
                                                                  1. \u6761\u4ef6\u306e\u7d44\u307f\u5408\u308f\u305b\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                    htmlCopy code<div th:if=\"${status} == 'success' and ${isAuthenticated}\">\n    <p>Welcome, <span th:text=\"${username}\"><\/span>!<\/p>\n<\/div>\n<\/code><\/pre>\n\n\n\n
                                                                    \u3053\u306e\u4f8b\u3067\u306f\u3001\u6f14\u7b97\u5b50\u306e\u7d44\u307f\u5408\u308f\u305b\u3068\u6761\u4ef6\u5f0f\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 \u4e21\u65b9\u306e\u6761\u4ef6\u304c\u771f\u3067\u3042\u308b\u5834\u5408\u306b\u306e\u307f\u3001\u8981\u7d20\u304c\u9078\u629e\u3055\u308c\u3001\u8981\u7d20\u304c\u8981\u7d20\u306b\u633f\u5165\u3055\u308c\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u540d\u304c\u53d6\u5f97\u3055\u308c\u307e\u3059\u3002 \u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u3001\u8981\u7d20\u306f\u9078\u629e\u3055\u308c\u305a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3055\u308c\u307e\u305b\u3093\u3002and<\/code>${status} == 'success'<\/code>${isAuthenticated}<\/code>div<\/code><p><\/code>div<\/code>${username}<\/code><\/p>\n\n\n\n
                                                                    \u7d50\u8ad6\u3068\u3057\u3066\u3001Thymeleaf\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u6761\u4ef6\u8a55\u4fa1\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u57fa\u6e96\u306b\u57fa\u3065\u3044\u3066\u3055\u307e\u3056\u307e\u306aHTML\u8981\u7d20\u3092\u9078\u629e\u3057\u3001\u305d\u308c\u3089\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u306a\u624b\u6cd5\u3067\u3059\u3002 \u4f7f\u3044\u3084\u3059\u304f\u3001\u76f4\u611f\u7684\u3067\u3001\u5909\u6570\u5f0f\u3001\u5c5e\u6027\u7f6e\u63db\u306a\u3069\u306eThymeleaf\u306e\u4ed6\u306e\u6a5f\u80fd\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u3088\u308a\u8907\u96d1\u306a\u76ee\u7684\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                    \"\"\/<\/figure>\n\n\n\n
                                                                    \"gun<\/figure>\n\n\n\n
                                                                    \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                    \u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u3002 \u30a2\u30f3\u30d1\u30b5\u30f3\u30c9\u306b\u52a0\u3048\u3066\u3001Thymeleaf \u306f\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u306e\u3088\u3046\u306a\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u30a2\u30f3\u30d1\u30b5\u30f3\u30c9\u3084\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3059\u308b\u5c5e\u6027\u306a\u3069\u3001\u4ed6\u306e\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002th:if<\/code>th:unless<\/code>th:switch<\/code>th:case<\/code>switch-case<\/code>th:each<\/code><\/p>\n\n\n\n
                                                                    \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u306e\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u6761\u4ef6\u8a55\u4fa1\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306eHTML\u8981\u7d20\u306e\u8868\u793a\u3068\u975e\u8868\u793a\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u3055\u307e\u3056\u307e\u306a\u57fa\u6e96\u306b\u57fa\u3065\u3044\u3066\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u751f\u6210\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u3044\u305f\u3081\u3001\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306e\u30cb\u30fc\u30ba\u306b\u5e45\u5e83\u304f\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                    \"\"\/<\/figure>\n\n\n\n
                                                                    \"gun<\/figure>\n\n\n\n
                                                                    \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u30eb\u30fc\u30d7\u30c8\u30e9\u30d0\u30fc\u30b5\u30eb(th:each)\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
                                                                    \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u30eb\u30fc\u30d7\u30c8\u30e9\u30d0\u30fc\u30b5\u30eb\u306f\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u69cb\u6587\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u7528\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                    \u30eb\u30fc\u30d7\u63a2\u7d22\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u8d70\u67fb\u3059\u308b\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u540d\u524d\u3092\u6307\u5b9a\u3057\u3001\u540c\u69d8\u306e\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u5909\u6570\u306b\u30de\u30c3\u30d7\u3057\u307e\u3059\u3002 \u305d\u306e\u5f8c\u3001\u5909\u6570\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3067\u304d\u307e\u3059\u3002th:each<\/code>item : ${items}<\/code>item<\/code>${item}<\/code><\/p>\n\n\n\n
                                                                    \u6b21\u306b\u4f8b\u3092\u3044\u304f\u3064\u304b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                      \n
                                                                    1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                      htmlCopy code<ul>\n    <li th:each=\"item : ${items}\" th:text=\"${item.description}\"><\/li>\n<\/ul>\n<\/code><\/pre>\n\n\n\n
                                                                      \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066 \u3068\u3044\u3046\u540d\u524d\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u305d\u306e\u8981\u7d20\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u5c5e\u6027\u3067\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u8981\u7d20\u306e\u8aac\u660e\u3092\u53d6\u5f97\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:each<\/code>items<\/code><li><\/code>th:text<\/code>${item.description}<\/code><li><\/code><\/p>\n\n\n\n
                                                                        \n
                                                                      1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u5e8f\u6570\u3092\u8a08\u7b97\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                        htmlCopy code<ol>\n    <li th:each=\"item, index : ${items}\" th:text=\"${index + 1 + '. ' + item.description}\"><\/li>\n<\/ol>\n<\/code><\/pre>\n\n\n\n
                                                                        \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066 \u3068\u3044\u3046\u540d\u524d\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u305d\u306e\u8981\u7d20\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u5909\u6570\u3068\u5408\u8a08\u306b\u30de\u30c3\u30d7\u3057\u307e\u3059\u3002 \u5c5e\u6027\u3067\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u5e8f\u6570\u3092\u8a55\u4fa1\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:each<\/code>items<\/code><li><\/code>item, index<\/code>item<\/code>index<\/code>th:text<\/code>${index + 1 + '. ' + item.description}<\/code><li><\/code><\/p>\n\n\n\n
                                                                          \n
                                                                        1. \u30cd\u30b9\u30c8\u3055\u308c\u305f\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                          htmlCopy code<table>\n    <tr th:each=\"row : ${table}\">\n        <td th:each=\"cell : ${row}\" th:text=\"${cell}\"><\/td>\n    <\/tr>\n<\/table>\n<\/code><\/pre>\n\n\n\n
                                                                          \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066 \u3068\u3044\u3046\u540d\u524d\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u305d\u306e\u8981\u7d20\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u5c5e\u6027\u5185\u306b\u5225\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u5165\u308c\u5b50\u306b\u3057\u3066\u3001\u884c\u306e\u30bb\u30eb\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u8981\u7d20\u306b\u8981\u7d20\u3092\u633f\u5165\u3057\u307e\u3059\u3002 \u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30bb\u30eb\u306e\u5024\u3092\u53d6\u5f97\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002th:each<\/code>table<\/code><tr><\/code>th:each<\/code>th:each<\/code><td><\/code><tr><\/code>${cell}<\/code><td><\/code><\/p>\n\n\n\n
                                                                            \n
                                                                          1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                                            htmlCopy code<ul>\n    <li th:each=\"item : ${items.?[status == 'complete']}\" th:text=\"${item.description}\"><\/li>\n<\/ul>\n<\/code><\/pre>\n\n\n\n
                                                                            \u3053\u306e\u4f8b\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u5185\u306e\u8981\u7d20\u3092\u30d5\u30a3\u30eb\u30bf\u30fc\u51e6\u7406\u3057\u307e\u3059\u3002 \u6761\u4ef6\u5f0f\u306f\u3001\u5c5e\u6027\u306e\u5024\u306b\u57fa\u3065\u3044\u3066\u300c\u5b8c\u4e86\u300d\u306e\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u9664\u5916\u3057\u307e\u3059${items.?[status == 'complete']}<\/code>items<\/code>?[status == 'complete']<\/code>status<\/code><\/p>\n\n\n\n
                                                                            \"\"\/<\/figure>\n\n\n\n
                                                                            \"gun<\/figure>\n\n\n\n
                                                                            \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                            \u7684\u5143\u7d20\uff0c\u5e76\u5c06\u5176\u6620\u5c04\u5230\u53d8\u91cf<\/code>item<li>${item.description}<li>’\u5143\u7d20\u4e2d\u3002\u4e2d\u3002\u7136\u540e\uff0c\u6211\u4eec\u5c06<\/code>\u5143\u7d20\u63d2\u5165\u5230\u6a21\u677f\u4e2d\uff0c\u5e76\u4f7f\u7528<\/code>\u8868\u8fbe\u5f0f\u83b7\u53d6\u5143\u7d20\u7684\u63cf\u8ff0\uff0c\u5e76\u5c06\u5176\u63d2\u5165\u5230<\/code><\/p>\n\n\n\n
                                                                            \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u30eb\u30fc\u30d7\u30c8\u30e9\u30d0\u30fc\u30b5\u30eb\u306f\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u3044\u305f\u3081\u3001\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306e\u30cb\u30fc\u30ba\u306b\u5e45\u5e83\u304f\u9069\u3057\u3066\u3044\u307e\u3059\u3002 \u5c5e\u6027\u306b\u52a0\u3048\u3066\u3001Thymeleaf \u306f\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u306e\u3088\u3046\u306a\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b and \u5c5e\u6027\u3084\u3001\u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u8981\u7d20\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u5c5e\u6027\u306a\u3069\u3001\u4ed6\u306e\u30d5\u30ed\u30fc\u5236\u5fa1\u30d7\u30ed\u30d1\u30c6\u30a3\u30fc\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002th:each<\/code>th:switch<\/code>th:case<\/code>switch-case<\/code>th:if<\/code>th:unless<\/code><\/p>\n\n\n\n
                                                                            \"\"\/<\/figure>\n\n\n\n
                                                                            \"gun<\/figure>\n\n\n\n
                                                                            \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u53ce\u96c6\u64cd\u4f5c\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                            Thymeleaf \u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u64cd\u4f5c\u306f\u3001Thymeleaf \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u69cb\u6587\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u8ffd\u52a0\u3001\u524a\u9664\u3001\u4e26\u3079\u66ff\u3048\u306a\u3069\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u5bfe\u3057\u3066\u3055\u307e\u3056\u307e\u306a\u64cd\u4f5c\u3092\u5b9f\u884c\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u751f\u6210\u3059\u308b\u76ee\u7684\u3067\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                            \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u64cd\u4f5c\u306f\u3001Thymeleaf\u306e\u7d44\u307f\u8fbc\u307f\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3057\u3066\u5b9f\u88c5\u3055\u308c\u307e\u3059\u3002 \u30c4\u30fc\u30eb \u30af\u30e9\u30b9\u306b\u306f\u3001\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u8ffd\u52a0\u3001\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u524a\u9664\u3001\u4e26\u3079\u66ff\u3048\u3001\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u306a\u3069\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u3055\u307e\u3056\u307e\u306a\u30e1\u30bd\u30c3\u30c9\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002#lists<\/code><\/p>\n\n\n\n
                                                                            \u6b21\u306b\u4f8b\u3092\u3044\u304f\u3064\u304b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                              \n
                                                                            1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u8981\u7d20\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                                              htmlCopy code<ul>\n    <li th:each=\"item : ${items}\">\n        <span th:text=\"${item.description}\"><\/span>\n    <\/li>\n    <li>\n        <input type=\"text\" th:field=\"*{newItem}\" \/>\n        <button type=\"button\" th:onclick=\"'javascript: addItem(\\'' + ${#ids.seq('item')} + '\\')'\">Add Item<\/button>\n    <\/li>\n<\/ul>\n\n<script th:inline=\"javascript\">\n    function addItem(id) {\n        var newItem = document.getElementById(id).value;\n        [[# th:if=\"${not #lists.contains(items, newItem)}\"]]\n            [[# th:removeVariable=\"items\" \/]]\n            [[# th:append=\"items\" value=\"${newItem}\" \/]]\n        [[\/ th:if]]\n        document.getElementById(id).value = '';\n    }\n<\/script>\n<\/code><\/pre>\n\n\n\n
                                                                              \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066 \u3068\u3044\u3046\u540d\u524d\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u305d\u306e\u8981\u7d20\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u8981\u7d20\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u306e\u8aac\u660e\u3092\u53d6\u5f97\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u6b21\u306b\u3001\u30c6\u30ad\u30b9\u30c8 \u30dc\u30c3\u30af\u30b9\u3068 [Add Item] \u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3057\u3066\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u65b0\u3057\u3044\u8981\u7d20\u3092\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002 \u30dc\u30bf\u30f3\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u306f\u3001JavaScript \u3092\u4f7f\u7528\u3057\u3066\u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3001\u65b0\u3057\u3044\u8981\u7d20\u306e ID \u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3068\u3057\u3066\u6e21\u3057\u307e\u3059\u3002th:each<\/code>items<\/code><li><\/code><li><\/code>${item.description}<\/code><span><\/code>th:onclick<\/code>addItem()<\/code><\/p>\n\n\n\n
                                                                              \u3053\u306e\u95a2\u6570\u3067\u306f\u3001\u6700\u521d\u306b JavaScript \u3092\u4f7f\u7528\u3057\u3066\u65b0\u3057\u3044\u8981\u7d20\u306e\u5024\u3092\u53d6\u5f97\u3057\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u65e2\u306b\u5b58\u5728\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002 \u65b0\u3057\u3044\u8981\u7d20\u304c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u5b58\u5728\u3057\u306a\u3044\u5834\u5408\u306f\u3001\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u305d\u306e\u8981\u7d20\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002 \u8981\u7d20\u304c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u542b\u307e\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u3001\u65b0\u3057\u3044\u8981\u7d20\u306f Thymeleaf \u7d44\u307f\u8fbc\u307f\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u8ffd\u52a0\u3055\u308c\u307e\u3059\u3002addItem()<\/code>#lists.contains<\/code>#lists.removeVariable<\/code>#lists.append<\/code><\/p>\n\n\n\n
                                                                                \n
                                                                              1. \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u8981\u7d20\u3092\u524a\u9664\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                                                htmlCopy code<ul>\n    <li th:each=\"item : ${items}\">\n        <span th:text=\"${item.description}\"><\/span>\n        <button type=\"button\" th:onclick=\"'javascript: removeItem(\\'' + ${item.id} + '\\')'\">Remove<\/button>\n    <\/li>\n<\/ul>\n\n<script th:inline=\"javascript\">\n    function removeItem(id) {\n        [[# th:removeVariable=\"items\" \/]]\n        [[# th:each=\"item : ${itemsCopy}\"]]\n            [[# th:if=\"${item.id != id}\"]]\n                [[# th:append=\"items\" value=\"${item}\" \/]]\n            [[\/ th:if]]\n        [[\/ th:each]]\n    }\n<\/script>\n<\/code><\/pre>\n\n\n\n
                                                                                \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002th:each<\/code><\/p>\n\n\n\n
                                                                                \"\"\/<\/figure>\n\n\n\n
                                                                                \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                \u3068\u3044\u3046\u540d\u524d\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u8981\u7d20\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u305d\u306e\u8981\u7d20\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u8981\u7d20\u3067\u306f\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u306e\u8aac\u660e\u3092\u53d6\u5f97\u3057\u3001\u8981\u7d20\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u6b21\u306b\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u8981\u7d20\u3092\u524a\u9664\u3059\u308b\u305f\u3081\u306e\u300c\u524a\u9664\u300d\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002 \u30dc\u30bf\u30f3\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u306f\u3001JavaScript \u3092\u4f7f\u7528\u3057\u3066\u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3001\u8981\u7d20\u306e ID \u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3068\u3057\u3066\u6e21\u3057\u307e\u3059\u3002items<\/code><li><\/code><li><\/code>${item.description}<\/code><span><\/code>th:onclick<\/code>removeItem()<\/code><\/p>\n\n\n\n
                                                                                \u3053\u306e\u95a2\u6570\u3067\u306f\u3001\u6700\u521d\u306b\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u5185\u306e\u3059\u3079\u3066\u306e\u8981\u7d20\u3092\u524a\u9664\u3057\u307e\u3059\u3002 \u6b21\u306b\u3001\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u30b3\u30d4\u30fc\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u524a\u9664\u3055\u308c\u306a\u3044\u8981\u7d20\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002removeItem()<\/code>#lists.removeVariable<\/code>#lists.each<\/code>#lists.append<\/code><\/p>\n\n\n\n
                                                                                \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf \u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u53ce\u96c6\u64cd\u4f5c\u306f\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u64cd\u4f5c\u3057\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u3044\u305f\u3081\u3001\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306e\u30cb\u30fc\u30ba\u306b\u5e45\u5e83\u304f\u9069\u3057\u3066\u3044\u307e\u3059\u3002 \u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30fc\u30fb\u30af\u30e9\u30b9\u306b\u52a0\u3048\u3066\u3001Thymeleaf \u306f\u3001\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3084\u30de\u30c3\u30d7\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30fc\u30fb\u30af\u30e9\u30b9\u3084\u3001\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u306e\u3088\u3046\u306a\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u5c5e\u6027\u306a\u3069\u3001\u4ed6\u306e\u30d7\u30ed\u30bb\u30b9\u5236\u5fa1\u30d7\u30ed\u30d1\u30c6\u30a3\u30fc\u3084\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30fc\u30fb\u30af\u30e9\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002#lists<\/code>#sets<\/code>#maps<\/code>th:switch<\/code>th:case<\/code>switch-case<\/code><\/p>\n\n\n\n
                                                                                \"\"\/<\/figure>\n\n\n\n
                                                                                \"gun<\/figure>\n\n\n\n
                                                                                \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7d99\u627f\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5408\u6210\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u624b\u6cd5\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u30011 \u3064\u4ee5\u4e0a\u306e\u30de\u30b9\u30bf\u30fc \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5b9a\u7fa9\u3057\u3001\u305d\u308c\u3089\u306b\u57fa\u3065\u3044\u3066\u8ffd\u52a0\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3066\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u69cb\u6210\u306e\u76ee\u7684\u3092\u9054\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                \u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3001Thymeleaf\u306e\u7d44\u307f\u8fbc\u307f\u306e\u540d\u524d\u7a7a\u9593\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u5b9f\u88c5\u3055\u308c\u307e\u3059\u3002 \u540d\u524d\u7a7a\u9593\u306b\u306f\u3001 \u306a\u3069\u306e\u30ec\u30a4\u30a2\u30a6\u30c8 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e9\u30d9\u30eb\u306e\u30bb\u30c3\u30c8\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002layout<\/code>layout:decorator<\/code>layout:decorator<\/code>layout:fragment<\/code>layout:include<\/code><\/p>\n\n\n\n
                                                                                \u6b21\u306b\u4f8b\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                  \n
                                                                                1. \u30e1\u30a4\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                  htmlCopy code<!DOCTYPE html>\n<html xmlns:layout=\"http:\/\/www.ultraq.net.nz\/thymeleaf\/layout\">\n<head>\n    <title layout:title-pattern=\"$LAYOUT_TITLE - $CONTENT_TITLE\">My Site<\/title>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link href=\"\/css\/style.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n    <script src=\"\/js\/scripts.js\"><\/script>\n<\/head>\n<body>\n    <header layout:fragment=\"header\">\n        <h1>My Site<\/h1>\n    <\/header>\n    <div layout:fragment=\"content\">\n        <p>Welcome to my site!<\/p>\n    <\/div>\n    <footer layout:fragment=\"footer\">\n        <p>&copy; My Site 2023<\/p>\n    <\/footer>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u3068\u3044\u3046\u30e1\u30a4\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u306f\u3001\u30d8\u30c3\u30c0\u30fc\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u30d5\u30c3\u30bf\u30fc\u304c\u542b\u307e\u308c\u3001\u305d\u308c\u305e\u308c\u304c\u5c5e\u6027\u3067\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u8981\u7d20\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e1\u30a4\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30bf\u30a4\u30c8\u30eb\u304c\u793a\u3055\u308c\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u306e\u30bf\u30a4\u30c8\u30eb\u304c\u501f\u65b9\u8a18\u5165\u3055\u308c\u308b\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u52d5\u7684\u30da\u30fc\u30b8\u30bf\u30a4\u30c8\u30eb\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002default.html<\/code>layout:fragment<\/code><head><\/code>layout:title-pattern<\/code>$LAYOUT_TITLE<\/code>$CONTENT_TITLE<\/code><\/p>\n\n\n\n
                                                                                    \n
                                                                                  1. \u30b5\u30d6\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                    htmlCopy code<!DOCTYPE html>\n<html xmlns:layout=\"http:\/\/www.ultraq.net.nz\/thymeleaf\/layout\"\n      layout:decorator=\"default.html\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <div layout:fragment=\"content\">\n        <p>This is my page.<\/p>\n    <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                    \u3053\u306e\u4f8b\u3067\u306f\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30b5\u30d6\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u3001\u7d99\u627f\u5143\u306e\u30e1\u30a4\u30f3 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u8981\u7d20\u3067\u3001\u9759\u7684\u306a\u30da\u30fc\u30b8\u30bf\u30a4\u30c8\u30eb\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002 \u8981\u7d20\u3067\u306f\u3001\u30e1\u30a4\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5c5e\u6027\u3067\u4e0a\u66f8\u304d\u3057\u3066\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002mypage.html<\/code>layout:decorator<\/code><head><\/code><body><\/code>layout:fragment<\/code>content<\/code><\/p>\n\n\n\n
                                                                                      \n
                                                                                    1. \u30da\u30fc\u30b8\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                                                      htmlCopy code<!DOCTYPE html>\n<html xmlns:layout=\"http:\/\/www.ultraq.net.nz\/thymeleaf\/layout\"\n      layout:decorator=\"default.html\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <div layout:fragment=\"content\">\n        <p>This is my page.<\/p>\n    <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                      \u3053\u306e\u4f8b\u3067\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30b7\u30a7\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u4f7f\u7528\u3057\u307e\u3059mypage.html<\/code><\/p>\n\n\n\n
                                                                                      \"\"\/<\/figure>\n\n\n\n
                                                                                      \"gun<\/figure>\n\n\n\n
                                                                                      \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                      \u30da\u30fc\u30b8\u3092\u67d3\u8272\u3057\u307e\u3059\u3002 \u30da\u30fc\u30b8\u306f\u30e1\u30a4\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7d99\u627f\u3057\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u30aa\u30fc\u30d0\u30fc\u30e9\u30a4\u30c9\u3057\u3066\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u633f\u5165\u3057\u307e\u3059\u3002default.html<\/code>layout:fragment<\/code>content<\/code><\/p>\n\n\n\n
                                                                                      \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d44\u307f\u5408\u308f\u305b\u3092\u76ee\u7684\u3068\u3057\u3066\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d99\u627f\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u69cb\u6210\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u3044\u305f\u3081\u3001\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306e\u30cb\u30fc\u30ba\u306b\u5e45\u5e83\u304f\u9069\u3057\u3066\u3044\u307e\u3059\u3002 \u540d\u524d\u7a7a\u9593\u3068\u5c5e\u6027\u306b\u52a0\u3048\u3066\u3001Thymeleaf \u306b\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u304a\u3088\u3073\u30a4\u30f3\u30af\u30eb\u30fc\u30c9\u3059\u308b\u305f\u3081\u306e\u5c5e\u6027\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7f6e\u63db\u304a\u3088\u3073\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u5c5e\u6027\u306a\u3069\u3001\u305d\u306e\u4ed6\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30bf\u30b0\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002layout<\/code>layout:decorator<\/code>layout:fragment<\/code>layout:include<\/code>layout:replace<\/code>layout:insert<\/code><\/p>\n\n\n\n
                                                                                      \"\"\/<\/figure>\n\n\n\n
                                                                                      \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u7ba1\u7406\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                      \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u7ba1\u7406\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u7ba1\u7406\u304a\u3088\u3073\u7de8\u6210\u3059\u308b\u305f\u3081\u306e\u624b\u6cd5\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u7570\u306a\u308b\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u3057\u3066\u7d50\u5408\u3057\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u69cb\u6210\u3092\u76ee\u7684\u3068\u3057\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                      \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u7ba1\u7406\u306f\u3001Thymeleaf\u306e\u7d44\u307f\u8fbc\u307f\u306e\u540d\u524d\u7a7a\u9593\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u5b9f\u88c5\u3055\u308c\u307e\u3059\u3002 \u540d\u524d\u7a7a\u9593\u306b\u306f\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u7ba1\u7406\u7528\u306e\u4e00\u9023\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e9\u30d9\u30eb ( \u306a\u3069) \u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002fragment<\/code>th:fragment<\/code>th:fragment<\/code>th:replace<\/code>th:insert<\/code><\/p>\n\n\n\n
                                                                                      \u6b21\u306b\u4f8b\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                        \n
                                                                                      1. \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                        htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Site<\/title>\n<\/head>\n<body>\n    <header th:fragment=\"header\">\n        <h1>My Site<\/h1>\n    <\/header>\n    <div th:fragment=\"content\">\n        <p>Welcome to my site!<\/p>\n    <\/div>\n    <footer th:fragment=\"footer\">\n        <p>&copy; My Site 2023<\/p>\n    <\/footer>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                        \u3053\u306e\u4f8b\u3067\u306f\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5b9a\u7fa9\u3057\u3001\u305d\u306e\u4e2d\u306b \u3001\u3001 \u3068 \u306e 3 \u3064\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002 \u5404\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306f\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u9759\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002fragments.html<\/code>header<\/code>content<\/code>footer<\/code>th:fragment<\/code><\/p>\n\n\n\n
                                                                                          \n
                                                                                        1. \u5f15\u7528\u30b9\u30cb\u30da\u30c3\u30c8:<\/li>\n<\/ol>\n\n\n\n
                                                                                          htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <div th:replace=\"fragments :: header\"><\/div>\n    <div th:replace=\"fragments :: content\"><\/div>\n    <div th:replace=\"fragments :: footer\"><\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                          \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b 3 \u3064\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8 (\u3001\u304a\u3088\u3073) \u3092\u53c2\u7167\u3057\u307e\u3059\u3002 \u5404\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306f\u6f14\u7b97\u5b50\u3092\u4f7f\u7528\u3057\u3066\u53c2\u7167\u3055\u308c\u3001\u5148\u982d\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u540d\u524d\u304c\u4ed8\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001Thymeleaf\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u898b\u3064\u3051\u3066\u3001\u305d\u306e\u4e2d\u306e\u5bfe\u5fdc\u3059\u308b\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u63a2\u3059\u3088\u3046\u306b\u6307\u793a\u3055\u308c\u307e\u3059\u3002th:replace<\/code>fragments.html<\/code>header<\/code>content<\/code>footer<\/code>::<\/code>fragments.html<\/code><\/p>\n\n\n\n
                                                                                            \n
                                                                                          1. \u30da\u30fc\u30b8\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                                                            htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <div>\n        <h1>My Site<\/h1>\n    <\/div>\n    <div>\n        <p>Welcome to my site!<\/p>\n    <\/div>\n    <div>\n        <p>&copy; My Site 2023<\/p>\n    <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                            \u3053\u306e\u4f8b\u3067\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30da\u30fc\u30b8\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u307e\u3059\u3002 \u30da\u30fc\u30b8\u306f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306e 3 \u3064\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u53c2\u7167\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u305f\u30da\u30fc\u30b8\u306b\u306f\u3001\u304a\u3088\u3073 \u306e 3 \u3064\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u5185\u5bb9\u304c\u542b\u307e\u308c\u307e\u3059\u3002myPage.html<\/code>fragments.html<\/code>header<\/code>content<\/code>footer<\/code><\/p>\n\n\n\n
                                                                                            \u5168\u4f53\u3068\u3057\u3066\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30b9\u30cb\u30da\u30c3\u30c8\u7ba1\u7406\u306f\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u3082\u306e\u3092\u63d0\u4f9b\u3057\u307e\u3059<\/p>\n\n\n\n
                                                                                            \"\"\/<\/figure>\n\n\n\n
                                                                                            \"gun<\/figure>\n\n\n\n
                                                                                            \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                            \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u7ba1\u7406\u304a\u3088\u3073\u6574\u7406\u3057\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u69cb\u6210\u306e\u76ee\u7684\u3067\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3059\u308b\u65b9\u6cd5\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u3044\u305f\u3081\u3001\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306e\u30cb\u30fc\u30ba\u306b\u5e45\u5e83\u304f\u9069\u3057\u3066\u3044\u307e\u3059\u3002 \u540d\u524d\u7a7a\u9593\u3068\u5c5e\u6027\u306b\u52a0\u3048\u3066\u3001Thymeleaf \u306b\u306f\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7f6e\u63db\u3068\u633f\u5165\u306e\u305f\u3081\u306e and \u5c5e\u6027\u3001\u5916\u90e8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u7d44\u307f\u8fbc\u307f\u3068\u633f\u5165\u306e\u305f\u3081\u306e\u5c5e\u6027\u306a\u3069\u3001\u4ed6\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u7ba1\u7406\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e9\u30d9\u30eb\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002fragment<\/code>th:fragment<\/code>th:replace<\/code>th:insert<\/code>th:include<\/code>th:insert<\/code><\/p>\n\n\n\n
                                                                                            \"\"\/<\/figure>\n\n\n\n
                                                                                            \"gun<\/figure>\n\n\n\n
                                                                                            \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u53d7\u3051\u6e21\u3057\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                            \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u53d7\u3051\u6e21\u3057\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306b\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u6e21\u3059\u305f\u3081\u306e\u624b\u6cd5\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u5185\u306e\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\u3092\u5b9a\u7fa9\u3057\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u304c\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b\u5834\u6240\u306b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6e21\u3057\u3066\u305d\u308c\u3089\u306e\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\u3092\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                            \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u53d7\u3051\u6e21\u3057\u306f\u3001Thymeleaf\u306e\u7d44\u307f\u8fbc\u307f\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u5b9f\u88c5\u3055\u308c\u307e\u3059\u3002 \u3053\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u306f\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8 \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc ( \u306a\u3069) \u3092\u6e21\u3059\u305f\u3081\u306e\u30e9\u30d9\u30eb\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u30bb\u30c3\u30c8\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002th:fragment<\/code>th:with<\/code>th:fragment<\/code>th:with<\/code>th:text<\/code><\/p>\n\n\n\n
                                                                                            \u6b21\u306b\u4f8b\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                              \n
                                                                                            1. \u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                              htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Site<\/title>\n<\/head>\n<body>\n    <div th:fragment=\"greeting(name)\">\n        <p>Hello, <span th:text=\"${name}\"><\/span>!<\/p>\n    <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                              \u3053\u306e\u4f8b\u3067\u306f\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5b9a\u7fa9\u3057\u3001\u305d\u306e\u4e2d\u306b\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u542b\u3080\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002 \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306b\u306f\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\u304c\u542b\u307e\u308c\u3001\u9759\u7684\u30c6\u30ad\u30b9\u30c8\u3068\u5f0f\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002 \u3053\u308c\u306f\u3001\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u306b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u305d\u306e\u5f0f\u306e\u7d50\u679c\u306b\u7f6e\u304d\u63db\u3048\u308b\u3088\u3046\u306b Thymeleaf \u306b\u6307\u793a\u3057\u307e\u3059\u3002fragments.html<\/code>greeting<\/code>name<\/code>${name}<\/code>name<\/code><\/p>\n\n\n\n
                                                                                                \n
                                                                                              1. \u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5f15\u7528\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                                                                htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <div th:replace=\"fragments :: greeting('John')\"><\/div>\n    <div th:replace=\"fragments :: greeting('Jane')\"><\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u5b9a\u7fa9\u3055\u308c\u305f\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6301\u3064\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u53c2\u7167\u3057\u307e\u3059\u3002 \u53c2\u7167\u3059\u308b\u3068\u304d\u306f\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u540d\u306e\u5f8c\u306b\u62ec\u5f27\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u5024\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u30012\u3064\u306e\u7570\u306a\u308b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u5024\u3068\u5408\u8a08\u3092\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306b\u6e21\u3057\u307e\u3059\u3002th:replace<\/code>fragments.html<\/code>greeting<\/code>'John'<\/code>'Jane'<\/code><\/p>\n\n\n\n
                                                                                                  \n
                                                                                                1. \u30da\u30fc\u30b8\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u306b\u306f:<\/li>\n<\/ol>\n\n\n\n
                                                                                                  htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <div>\n        <p>Hello, John!<\/p>\n    <\/div>\n    <div>\n        <p>Hello, Jane!<\/p>\n    <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30da\u30fc\u30b8\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u307e\u3059\u3002 \u30da\u30fc\u30b8\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u53c2\u7167\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u633f\u5165\u3057\u307e\u3059\u3002 \u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u305f\u30da\u30fc\u30b8\u306b\u306f\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u4ecb\u3057\u3066\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306b\u6e21\u3055\u308c\u308b 2 \u3064\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8 sum \u306e\u5185\u5bb9\u304c\u542b\u307e\u308c\u307e\u3059\u3002myPage.html<\/code>fragments.html<\/code>Hello, John!<\/code>Hello, Jane!<\/code>'John'<\/code>'Jane'<\/code><\/p>\n\n\n\n
                                                                                                  \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u53d7\u3051\u6e21\u3057\u306f\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306b\u6e21\u3059\u305f\u3081\u306e\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059<\/p>\n\n\n\n
                                                                                                  \"\"\/<\/figure>\n\n\n\n
                                                                                                  \"gun<\/figure>\n\n\n\n
                                                                                                  \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                  \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308a\u3001\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u751f\u6210\u3057\u307e\u3059\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u5e45\u5e83\u3044\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306e\u30cb\u30fc\u30ba\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002 \u3068\u5c5e\u6027\u306b\u52a0\u3048\u3066\u3001Thymeleaf\u306f\u3001\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30eb\u30fc\u30d7\u3057\u3066\u6761\u4ef6\u4ed8\u304d\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u305f\u3081\u306eand\u5c5e\u6027\u3084\u3001\u5916\u90e8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u683c\u7d0d\u304a\u3088\u3073\u633f\u5165\u3057\u3066\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6e21\u3059\u305f\u3081\u306e\u5c5e\u6027\u306a\u3069\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e9\u30d9\u30eb\u3092\u6e21\u3059\u305f\u3081\u306e\u4ed6\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002th:fragment<\/code>th:with<\/code>th:each<\/code>th:if<\/code>th:include<\/code>th:insert<\/code><\/p>\n\n\n\n
                                                                                                  \"\"\/<\/figure>\n\n\n\n
                                                                                                  \"gun<\/figure>\n\n\n\n
                                                                                                  \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u304cThymeleaf\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                  Web\u958b\u767a\u3067\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306f\u6700\u3082\u91cd\u8981\u306a\u8981\u7d20\u306e1\u3064\u3067\u3059\u3002 Thymeleaf \u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3059\u308b\u4fbf\u5229\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u51e6\u7406\u306e\u305f\u3081\u306b\u9001\u4fe1\u3057\u305f\u5f8c\u306b\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u53d6\u5f97\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                  Thymeleaf\u3067\u306f\u3001\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u306f\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30d0\u30c3\u30af\u30a8\u30f3\u30c9Java\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4ecb\u3057\u3066\u884c\u308f\u308c\u307e\u3059\u3002 \u5177\u4f53\u7684\u306b\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u30c9\u30c3\u30c8\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u968e\u5c64\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u3044\u3046\u540d\u524d\u306e Java \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u3042\u308b\u5834\u5408\u3001\u6b21\u306e\u3088\u3046\u306b\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306b\u30d0\u30a4\u30f3\u30c9\u3067\u304d\u307e\u3059\u3002name<\/code>name<\/code>user<\/code>name<\/code><\/p>\n\n\n\n
                                                                                                  htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Form<\/title>\n<\/head>\n<body>\n    <form action=\"\/save\" method=\"post\">\n        <label for=\"name\">Name:<\/label>\n        <input type=\"text\" id=\"name\" name=\"user.name\" th:value=\"${user.name}\" \/>\n        <button type=\"submit\">Save<\/button>\n    <\/form>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3068\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u542b\u3080\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002 \u5165\u529b\u30dc\u30c3\u30af\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\u30c9\u30c3\u30c8\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3092\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30d0\u30a4\u30f3\u30c9\u3059\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3055\u308c\u307e\u3059\u3002 \u5165\u529b\u30dc\u30c3\u30af\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3082\u6307\u5b9a\u3055\u308c\u308b\u305f\u3081\u3001\u30d5\u30a9\u30fc\u30e0\u304c\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u308b\u3068\u304d\u306b\u3001\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306e\u65e2\u5b9a\u5024\u304c\u30d7\u30ed\u30d1\u30c6\u30a3\u304b\u3089\u53d6\u5f97\u3055\u308c\u307e\u3059\u3002name<\/code>user.name<\/code>user<\/code>name<\/code>th:value<\/code>${user.name}<\/code>user.name<\/code><\/p>\n\n\n\n
                                                                                                  \u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3057\u305f\u5f8c\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9Java\u30b3\u30fc\u30c9\u3067\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u5ba3\u8a00\u3057\u3001\u305d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u306b\u30d0\u30a4\u30f3\u30c9\u3059\u308b\u3053\u3068\u3067\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002 \u5177\u4f53\u7684\u306b\u306f\u3001\u6b21\u306e\u3088\u3046\u306b\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3067\u304d\u307e\u3059\u3002user<\/code>@ModelAttribute<\/code>user<\/code><\/p>\n\n\n\n
                                                                                                  javaCopy code@PostMapping(\"\/save\")\npublic String saveUser(@ModelAttribute(\"user\") User user) {\n    \/\/ \u5904\u7406\u8868\u5355\u6570\u636e\n    return \"redirect:\/success\";\n}\n<\/code><\/pre>\n\n\n\n
                                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092 \u3068\u3044\u3046\u540d\u524d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3057\u307e\u3059\u3002 \u3053\u306e\u30e1\u30bd\u30c3\u30c9\u3067\u306f\u3001\u3053\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u51e6\u7406\u3067\u304d\u307e\u3059\u3002@ModelAttribute<\/code>user<\/code>User<\/code><\/p>\n\n\n\n
                                                                                                  \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u306e\u53d6\u5f97\u3068\u51e6\u7406\u306e\u305f\u3081\u306b\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9Java\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3059\u308b\u4fbf\u5229\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u3055\u307e\u3056\u307e\u306a\u30d5\u30a9\u30fc\u30e0\u51e6\u7406\u306e\u30cb\u30fc\u30ba\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                  \"\"\/<\/figure>\n\n\n\n
                                                                                                  \"gun<\/figure>\n\n\n\n
                                                                                                  \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                  \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3059\u308b\u305f\u3081\u306e\u624b\u6cd5\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u9001\u4fe1\u3059\u308b\u524d\u306b\u691c\u8a3c\u3057\u3001\u691c\u8a3c\u304c\u5931\u6557\u3057\u305f\u5834\u5408\u306f\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30da\u30fc\u30b8\u306b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8fd4\u3059\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3068\u30c7\u30fc\u30bf\u306e\u6574\u5408\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                  Thymeleaf \u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java \u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u3088\u3063\u3066\u63d0\u4f9b\u3055\u308c\u308b\u691c\u8a3c\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3068 Thymeleaf \u306e\u7d44\u307f\u8fbc\u307f\u30a2\u30f3\u30d7\u30fb\u30d7\u30ed\u30d1\u30c6\u30a3\u30fc\u3092\u4f7f\u7528\u3057\u3066\u5b9f\u73fe\u3055\u308c\u307e\u3059\u3002 \u5177\u4f53\u7684\u306b\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b , , \u306a\u3069\u306e\u691c\u8a3c\u6ce8\u91c8\u3092\u8ffd\u52a0\u3057\u3066\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u691c\u8a3c\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002 \u6b21\u306b\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30da\u30fc\u30b8\u3067\u3001\u6b21\u306e\u3088\u3046\u306b\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u304c\u30c1\u30a7\u30c3\u30af\u306b\u5408\u683c\u3057\u305f\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002th:if<\/code>th:text<\/code>@NotBlank<\/code>@NotNull<\/code>@Size<\/code>th:if<\/code>th:text<\/code><\/p>\n\n\n\n
                                                                                                  htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Form<\/title>\n<\/head>\n<body>\n    <form action=\"\/save\" method=\"post\">\n        <label for=\"name\">Name:<\/label>\n        <input type=\"text\" id=\"name\" name=\"name\" th:value=\"${user.name}\" \/>\n        <span th:if=\"${#fields.hasErrors('name')}\" th:text=\"${#fields.errors('name')}\"><\/span>\n        <button type=\"submit\">Save<\/button>\n    <\/form>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3068\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u542b\u3080\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002 \u5165\u529b\u30dc\u30c3\u30af\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u5bfe\u5fdc\u3059\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3055\u308c\u307e\u3059\u3002 \u5165\u529b\u30dc\u30c3\u30af\u30b9\u306e\u80cc\u5f8c\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u304c\u30c1\u30a7\u30c3\u30af\u306b\u5408\u683c\u3057\u305f\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u30a8\u30e9\u30fc\u60c5\u5831\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a8\u30e9\u30fc\u304c\u3042\u308b\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u30a8\u30e9\u30fc\u60c5\u5831\u3092\u8fd4\u3057\u307e\u3059\u3002name<\/code>name<\/code>name<\/code>th:if<\/code>th:text<\/code>#fields.hasErrors('name')<\/code>name<\/code>#fields.errors('name')<\/code>name<\/code><\/p>\n\n\n\n
                                                                                                  \u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java \u30b3\u30fc\u30c9\u3067\u306f\u3001\u6b21\u306e\u3088\u3046\u306b\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3068\u691c\u8a3c\u7d50\u679c\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068 and \u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u305f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3067\u304d\u307e\u3059\u3002@Valid<\/code>BindingResult<\/code>BindingResult<\/code><\/p>\n\n\n\n
                                                                                                  javaCopy code@PostMapping(\"\/save\")\npublic String saveUser(@Valid User user, BindingResult result) {\n    if (result.hasErrors()) {\n        return \"form\";\n    }\n    \/\/ \u5904\u7406\u8868\u5355\u6570\u636e\n    return \"redirect:\/success\";\n}\n<\/code><\/pre>\n\n\n\n
                                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3057\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u691c\u8a3c\u7d50\u679c\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002 \u3053\u306e\u30e1\u30bd\u30c3\u30c9\u3067\u306f\u3001\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u691c\u8a3c\u7d50\u679c\u306e\u30a8\u30e9\u30fc\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3001\u9593\u9055\u3063\u3066\u3044\u308b\u5834\u5408\u306f\u30a8\u30e9\u30fc\u30da\u30fc\u30b8\u3092\u8fd4\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002@Valid<\/code>User<\/code>BindingResult<\/code>result.hasErrors()<\/code><\/p>\n\n\n\n
                                                                                                  \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3057\u3001\u691c\u8a3c\u304c\u5931\u6557\u3057\u305f\u5834\u5408\u306b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8fd4\u3059\u305f\u3081\u306e\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u3055\u307e\u3056\u307e\u306a\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u306e\u30cb\u30fc\u30ba\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002 \u3068\u5c5e\u6027\u306b\u52a0\u3048\u3066\u3001Thymeleaf \u306f ‘th:class \u306a\u3069\u306e\u4ed6\u306e\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u5c5e\u6027\u3068\u30bf\u30b0\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002th:if<\/code>th:text<\/code><\/p>\n\n\n\n
                                                                                                  \"\"\/<\/figure>\n\n\n\n
                                                                                                  \"gun<\/figure>\n\n\n\n
                                                                                                  \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                  \u548c<\/code>th:attr’ \u5c5e\u6027\u306f\u3001\u3088\u308a\u9ad8\u5ea6\u306a\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u3068\u30b9\u30bf\u30a4\u30eb\u5236\u5fa1\u306e\u305f\u3081\u306b\u8981\u7d20\u306e\u30af\u30e9\u30b9\u3068\u5c5e\u6027\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                  \"\"\/<\/figure>\n\n\n\n
                                                                                                  \"gun<\/figure>\n\n\n\n
                                                                                                  \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30a9\u30fc\u30e0\u306e\u63d0\u51fa\u30d7\u30ed\u30bb\u30b9\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                  \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u51e6\u7406\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u3092\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u624b\u6cd5\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u9001\u4fe1\u5f8c\u306b\u30d0\u30c3\u30af\u30a8\u30f3\u30c9Java\u30b3\u30fc\u30c9\u304b\u3089\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u51e6\u7406\u3057\u3066\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                  \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u51e6\u7406\u306f\u3001\u901a\u5e38\u3001\u6ce8\u91c8\u3068\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u5b9f\u88c5\u3055\u308c\u307e\u3059\u3002 \u5177\u4f53\u7684\u306b\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e Java \u30b3\u30fc\u30c9\u3067\u3001\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u3092\u51e6\u7406\u3059\u308b\u30e1\u30bd\u30c3\u30c9\u3092\u5ba3\u8a00\u3057\u3001\u305d\u306e\u30e1\u30bd\u30c3\u30c9\u306b\u6ce8\u91c8\u3092\u8ffd\u52a0\u3057\u3066\u3001\u305d\u306e\u30e1\u30bd\u30c3\u30c9\u304c POST \u8981\u6c42\u3092\u51e6\u7406\u3059\u308b\u3088\u3046\u306b\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002 \u6b21\u306b\u3001\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6b21\u306e\u3088\u3046\u306b\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3067\u304d\u307e\u3059\u3002@PostMapping<\/code>@ModelAttribute<\/code>@PostMapping<\/code>@ModelAttribute<\/code><\/p>\n\n\n\n
                                                                                                  javaCopy code@PostMapping(\"\/save\")\npublic String saveUser(@ModelAttribute(\"user\") User user) {\n    \/\/ \u5904\u7406\u8868\u5355\u6570\u636e\n    return \"redirect:\/success\";\n}\n<\/code><\/pre>\n\n\n\n
                                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u30e1\u30bd\u30c3\u30c9\u306b\u6ce8\u91c8\u3092\u8ffd\u52a0\u3057\u3066\u3001\u30e1\u30bd\u30c3\u30c9\u304c POST \u30ea\u30af\u30a8\u30b9\u30c8\u3092\u51e6\u7406\u3059\u308b\u3053\u3068\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u6b21\u306b\u3001\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3057\u3001\u30e1\u30bd\u30c3\u30c9\u3067\u51e6\u7406\u3057\u307e\u3059\u3002 \u6700\u5f8c\u306b\u3001\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u51e6\u7406\u3092\u5b8c\u4e86\u3059\u308b\u305f\u3081\u306b\u6210\u529f\u3057\u305f\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3059\u308b\u6587\u5b57\u5217\u3092\u8fd4\u3057\u307e\u3059\u3002saveUser<\/code>@PostMapping<\/code>@ModelAttribute<\/code>User<\/code><\/p>\n\n\n\n
                                                                                                  \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30da\u30fc\u30b8\u3067\u306f\u3001\u30e9\u30d9\u30eb\u3068\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6b21\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002form<\/code>input<\/code>action<\/code>method<\/code><\/p>\n\n\n\n
                                                                                                  htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Form<\/title>\n<\/head>\n<body>\n    <form action=\"\/save\" method=\"post\">\n        <label for=\"name\">Name:<\/label>\n        <input type=\"text\" id=\"name\" name=\"name\" th:value=\"${user.name}\" \/>\n        <button type=\"submit\">Save<\/button>\n    <\/form>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092 , property \u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002 \u30d5\u30a9\u30fc\u30e0\u3067\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u6210\u3057\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30d0\u30a4\u30f3\u30c9\u3057\u307e\u3059\u3002 \u6700\u5f8c\u306b\u3001\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3057\u3001\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u5f8c\u306b\u51e6\u7406\u3059\u308b\u305f\u3081\u306b\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9Java\u30b3\u30fc\u30c9\u306b\u9001\u4fe1\u3057\u307e\u3059\u3002save<\/code>action<\/code>\/save<\/code>method<\/code>post<\/code>User<\/code>name<\/code><\/p>\n\n\n\n
                                                                                                  \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u51e6\u7406\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u30fb\u30c7\u30fc\u30bf\u3092\u51e6\u7406\u3057\u3066\u51e6\u7406\u3057\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java \u30b3\u30fc\u30c9\u306b\u4fdd\u7ba1\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305d\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u3055\u307e\u3056\u307e\u306a\u30d5\u30a9\u30fc\u30e0\u51e6\u7406\u306e\u30cb\u30fc\u30ba\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002 \u6ce8\u91c8\u306b\u52a0\u3048\u3066\u3001Thymeleaf\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u3067\u30ea\u30af\u30a8\u30b9\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u51e6\u7406\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u52d5\u7684\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u8a2d\u5b9a\u3059\u308b\u305f\u3081\u306b\u3001\u6ce8\u91c8\u3084\u5c5e\u6027\u306a\u3069\u306e\u6ce8\u91c8\u3084\u30bf\u30b0\u3092\u51e6\u7406\u3059\u308b\u4ed6\u306e\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002@PostMapping<\/code>@ModelAttribute<\/code>@RequestParam<\/code>th:action<\/code>action<\/code><\/p>\n\n\n\n
                                                                                                  \"\"\/<\/figure>\n\n\n\n
                                                                                                  \u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u3067\u306e\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u81ea\u52d5\u8a2d\u5b9a\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                  Spring Boot \u3067\u306e thymeleaf \u306e\u81ea\u52d5\u8a2d\u5b9a\u306b\u3088\u308a\u3001Spring Boot \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067 Thymeleaf \u3092\u975e\u5e38\u306b\u7c21\u5358\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u591a\u304f\u306e\u69cb\u6210\u306a\u3057\u3067Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3092\u3059\u3070\u3084\u304f\u7d71\u5408\u3057\u3066\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                  \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u81ea\u52d5\u69cb\u6210\u306b\u306f\u3001\u6b21\u306e\u5074\u9762\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                    \n
                                                                                                  1. \u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3059\u308b: Thymeleaf\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092pom .xml\u30d5\u30a1\u30a4\u30eb\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                                    xmlCopy code<dependency>\n    <groupId>org.springframework.boot<\/groupId>\n    <artifactId>spring-boot-starter-thymeleaf<\/artifactId>\n<\/dependency>\n<\/code><\/pre>\n\n\n\n
                                                                                                      \n
                                                                                                    1. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u69cb\u6210: Spring Boot \u306f\u81ea\u52d5\u7684\u306b\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u69cb\u6210\u3059\u308b\u305f\u3081\u3001\u624b\u52d5\u3067\u69cb\u6210\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u3001Thymeleaf \u306f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u691c\u7d22\u3057\u307e\u3059\u3002\/templates\/<\/code><\/li>\n\n\n\n
                                                                                                    2. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u69cb\u6210\u3059\u308b: \u958b\u767a\u4e2d\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u30b3\u30fc\u30c9\u306e\u5909\u66f4\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u53cd\u6620\u3055\u305b\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u3057\u305f\u304c\u3063\u3066\u3001\u958b\u767a\u74b0\u5883\u3067\u306f\u3001Spring Boot \u306b\u3088\u3063\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u81ea\u52d5\u7684\u306b\u7121\u52b9\u306b\u306a\u308a\u307e\u3059\u3002 \u904b\u7528\u74b0\u5883\u3067\u306f\u3001Spring Boot \u306b\u3088\u3063\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u81ea\u52d5\u7684\u306b\u6709\u52b9\u306b\u306a\u308a\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                    3. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d1\u30fc\u30b5\u30fc\u306e\u8a2d\u5b9a: Spring Boot \u306f Thymeleaf \u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d1\u30fc\u30b5\u30fc\u3092\u81ea\u52d5\u7684\u306b\u8a2d\u5b9a\u3057\u3001Thymeleaf \u306e\u6a19\u6e96\u69cb\u6587\u3068\u5c5e\u6027\u3001\u304a\u3088\u3073 Thymeleaf \u306e\u62e1\u5f35\u69cb\u6587\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                                      Thymeleaf \u306e\u81ea\u52d5\u8a2d\u5b9a\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001Thymeleaf \u306e\u6a19\u6e96\u69cb\u6587\u3068\u5c5e\u6027\u306b\u5f93\u3063\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u8a18\u8ff0\u3059\u308b\u3060\u3051\u3067\u6e08\u307f\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u3067\u69cb\u6587\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5909\u6570\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30bf\u30b0\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3057\u307e\u3059\u3002${}<\/code>th:<\/code><\/p>\n\n\n\n
                                                                                                      \u5168\u4f53\u3068\u3057\u3066\u3001Spring Boot\u3067\u306e\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u81ea\u52d5\u69cb\u6210\u306b\u3088\u308a\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u4f7f\u7528\u304c\u975e\u5e38\u306b\u7c21\u5358\u3067\u4fbf\u5229\u306b\u306a\u308a\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3092\u3059\u3070\u3084\u304f\u7d71\u5408\u3057\u3066\u4f7f\u7528\u3057\u305f\u308a\u3001\u958b\u767a\u74b0\u5883\u3068\u672c\u756a\u74b0\u5883\u3067\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ea\u30be\u30eb\u30d0\u30fc\u3092\u81ea\u52d5\u7684\u306b\u69cb\u6210\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                      \"\"\/<\/figure>\n\n\n\n
                                                                                                      \"gun<\/figure>\n\n\n\n
                                                                                                      \u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c8\u3067\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u4f7f\u7528\u3057\u305f\u30d3\u30e5\u30fc\u306e\u89e3\u6790\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                      Spring Boot \u3067 Thymeleaf \u3092\u4f7f\u7528\u3057\u305f\u30d3\u30e5\u30fc\u89e3\u6790\u306f\u3001Thymeleaf \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068 Spring MVC \u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u7d71\u5408\u3059\u308b\u30c6\u30af\u30ce\u30ed\u30b8\u3067\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3092\u4f7f\u7528\u3057\u3066\u52d5\u7684HTML\u30d3\u30e5\u30fc\u3092\u751f\u6210\u3057\u3001\u305d\u308c\u3089\u3092\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d6\u30e9\u30a6\u30b6\u306b\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                      Spring Boot \u3067\u306e Thymeleaf \u3092\u4f7f\u7528\u3057\u305f\u30d3\u30e5\u30fc\u89e3\u50cf\u5ea6\u306b\u306f\u3001\u901a\u5e38\u3001\u6b21\u306e\u624b\u9806\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                        \n
                                                                                                      1. \u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3059\u308b: Thymeleaf \u3068 Spring MVC \u306e\u4f9d\u5b58\u95a2\u4fc2\u3092 pom .xml \u30d5\u30a1\u30a4\u30eb\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                                        xmlCopy code<dependency>\n    <groupId>org.springframework.boot<\/groupId>\n    <artifactId>spring-boot-starter-thymeleaf<\/artifactId>\n<\/dependency>\n\n<dependency>\n    <groupId>org.springframework.boot<\/groupId>\n    <artifactId>spring-boot-starter-web<\/artifactId>\n<\/dependency>\n<\/code><\/pre>\n\n\n\n
                                                                                                          \n
                                                                                                        1. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u8a2d\u5b9a: \u6b21\u306e\u8a2d\u5b9a\u3092 application.properties \u30d5\u30a1\u30a4\u30eb\u307e\u305f\u306f application.yml \u30d5\u30a1\u30a4\u30eb\u306b\u8ffd\u52a0\u3057\u3066\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d3\u30e5\u30fc\u30d1\u30fc\u30b5\u30fc\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                                          propertiesCopy codespring.thymeleaf.enabled=true\nspring.thymeleaf.prefix=classpath:\/templates\/\nspring.thymeleaf.suffix=.html\n<\/code><\/pre>\n\n\n\n
                                                                                                          \u3053\u3053\u3067\u306e\u69cb\u6210\u3067\u306f\u3001\u63a5\u982d\u90e8\u3001\u63a5\u5c3e\u90e8\u3001\u304a\u3088\u3073 Thymeleaf \u30d3\u30e5\u30fc\u30fb\u30d1\u30fc\u30b5\u30fc\u3078\u306e\u30d1\u30b9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\/templates\/<\/code><\/p>\n\n\n\n
                                                                                                            \n
                                                                                                          1. \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306e\u4f5c\u6210: Spring MVC\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3092\u4f5c\u6210\u3057\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u51e6\u7406\u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                                            javaCopy code@Controller\npublic class MyController {\n\n    @GetMapping(\"\/hello\")\n    public String hello(Model model) {\n        model.addAttribute(\"message\", \"Hello, Thymeleaf!\");\n        return \"hello\";\n    }\n\n}\n<\/code><\/pre>\n\n\n\n
                                                                                                            \u3053\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306b\u306f\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30e2\u30c7\u30eb\u306b\u8ffd\u52a0\u3057\u3001\u305d\u306e\u5024\u3092 \u306b\u8a2d\u5b9a\u3059\u308b\u8981\u6c42\u51e6\u7406\u30e1\u30bd\u30c3\u30c9\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002 \u6700\u5f8c\u306b\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30d3\u30e5\u30fc\u540d\u3092\u8fd4\u3057\u307e\u3059\u3002hello<\/code>message<\/code>\"Hello, Thymeleaf!\"<\/code>hello<\/code><\/p>\n\n\n\n
                                                                                                              \n
                                                                                                            1. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b: \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u6b21\u306e\u3088\u3046\u306a\u540d\u524d\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\/templates\/<\/code>hello.html<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                              htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <h1 th:text=\"${message}\">Message<\/h1>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                              \u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306b\u306f\u3001Thymeleaf\u306e\u69cb\u6587\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u5c5e\u6027\u306e\u5024\u3092\u8868\u793a\u3059\u308b\u30bf\u30b0\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002h1<\/code>${}<\/code>th:text<\/code>message<\/code><\/p>\n\n\n\n
                                                                                                                \n
                                                                                                              1. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u59cb: \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u8d77\u52d5\u3057\u3001\u30d1\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u8981\u6c42\u51e6\u7406\u30e1\u30bd\u30c3\u30c9\u3092\u30c8\u30ea\u30ac\u30fc\u3057\u307e\u3059\u3002\/hello<\/code><\/li>\n\n\n\n
                                                                                                              2. \u30ec\u30f3\u30c0\u30fc \u30d3\u30e5\u30fc: \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306e\u8981\u6c42\u51e6\u7406\u30e1\u30bd\u30c3\u30c9\u304c \u3068\u3044\u3046\u540d\u524d\u306e\u30d3\u30e5\u30fc\u540d\u3092\u8fd4\u3057\u307e\u3057\u305f\u3002 Spring Boot \u306f\u3001\u81ea\u52d5\u7684\u306b Thymeleaf \u30d3\u30e5\u30fc\u30d1\u30fc\u30b5\u30fc\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a1\u30a4\u30eb\u3092\u691c\u7d22\u3057\u3001\u30e2\u30c7\u30eb\u5185\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u305f\u3081\u306b\u305d\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306b\u6e21\u3057\u307e\u3059\u3002 \u6700\u5f8c\u306b\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30fb\u30d3\u30e5\u30fc\u30fb\u30d1\u30fc\u30b5\u30fc\u306f\u3001\u7d50\u679c\u306e HTML \u30d3\u30e5\u30fc\u3092\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30fb\u30d6\u30e9\u30a6\u30b6\u30fc\u306b\u9001\u4fe1\u3057\u3066\u8868\u793a\u3057\u307e\u3059\u3002hello<\/code>\/templates\/hello.html<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                \u5168\u4f53\u7684\u306b\u3001\u30b9\u30d7\u30ea\u30f3\u30b0\u30d6\u30fc\u30c4<\/p>\n\n\n\n
                                                                                                                \"\"\/<\/figure>\n\n\n\n
                                                                                                                \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u30d3\u30e5\u30fc\u89e3\u6790\u306f\u3001\u52d5\u7684HTML\u30d3\u30e5\u30fc\u3092\u3059\u3070\u3084\u304f\u751f\u6210\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d6\u30e9\u30a6\u30b6\u306b\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u624b\u6cd5\u3067\u3059\u3002 Thymeleaf\u306e\u30d3\u30e5\u30fc\u89e3\u6790\u3092\u4f7f\u7528\u3059\u308b\u3068\u304d\u306f\u3001\u6b21\u306e\u5074\u9762\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                  \n
                                                                                                                1. Thymeleaf \u30d3\u30e5\u30fc\u30fb\u30d1\u30fc\u30b5\u30fc\u306e\u63a5\u982d\u90e8\u3001\u63a5\u5c3e\u90e8\u3001\u304a\u3088\u3073\u30d1\u30b9\u3092\u69cb\u6210\u3057\u307e\u3059\u3002 \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\/templates\/<\/code><\/li>\n\n\n\n
                                                                                                                2. \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306e or \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e2\u30c7\u30eb \u30c7\u30fc\u30bf\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u306b\u6e21\u3057\u307e\u3059\u3002 Thymeleaf \u30d3\u30e5\u30fc\u30fb\u30d1\u30fc\u30b5\u30fc\u306f\u3001\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u305f\u3081\u306b\u30e2\u30c7\u30eb\u5185\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u30fc\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30fb\u30d5\u30a1\u30a4\u30eb\u306b\u81ea\u52d5\u7684\u306b\u6e21\u3057\u307e\u3059\u3002Model<\/code>ModelAndView<\/code><\/li>\n\n\n\n
                                                                                                                3. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3067 Thymeleaf \u306e\u69cb\u6587\u3068\u30d7\u30ed\u30d1\u30c6\u30a3 (\u69cb\u6587\u3084\u30d7\u30ed\u30d1\u30c6\u30a3\u306a\u3069) \u3092\u4f7f\u7528\u3057\u3066\u3001\u30e2\u30c7\u30eb\u5185\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3057\u307e\u3059\u3002${}<\/code>th:<\/code><\/li>\n\n\n\n
                                                                                                                4. \u30d7\u30ed\u30d1\u30c6\u30a3\u3084\u5c5e\u6027\u306a\u3069\u306e Thymeleaf \u306e\u69cb\u6587\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\u30eb\u30fc\u30d7\u30c8\u30e9\u30d0\u30fc\u30b5\u30eb\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3084\u3001\u3088\u308a\u8907\u96d1\u306a\u30d3\u30e5\u30fc\u30ed\u30b8\u30c3\u30af\u306e\u6761\u4ef6\u4ed8\u304d\u5224\u65ad\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002th:each<\/code>th:if<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                  \u5168\u4f53\u3068\u3057\u3066\u3001Spring Boot\u3067Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u30d3\u30e5\u30fc\u89e3\u6790\u306f\u3001\u52d5\u7684HTML\u30d3\u30e5\u30fc\u3092\u3059\u3070\u3084\u304f\u751f\u6210\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d6\u30e9\u30a6\u30b6\u306b\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u624b\u6cd5\u3067\u3059\u3002 \u540c\u6642\u306b\u3001Thymeleaf\u306e\u69cb\u6587\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u3044\u305f\u3081\u3001\u958b\u767a\u52b9\u7387\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                  \"\"\/<\/figure>\n\n\n\n
                                                                                                                  \"gun<\/figure>\n\n\n\n
                                                                                                                  Thymeleaf\u3092\u4f7f\u7528\u3057\u3066\u4f8b\u5916\u3092\u51e6\u7406\u3059\u308b\u65b9\u6cd5\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                  Spring Boot \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001Thymeleaf \u3092\u4f7f\u7528\u3057\u3066\u4f8b\u5916\u3092\u51e6\u7406\u3057\u3001\u308f\u304b\u308a\u3084\u3059\u3044\u30a8\u30e9\u30fc\u30da\u30fc\u30b8\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 Thymeleaf \u306b\u306f Thymeleaf \u3068\u3044\u3046\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u7528\u610f\u3055\u308c\u3066\u304a\u308a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u5185\u306e\u4f8b\u5916\u60c5\u5831\u3092\u53cd\u5fa9\u51e6\u7406\u3067\u304d\u307e\u3059\u3002th:each<\/code><\/p>\n\n\n\n
                                                                                                                  \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3092\u4f7f\u7528\u3057\u3066\u4f8b\u5916\u3092\u51e6\u7406\u3059\u308b\u624b\u9806\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                                    \n
                                                                                                                  1. \u4f8b\u5916\u60c5\u5831\u3092\u8868\u793a\u3059\u308b \u3068\u3044\u3046\u540d\u524d\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u3067\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u4f8b\u5916\u60c5\u5831\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1aerror.html<\/code>th:each<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                    htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>Error<\/title>\n<\/head>\n<body>\n    <h1>Error<\/h1>\n    <div th:each=\"error : ${#fields.errors()}\">\n        <div th:text=\"${error}\"><\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                    \u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3067\u306f\u3001Thymeleaf\u306e\u69cb\u6587\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u4f8b\u5916\u60c5\u5831\u3092\u8868\u793a\u3057\u307e\u3057\u305f\u3002 \u540c\u6642\u306b\u3001\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u5185\u306e\u3059\u3079\u3066\u306e\u4f8b\u5916\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u3053\u306e\u4f8b\u5916\u60c5\u5831\u3092\u53cd\u5fa9\u7684\u306b\u51e6\u7406\u3057\u307e\u3059\u3002${}<\/code>th:text<\/code>${#fields.errors()}<\/code>th:each<\/code><\/p>\n\n\n\n
                                                                                                                      \n
                                                                                                                    1. \u4f8b\u5916\u3092\u51e6\u7406\u3059\u308b\u30af\u30e9\u30b9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u3053\u306e\u30af\u30e9\u30b9\u3067\u306f\u3001\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6307\u5b9a\u3055\u308c\u305f\u578b\u306e\u4f8b\u5916\u3092\u51e6\u7406\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u8fd4\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1aControllerAdvice<\/code>@ExceptionHandler<\/code>error.html<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                      javaCopy code@ControllerAdvice\npublic class GlobalExceptionHandler {\n\n    @ExceptionHandler(Exception.class)\n    public String handleException(Exception e, Model model) {\n        model.addAttribute(\"error\", e.getMessage());\n        return \"error\";\n    }\n\n}\n<\/code><\/pre>\n\n\n\n
                                                                                                                      \u3053\u306e\u30af\u30e9\u30b9\u3067\u306f\u3001\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u578b\u306e\u4f8b\u5916\u3092\u51e6\u7406\u3057\u307e\u3057\u305f\u3002 \u4f8b\u5916\u51e6\u7406\u30e1\u30bd\u30c3\u30c9\u3067\u306f\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30e2\u30c7\u30eb\u306b\u8ffd\u52a0\u3057\u3001\u305d\u306e\u5024\u3092 Exception Message \u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002 \u6700\u5f8c\u306b\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u540d\u524d\u3092\u8fd4\u3057\u307e\u3057\u305f\u3002@ExceptionHandler<\/code>Exception<\/code>error<\/code>error.html<\/code><\/p>\n\n\n\n
                                                                                                                        \n
                                                                                                                      1. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3067 Thymeleaf \u306e\u69cb\u6587\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u4f8b\u5916\u60c5\u5831\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u306b \u3068\u3044\u3046\u540d\u524d\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u8ffd\u52a0\u3057\u3066\u3001\u4f8b\u5916\u60c5\u5831\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1aform.html<\/code>error<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                        htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>Form<\/title>\n<\/head>\n<body>\n    <h1>Form<\/h1>\n    <form action=\"\/submit\" method=\"post\">\n        <input type=\"text\" name=\"name\" placeholder=\"Name\" required>\n        <input type=\"email\" name=\"email\" placeholder=\"Email\" required>\n        <button type=\"submit\">Submit<\/button>\n    <\/form>\n    <div th:text=\"${error}\"><\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                        \u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3067\u306f\u3001Thymeleaf\u306e\u69cb\u6587\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u4f8b\u5916\u60c5\u5831\u3092\u8868\u793a\u3057\u307e\u3057\u305f\u3002 \u4f8b\u5916\u60c5\u5831\u304c\u3042\u308b\u5834\u5408\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u4f8b\u5916\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3057\u3001\u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u306f\u4f55\u3082\u8868\u793a\u3055\u308c\u307e\u305b\u3093\u3002${}<\/code>th:text<\/code><\/p>\n\n\n\n
                                                                                                                          \n
                                                                                                                        1. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u8d77\u52d5\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u306b\u4e0d\u6b63\u306a\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3057\u3066\u4f8b\u5916\u3092\u30c8\u30ea\u30ac\u30fc\u3057\u307e\u3059\u3002 \u4f8b\u5916\u51e6\u7406\u30e1\u30bd\u30c3\u30c9\u304c\u547c\u3073\u51fa\u3055\u308c\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u304c\u8fd4\u3055\u308c\u307e\u3059\u3002 Thymeleaf \u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u5185\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u57fa\u3065\u3044\u3066\u4f8b\u5916\u60c5\u5831\u3092\u53cd\u5fa9\u7684\u306b\u51e6\u7406\u3057\u3001\u30da\u30fc\u30b8\u306b\u8868\u793a\u3057\u307e\u3059\u3002error.html<\/code>th:each<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                          \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u306b\u3088\u308b\u4f8b\u5916\u306e\u51e6\u7406\u306f\u975e\u5e38\u306b\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u624b\u6cd5\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                          \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                          \u6280\u8853\u3002 Thymeleaf\u306f\u3001\u4f8b\u5916\u60c5\u5831\u3092\u7c21\u5358\u306b\u51e6\u7406\u3057\u3001\u30da\u30fc\u30b8\u306b\u308f\u304b\u308a\u3084\u3059\u3044\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u8c4a\u5bcc\u306a\u69cb\u6587\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u540c\u6642\u306b\u3001Thymeleaf\u3092\u4f7f\u7528\u3057\u3066\u4f8b\u5916\u3092\u51e6\u7406\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4fe1\u983c\u6027\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                          Thymeleaf\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u65b9\u6cd5\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                          Thymeleaf\u306f\u9ad8\u5ea6\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3067\u3042\u308a\u3001\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u3088\u308a\u591a\u304f\u306e\u6a5f\u80fd\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002 Thymeleaf\u3067\u306f\u3001\u6b21\u306e2\u3064\u306e\u65b9\u6cd5\u3067\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                            \n
                                                                                                                          1. \u30ab\u30b9\u30bf\u30e0\u540d\u524d\u7a7a\u9593<\/li>\n<\/ol>\n\n\n\n
                                                                                                                            \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u540d\u524d\u7a7a\u9593\u306f\u5c5e\u6027\u306b\u3088\u3063\u3066\u5b9a\u7fa9\u3055\u308c\u307e\u3059\u3002 \u3053\u3053\u3067\u3001 \u306f\u540d\u524d\u7a7a\u9593\u306e\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3001 \u306f\u540d\u524d\u7a7a\u9593\u306e URI \u3067\u3059\u3002 \u30ab\u30b9\u30bf\u30e0\u540d\u524d\u7a7a\u9593\u3092\u4f7f\u7528\u3057\u3066\u3001\u72ec\u81ea\u306e\u5c5e\u6027\u3068\u30bf\u30b0\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001Thymeleaf\u306e\u6a5f\u80fd\u3092\u62e1\u5f35\u3067\u304d\u307e\u3059\u3002xmlns:prefix=\"uri\"<\/code>prefix<\/code>uri<\/code><\/p>\n\n\n\n
                                                                                                                            \u305f\u3068\u3048\u3070\u3001\u3068\u3044\u3046\u540d\u524d\u306e\u540d\u524d\u7a7a\u9593\u3092\u5b9a\u7fa9\u3057\u3001\u305d\u308c\u3092 URI \u306b\u30dd\u30a4\u30f3\u30c8\u3067\u304d\u307e\u3059\u3002 \u305d\u306e\u5f8c\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e9\u30d9\u30eb\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002my<\/code>my:<\/code><\/p>\n\n\n\n
                                                                                                                            htmlCopy code<!DOCTYPE html>\n<html xmlns:my=\"http:\/\/www.example.com\/thymeleaf\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <h1 my:text=\"Hello, Thymeleaf!\">Message<\/h1>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                            \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u4f7f\u7528\u3057\u3066\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001 \u306b\u8a2d\u5b9a\u3057\u307e\u3057\u305f\u3002my:<\/code>my:text<\/code>\"Hello, Thymeleaf!\"<\/code><\/p>\n\n\n\n
                                                                                                                              \n
                                                                                                                            1. \u30ab\u30b9\u30bf\u30e0\u65b9\u8a00<\/li>\n<\/ol>\n\n\n\n
                                                                                                                              \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u65b9\u8a00\u306f\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u5b9a\u7fa9\u3055\u308c\u307e\u3059\u3002 \u65b9\u8a00\u306f\u3001\u30ab\u30b9\u30bf\u30e0\u30e9\u30d9\u30eb\u3001\u5c5e\u6027\u3001\u5f0f\u306a\u3069\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001Thymeleaf\u306e\u6a5f\u80fd\u3092\u62e1\u5f35\u3067\u304d\u307e\u3059\u3002 \u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3068\u304d\u306f\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u3059\u3079\u3066\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u5b9f\u88c5\u3057\u3001\u305d\u308c\u3089\u3092Thymeleaf\u30a8\u30f3\u30b8\u30f3\u306b\u767b\u9332\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002org.thymeleaf.dialect.IDialect<\/code>IDialect<\/code><\/p>\n\n\n\n
                                                                                                                              \u305f\u3068\u3048\u3070\u3001\u3068\u547c\u3070\u308c\u308b\u65b9\u8a00\u3092\u5b9a\u7fa9\u3057\u3001\u305d\u308c\u3092\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30a8\u30f3\u30b8\u30f3\u306b\u767b\u9332\u3067\u304d\u307e\u3059\u3002 \u305d\u306e\u5f8c\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e9\u30d9\u30eb\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002my<\/code>my:<\/code><\/p>\n\n\n\n
                                                                                                                              htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\" xmlns:my=\"http:\/\/www.example.com\/thymeleaf\">\n<head>\n    <title>My Page<\/title>\n<\/head>\n<body>\n    <h1 my:text=\"Hello, Thymeleaf!\">Message<\/h1>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                              \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u4f7f\u7528\u3057\u3066\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001 \u306b\u8a2d\u5b9a\u3057\u307e\u3057\u305f\u3002 \u307e\u305f\u3001Thymeleaf \u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u4f7f\u7528\u3057\u3066\u6a19\u6e96\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002my:<\/code>my:text<\/code>\"Hello, Thymeleaf!\"<\/code>th:<\/code>th:text<\/code><\/p>\n\n\n\n
                                                                                                                              \u4e00\u822c\u306b\u3001Thymeleaf\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306f\u975e\u5e38\u306b\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u624b\u6cd5\u3067\u3042\u308a\u3001Thymeleaf\u306e\u6a5f\u80fd\u3092\u62e1\u5f35\u3057\u3001\u3088\u308a\u8c4a\u5bcc\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ed\u30b8\u30c3\u30af\u3092\u5b9f\u88c5\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 \u540c\u6642\u306b\u3001Thymeleaf\u306f\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u305f\u3081\u306e\u3055\u307e\u3056\u307e\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u30cb\u30fc\u30ba\u306b\u5fdc\u3058\u3066\u30ab\u30b9\u30bf\u30e0\u95a2\u6570\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u9069\u5207\u306a\u65b9\u6cd5\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                              \"\"\/<\/figure>\n\n\n\n
                                                                                                                              \"gun<\/figure>\n\n\n\n
                                                                                                                              \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3067\u306eJavaScript\u30a4\u30f3\u30e9\u30a4\u30f3\u5c55\u958b\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                              Web\u958b\u767a\u306b\u304a\u3044\u3066\u3001JavaScript\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u52d5\u7684\u52b9\u679c\u3084\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306a\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u308b\u975e\u5e38\u306b\u91cd\u8981\u306a\u8a00\u8a9e\u3067\u3059\u3002 Thymeleaf\u3067\u306f\u3001JavaScript\u30a4\u30f3\u30e9\u30a4\u30f3\u5c55\u958b\u3092\u4f7f\u7528\u3057\u3066JavaScript\u30b3\u30fc\u30c9\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306b\u76f4\u63a5\u8a18\u8ff0\u3067\u304d\u308b\u305f\u3081\u3001\u3088\u308a\u67d4\u8edf\u3067\u8a73\u7d30\u306a\u30da\u30fc\u30b8\u52b9\u679c\u304c\u5f97\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                              \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e JavaScript \u30a4\u30f3\u30e9\u30a4\u30f3\u5c55\u958b\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u5185\u306e\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066 JavaScript \u30b3\u30fc\u30c9\u306e\u30bf\u30a4\u30d7\u3092\u6307\u5b9a\u3057\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066 JavaScript \u30b3\u30fc\u30c9\u3092\u51fa\u529b\u3067\u304d\u307e\u3059\u3002th:inline<\/code>th:utext<\/code><\/p>\n\n\n\n
                                                                                                                              \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306eJavaScript\u30a4\u30f3\u30e9\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b\u624b\u9806\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                \n
                                                                                                                              1. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u3067\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066 JavaScript \u30b3\u30fc\u30c9\u306e\u7a2e\u985e\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1ath:inline<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                                htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>JavaScript Inline<\/title>\n    <script type=\"text\/javascript\" th:inline=\"javascript\">\n        \/\/ JavaScript code here\n    <\/script>\n<\/head>\n<body>\n    <!-- HTML code here -->\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066 JavaScript \u30b3\u30fc\u30c9\u306e\u30bf\u30a4\u30d7\u3092\u6307\u5b9a\u3057\u307e\u3057\u305f\u3002 \u540c\u6642\u306b\u3001\u30bf\u30b0\u306bJavaScript\u30b3\u30fc\u30c9\u3092\u66f8\u304d\u307e\u3057\u305f\u3002th:inline<\/code>javascript<\/code><script><\/code><\/p>\n\n\n\n
                                                                                                                                  \n
                                                                                                                                1. JavaScript \u30b3\u30fc\u30c9\u3067\u306f\u3001\u69cb\u6587\u3068 Thymeleaf \u306e\u5f0f\u8a00\u8a9e\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e2\u30c7\u30eb\u5185\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1a${}<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                                  htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>JavaScript Inline<\/title>\n    <script type=\"text\/javascript\" th:inline=\"javascript\">\n        \/\/ JavaScript code here\n        var name = \/*[[${name}]]*\/ '';\n        alert(\"Hello, \" + name + \"!\");\n    <\/script>\n<\/head>\n<body>\n    <!-- HTML code here -->\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                  \u3053\u306e\u4f8b\u3067\u306f\u3001JavaScript \u30b3\u30fc\u30c9\u3067\u69cb\u6587\u3068 Thymeleaf \u306e\u5f0f\u8a00\u8a9e\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e2\u30c7\u30eb\u5185\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3057\u305f\u3002 \u6b21\u306b\u3001\u3053\u306e\u95a2\u6570\u3092\u4f7f\u7528\u3057\u3066\u3001\u30a6\u30a7\u30eb\u30ab\u30e0 \u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3059\u308b\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7 \u30dc\u30c3\u30af\u30b9\u3092\u8868\u793a\u3057\u307e\u3059\u3002${}<\/code>name<\/code>alert()<\/code><\/p>\n\n\n\n
                                                                                                                                    \n
                                                                                                                                  1. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066 JavaScript \u30b3\u30fc\u30c9\u3092\u51fa\u529b\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1ath:utext<\/code><\/li>\n<\/ol>\n\n\n\n
                                                                                                                                    htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n    <title>JavaScript Inline<\/title>\n    <script type=\"text\/javascript\" th:inline=\"javascript\">\n        \/\/ JavaScript code here\n        var name = \/*[[${name}]]*\/ '';\n        th:utext(\"'Hello, ' + name + '!'\");\n    <\/script>\n<\/head>\n<body>\n    <!-- HTML code here -->\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                    \u3053\u306e\u4f8b\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066 JavaScript \u30b3\u30fc\u30c9\u3092\u51fa\u529b\u3057\u307e\u3057\u305f\u3002 \u3053\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u306f\u3001JavaScript \u6587\u5b57\u5217\u30ea\u30c6\u30e9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30a6\u30a7\u30eb\u30ab\u30e0 \u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u51fa\u529b\u3057\u307e\u3059\u3002 Thymeleaf\u306e\u5c5e\u6027\u5f15\u7528\u7b26\u3068\u306e\u7af6\u5408\u3092\u907f\u3051\u308b\u305f\u3081\u306b\u3001\u6587\u5b57\u5217\u30ea\u30c6\u30e9\u30eb\u3092\u53c2\u7167\u3059\u308b\u305f\u3081\u306b\u4e00\u91cd\u5f15\u7528\u7b26\u3068\u4e8c\u91cd\u5f15\u7528\u7b26\u3092\u4f7f\u7528\u3057\u305f\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002th:utext<\/code><\/p>\n\n\n\n
                                                                                                                                    \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u306eJavaScript\u30a4\u30f3\u30e9\u30a4\u30f3\u5c55\u958b\u306f\u975e\u5e38\u306b\u4fbf\u5229\u3067\u67d4\u8edf\u306a\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3067\u3042\u308a\u3001JavaScript\u30b3\u30fc\u30c9\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306b\u76f4\u63a5\u8a18\u8ff0\u3057\u3066\u3001\u3088\u308a\u67d4\u8edf\u3067\u8a73\u7d30\u306a\u30da\u30fc\u30b8\u52b9\u679c\u3092\u5b9f\u73fe\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 \u4e00\u65b9\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3082<\/p>\n\n\n\n
                                                                                                                                    \"\"\/<\/figure>\n\n\n\n
                                                                                                                                    \"gun<\/figure>\n\n\n\n
                                                                                                                                    \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                    \u8c4a\u5bcc\u306a\u5f0f\u8a00\u8a9e\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u63d0\u4f9b\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u30e2\u30c7\u30eb\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3057\u3001\u3088\u308a\u8907\u96d1\u3067\u67d4\u8edf\u306a\u30da\u30fc\u30b8\u52b9\u679c\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002 Thymeleaf\u306eJavaScript\u30a4\u30f3\u30e9\u30a4\u30f3\u5c55\u958b\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u3053\u308c\u3089\u306e\u6a5f\u80fd\u3092\u5229\u7528\u3057\u3066\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u4fdd\u5b88\u3057\u3084\u3059\u3044\u30da\u30fc\u30b8\u958b\u767a\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                    Thymeleaf\u306eJavaScript\u30a4\u30f3\u30e9\u30a4\u30f3\u306f\u4fbf\u5229\u306a\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u304c\u3001JavaScript\u30b3\u30fc\u30c9\u304c\u591a\u3059\u304e\u308b\u3068\u30da\u30fc\u30b8\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3068\u4fdd\u5b88\u6027\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u3053\u3068\u306b\u6ce8\u610f\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002 \u3057\u305f\u304c\u3063\u3066\u3001\u4e71\u7528\u3084\u4e71\u7528\u3092\u907f\u3051\u308b\u305f\u3081\u306b\u3001JavaScript\u30a4\u30f3\u30e9\u30a4\u30f3\u5c55\u958b\u3092\u8ce2\u304f\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u307e\u305f\u3001JavaScript \u30b3\u30fc\u30c9\u3092\u3088\u308a\u9069\u5207\u306b\u6574\u7406\u304a\u3088\u3073\u7ba1\u7406\u3059\u308b\u305f\u3081\u306b\u3001JavaScript \u30b3\u30fc\u30c9\u3092\u5225\u306e\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u30ab\u30d7\u30bb\u30eb\u5316\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u306e\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u53c2\u7167\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3084\u6df7\u4e71\u304c\u56de\u907f\u3055\u308c\u3001\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u6027\u3068\u53ef\u8aad\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002th:src<\/code><\/p>\n\n\n\n
                                                                                                                                    \"\"\/<\/figure>\n\n\n\n
                                                                                                                                    \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                    Web\u958b\u767a\u3067\u306f\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u306f\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u3001\u30b5\u30fc\u30d0\u30fc\u306e\u8ca0\u8377\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u308b\u975e\u5e38\u306b\u91cd\u8981\u306a\u6700\u9069\u5316\u624b\u6cd5\u3067\u3059\u3002 Thymeleaf\u3067\u306f\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u30da\u30fc\u30b8\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u52d5\u4f5c\u3092\u5236\u5fa1\u3057\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u67d4\u8edf\u306a\u30da\u30fc\u30b8\u958b\u767a\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                    Thymeleaf\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1\u306b\u306f\u3001\u4e3b\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u3068\u30da\u30fc\u30b8\u30ad\u30e3\u30c3\u30b7\u30e5\u306e2\u3064\u306e\u5074\u9762\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                      \n
                                                                                                                                    1. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30ad\u30e3\u30c3\u30b7\u30e5<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                      \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30fb\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0\u3068\u306f\u3001\u89e3\u6790\u3055\u308c\u305f Thymeleaf \u30a8\u30f3\u30b8\u30f3\u30fb\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0\u30fb\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30fb\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u3057\u307e\u3059\u3002 Thymeleaf\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u6709\u52b9\u306b\u306a\u3063\u3066\u304a\u308a\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u3001\u30b5\u30fc\u30d0\u30fc\u306e\u8ca0\u8377\u3092\u8efd\u6e1b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                      \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30aa\u30d5\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u69cb\u6210\u30d5\u30a1\u30a4\u30eb\u3067\u30d7\u30ed\u30d1\u30c6\u30a3\u3092 \u306b\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1aspring.thymeleaf.cache<\/code>false<\/code><\/p>\n\n\n\n
                                                                                                                                      arduinoCopy codespring.thymeleaf.cache=false\n<\/code><\/pre>\n\n\n\n
                                                                                                                                      \u3053\u306e\u3088\u3046\u306b\u3057\u3066\u3001\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3073\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u304c\u518d\u89e3\u6790\u3055\u308c\u3001\u6700\u65b0\u306e\u30b3\u30fc\u30c9\u3068\u30c7\u30fc\u30bf\u304c\u8aad\u307f\u8fbc\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                        \n
                                                                                                                                      1. \u30da\u30fc\u30b8\u30ad\u30e3\u30c3\u30b7\u30e5<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                        \u30da\u30fc\u30b8\u30ad\u30e3\u30c3\u30b7\u30e5\u3068\u306f\u3001\u3059\u3067\u306b\u30a2\u30af\u30bb\u30b9\u3055\u308c\u305f\u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5\u30da\u30fc\u30b8\u3068\u30ea\u30bd\u30fc\u30b9\u3092\u6307\u3057\u307e\u3059\u3002 Thymeleaf\u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u30da\u30fc\u30b8\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u52d5\u4f5c\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u5c5e\u6027\u3092\u30a2\u30f3\u30d1\u30b5\u30f3\u30c9 \u30bf\u30b0\u3067\u4f7f\u7528\u3057\u3066\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u3092\u30ad\u30e3\u30c3\u30b7\u30e5\u3067\u304d\u308b\u304b\u3069\u3046\u304b\u3092\u793a\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002th:cacheable<\/code><html><\/code><body><\/code><\/p>\n\n\n\n
                                                                                                                                        \u3053\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u5f8c\u7d9a\u306e\u30a2\u30af\u30bb\u30b9\u3067\u30da\u30fc\u30b8\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u8b58\u5225\u3055\u308c\u308b\u3088\u3046\u306b\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u540d\u3092\u6307\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1ath:cacheable<\/code><\/p>\n\n\n\n
                                                                                                                                        htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\"\n      th:cacheable=\"true\"\n      th:fragment=\"content\">\n<head>\n    <title>Page Title<\/title>\n<\/head>\n<body>\n    <!-- Page content here -->\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                        \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u3092\u30ad\u30e3\u30c3\u30b7\u30e5\u3067\u304d\u308b\u3053\u3068\u3092\u30de\u30fc\u30af\u3057\u307e\u3057\u305f\u3002 \u307e\u305f\u3001\u4ed6\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u30da\u30fc\u30b8\u3092\u53c2\u7167\u3059\u308b\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3082\u5b9a\u7fa9\u3057\u307e\u3059\u3002th:cacheable<\/code>th:fragment<\/code><\/p>\n\n\n\n
                                                                                                                                        \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u3001\u3059\u3067\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\u3055\u308c\u3066\u3044\u308b\u30da\u30fc\u30b8\u3092\u524a\u9664\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1ath:cacheable<\/code>th:remove<\/code><\/p>\n\n\n\n
                                                                                                                                        htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\"\n      th:remove=\"all\">\n<head>\n    <title>Page Title<\/title>\n<\/head>\n<body>\n    <!-- Page content here -->\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                        \u3053\u306e\u4f8b\u3067\u306f\u3001\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3055\u308c\u3066\u3044\u308b\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u3092\u524a\u9664\u3057\u307e\u3057\u305f\u3002 \u3053\u306e\u3088\u3046\u306b\u3057\u3066\u3001\u6b21\u56de\u306e\u30a2\u30af\u30bb\u30b9\u6642\u306b\u3001\u30d6\u30e9\u30a6\u30b6\u306f\u30da\u30fc\u30b8\u3068\u30ea\u30bd\u30fc\u30b9\u3092\u30ea\u30ed\u30fc\u30c9\u3057\u3066\u3001\u6700\u65b0\u306e\u30b3\u30fc\u30c9\u3068\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002th:remove<\/code><\/p>\n\n\n\n
                                                                                                                                        \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1\u306f\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u3001\u30b5\u30fc\u30d0\u30fc\u306e\u8ca0\u8377\u3092\u8efd\u6e1b\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u91cd\u8981\u306a\u624b\u6cd5\u3067\u3059\u3002 \u5b9f\u969b\u306e\u958b\u767a\u3067\u306f\u3001\u30cb\u30fc\u30ba\u3084\u5b9f\u60c5\u306b\u5fdc\u3058\u3066\u7d44\u307f\u5408\u308f\u305b\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059<\/p>\n\n\n\n
                                                                                                                                        \"\"\/<\/figure>\n\n\n\n
                                                                                                                                        \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                        \u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306f\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u30da\u30fc\u30b8\u958b\u767a\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                        \u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1\u306f\u30da\u30fc\u30b8\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3068\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304c\u3001\u3044\u304f\u3064\u304b\u306e\u554f\u984c\u3068\u30ea\u30b9\u30af\u3092\u5f15\u304d\u8d77\u3053\u3059\u53ef\u80fd\u6027\u304c\u3042\u308b\u3053\u3068\u306b\u6ce8\u610f\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30da\u30fc\u30b8\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u671f\u9593\u304c\u9577\u3059\u304e\u308b\u3068\u3001\u30d6\u30e9\u30a6\u30b6\u30fc\u304c\u6700\u65b0\u306e\u30b3\u30fc\u30c9\u3068\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3067\u304d\u305a\u3001\u30a8\u30e9\u30fc\u3084\u4e0d\u6574\u5408\u304c\u767a\u751f\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002 \u3055\u3089\u306b\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1\u304c\u6b63\u3057\u304f\u9069\u7528\u3055\u308c\u3066\u3044\u306a\u3044\u3068\u3001\u4e0d\u9069\u5207\u306a\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u3084\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u554f\u984c\u304c\u767a\u751f\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002 \u3057\u305f\u304c\u3063\u3066\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1\u6280\u8853\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u30ea\u30b9\u30af\u3068\u30e1\u30ea\u30c3\u30c8\u3092\u614e\u91cd\u306b\u5206\u6790\u304a\u3088\u3073\u8a55\u4fa1\u3057\u3001\u30da\u30fc\u30b8\u306e\u6b63\u5e38\u306a\u904b\u7528\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306e\u9069\u5207\u306a\u5bfe\u7b56\u3068\u6226\u7565\u3092\u8b1b\u3058\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                        \"\"\/<\/figure>\n\n\n\n
                                                                                                                                        \"gun<\/figure>\n\n\n\n
                                                                                                                                        \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u3092\u5b9f\u884c\u3059\u308b\u65b9\u6cd5\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                        Web\u958b\u767a\u3067\u306f\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u6700\u9069\u5316\u306f\u975e\u5e38\u306b\u91cd\u8981\u306a\u4ed5\u4e8b\u3067\u3042\u308a\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 Thymeleaf\u3067\u306f\u3001\u3044\u304f\u3064\u304b\u306e\u6700\u9069\u5316\u624b\u6cd5\u3068\u6226\u7565\u3092\u63a1\u7528\u3057\u3066\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u89e3\u6790\u3068\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u52b9\u7387\u3068\u52b9\u679c\u3092\u5411\u4e0a\u3055\u305b\u3001\u3088\u308a\u52b9\u7387\u7684\u306a\u30da\u30fc\u30b8\u958b\u767a\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                        Thymeleaf\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u6700\u9069\u5316\u3059\u308b\u305f\u3081\u306e\u3044\u304f\u3064\u304b\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3068\u6226\u7565\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                          \n
                                                                                                                                        1. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b5\u30a4\u30ba\u3092\u5c0f\u3055\u304f\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                          \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b5\u30a4\u30ba\u306f\u3001\u89e3\u6790\u3068\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u52b9\u7387\u306b\u5927\u304d\u306a\u5f71\u97ff\u3092\u4e0e\u3048\u307e\u3059\u3002 \u3057\u305f\u304c\u3063\u3066\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3068\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b5\u30a4\u30ba\u3092\u6700\u5c0f\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u6b21\u306e\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b5\u30a4\u30ba\u3092\u5c0f\u3055\u304f\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                            \n
                                                                                                                                          • \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d99\u627f\u3068\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u53c2\u7167\u3092\u8ce2\u304f\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3068\u5197\u9577\u6027\u3092\u56de\u907f\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                          • HTML \u30bf\u30b0\u3068\u5c5e\u6027\u3092\u4f7f\u3044\u3059\u304e\u306a\u3044\u3088\u3046\u306b\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u69cb\u9020\u3068\u69cb\u6587\u3092\u5358\u7d14\u5316\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n
                                                                                                                                          • \u753b\u50cf\u3001\u30b9\u30bf\u30a4\u30eb \u30b7\u30fc\u30c8\u3001\u30b9\u30af\u30ea\u30d7\u30c8\u306a\u3069\u306e\u9759\u7684\u30ea\u30bd\u30fc\u30b9\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u4fdd\u6301\u3057\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3068\u518d\u5229\u7528\u306e\u305f\u3081\u306b\u5206\u96e2\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n
                                                                                                                                              \n
                                                                                                                                            1. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5c5e\u6027\u3068\u8868\u73fe\u3092\u516c\u6b63\u306b\u6d3b\u7528\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                              Thymeleaf\u306f\u3001\u30c7\u30fc\u30bf\u3092\u3088\u308a\u67d4\u8edf\u306b\u64cd\u4f5c\u304a\u3088\u3073\u8868\u793a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u8c4a\u5bcc\u306a\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u5f0f\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305f\u3060\u3057\u3001\u8aa4\u3063\u3066\u4f7f\u7528\u3059\u308b\u3068\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306b\u3082\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002 \u6b21\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001Thymeleaf\u306e\u5c5e\u6027\u3068\u5f0f\u3092\u5408\u7406\u7684\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                \n
                                                                                                                                              • Thymeleaf\u306e\u5c5e\u6027\u3068\u5f0f\u3092\u4f7f\u3044\u3059\u304e\u306a\u3044\u3088\u3046\u306b\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b3\u30fc\u30c9\u3068\u69cb\u9020\u3092\u5358\u7d14\u5316\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n
                                                                                                                                              • \u9069\u5207\u306a\u5f0f\u3092\u4f7f\u7528\u3057\u3001\u8907\u96d1\u306a\u5f0f\u3084\u5197\u9577\u306a\u5f0f\u306f\u907f\u3051\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n
                                                                                                                                              • \u9069\u5207\u306a\u30d5\u30ed\u30fc\u5236\u5fa1\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3001\u904e\u5270\u306a\u30eb\u30fc\u30d7\u3084\u6761\u4ef6\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u907f\u3051\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n
                                                                                                                                                  \n
                                                                                                                                                1. \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u516c\u6b63\u4f7f\u7528<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                  \u30ad\u30e3\u30c3\u30b7\u30e5\u306f\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u3001\u30b5\u30fc\u30d0\u30fc\u306e\u8ca0\u8377\u3092\u8efd\u6e1b\u3067\u304d\u308b\u975e\u5e38\u306b\u91cd\u8981\u306a\u6700\u9069\u5316\u624b\u6cd5\u3067\u3059\u3002 Thymeleaf\u3067\u306f\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u30da\u30fc\u30b8\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u52d5\u4f5c\u3092\u5236\u5fa1\u3057\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u67d4\u8edf\u306a\u30da\u30fc\u30b8\u958b\u767a\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002 \u6b21\u306e\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u9069\u5207\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                    \n
                                                                                                                                                  • \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6709\u52b9\u306b\u3057\u3066\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d5\u30a1\u30a4\u30eb\u306e\u91cd\u8907\u89e3\u6790\u3092\u56de\u907f\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                  • \u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u3068\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u304c\u91cd\u8907\u3057\u306a\u3044\u3088\u3046\u306b\u3001\u30da\u30fc\u30b8\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u8ce2\u304f\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n
                                                                                                                                                  • \u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u9577\u3059\u304e\u308b\u3053\u3068\u306f\u907f\u3051\u3001\u6700\u65b0\u306e\u30b3\u30fc\u30c9\u3068\u30c7\u30fc\u30bf\u304c\u8aad\u307f\u8fbc\u307e\u308c\u3066\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n<\/ul>\n\n\n\n
                                                                                                                                                      \n
                                                                                                                                                    1. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u5c5e\u6027\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                      Thymeleaf\u306b\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u89e3\u6790\u3068\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u52d5\u4f5c\u3092\u5236\u5fa1\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u591a\u304f\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u6b21\u306e\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u3001Thymeleaf\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u5c5e\u6027\u3092\u9069\u5207\u306b\u69cb\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                        \n
                                                                                                                                                      • \u4e0d\u8981\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d1\u30bf\u30fc\u30f3\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u306b\u3001\u9069\u5207\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d1\u30bf\u30fc\u30f3\u3092\u69cb\u6210\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                      • \u9069\u5207\u306a\u30ad\u30e3\u30c3\u30b7\u30e5 \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u69cb\u6210\u3059\u308b<\/li>\n<\/ul>\n\n\n\n
                                                                                                                                                        \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                        \"gun<\/figure>\n\n\n\n
                                                                                                                                                        \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                        \u4e0d\u9069\u5207\u306a\u30ad\u30e3\u30c3\u30b7\u30e5\u52d5\u4f5c\u306b\u3088\u3063\u3066\u5f15\u304d\u8d77\u3053\u3055\u308c\u308b\u554f\u984c\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u3002<\/p>\n\n\n\n
                                                                                                                                                          \n
                                                                                                                                                        • \u9069\u5207\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u30d1\u30fc\u30b5\u30fc\u3068\u30ec\u30f3\u30c0\u30e9\u30fc\u3092\u69cb\u6210\u3057\u3066\u3001\u975e\u52b9\u7387\u7684\u306a\u89e3\u6790\u3068\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3092\u56de\u907f\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n
                                                                                                                                                            \n
                                                                                                                                                          1. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u65ad\u7247\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u5408\u7406\u7684\u306a\u4f7f\u7528<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                            Thymeleaf\u306e\u30b9\u30cb\u30da\u30c3\u30c8\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u6a5f\u80fd\u306f\u3001\u30da\u30fc\u30b8\u30b3\u30fc\u30c9\u3092\u3088\u308a\u67d4\u8edf\u306b\u6574\u7406\u304a\u3088\u3073\u7ba1\u7406\u3057\u3001\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u6027\u3068\u8aad\u307f\u3084\u3059\u3055\u3092\u5411\u4e0a\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u3001\u6b21\u306e\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u9069\u5207\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                              \n
                                                                                                                                                            • \u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u53c2\u7167\u3092\u8ce2\u304f\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3068\u5197\u9577\u6027\u3092\u56de\u907f\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                            • \u30cd\u30b9\u30c8\u3055\u308c\u305f\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u4f7f\u3044\u3059\u304e\u306a\u3044\u3088\u3046\u306b\u3057\u3001\u30da\u30fc\u30b8\u69cb\u9020\u3068\u69cb\u6587\u3092\u5358\u7d14\u5316\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n
                                                                                                                                                            • \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u904e\u5270\u4f7f\u7528\u3092\u907f\u3051\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u6570\u3068\u8907\u96d1\u3055\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n
                                                                                                                                                                \n
                                                                                                                                                              1. CDN \u3068\u9759\u7684\u30ea\u30bd\u30fc\u30b9\u306e\u6700\u9069\u5316\u3092\u4f7f\u7528\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                CDN\u3068\u9759\u7684\u30ea\u30bd\u30fc\u30b9\u6700\u9069\u5316\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306f\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306e\u975e\u5e38\u306b\u91cd\u8981\u306a\u6700\u9069\u5316\u624b\u6cd5\u3067\u3059\u3002 CDN \u3068\u9759\u7684\u30ea\u30bd\u30fc\u30b9\u306e\u6700\u9069\u5316\u306b\u306f\u3001\u6b21\u306e\u65b9\u6cd5\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                  \n
                                                                                                                                                                • \u753b\u50cf\u3001\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3001\u30b9\u30af\u30ea\u30d7\u30c8\u306a\u3069\u306e\u9759\u7684\u30ea\u30bd\u30fc\u30b9\u3092CDN\u306b\u4fdd\u5b58\u3057\u3066\u3001\u8aad\u307f\u8fbc\u307f\u3068\u8868\u793a\u3092\u9ad8\u901f\u5316\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                • \u9759\u7684\u30ea\u30bd\u30fc\u30b9\u3092\u7d71\u5408\u3001\u5727\u7e2e\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u3066\u3001\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u8981\u6c42\u3092\u6e1b\u3089\u3057\u3001\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                • WebP\u306a\u3069\u306e\u65b0\u3057\u3044\u753b\u50cf\u5f62\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u753b\u50cf\u30b5\u30a4\u30ba\u3092\u7e2e\u5c0f\u3057\u3001\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n
                                                                                                                                                                  \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u306f\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3064\u975e\u5e38\u306b\u91cd\u8981\u306a\u4ed5\u4e8b\u3067\u3059\u3002 \u5b9f\u969b\u306e\u958b\u767a\u3067\u306f\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3068\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u30cb\u30fc\u30ba\u3068\u5b9f\u969b\u306e\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u3055\u307e\u3056\u307e\u306a\u6700\u9069\u5316\u624b\u6cd5\u3068\u6226\u7565\u3092\u5408\u7406\u7684\u306b\u63a1\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                  \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                  \"gun<\/figure>\n\n\n\n
                                                                                                                                                                  \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5b9f\u8df5\u4e8b\u4f8b\u306e\u7c21\u5358\u306a\u7d39\u4ecb\u3068\u30cb\u30fc\u30ba\u5206\u6790\u3092\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                  \u3055\u3066\u3001\u3053\u3053\u306b\u7c21\u5358\u306a\u7d39\u4ecb\u304c\u3042\u308a\u3001\u52d5\u4f5c\u4e2d\u306e\u7c21\u5358\u306a\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5206\u6790\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                  \u7c21\u5358\u306a\u7d39\u4ecb<\/h2>\n\n\n\n
                                                                                                                                                                  \u3053\u308c\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u6620\u753b\u3001\u4e0a\u6620\u3001\u5ea7\u5e2d\u3092\u9078\u629e\u3057\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u30c1\u30b1\u30c3\u30c8\u3092\u4e88\u7d04\u3067\u304d\u308b\u30aa\u30f3\u30e9\u30a4\u30f3\u6620\u753b\u4e88\u7d04\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002 \u30b7\u30b9\u30c6\u30e0\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068\u3057\u3066\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u3001\u958b\u767a\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u3057\u3066Spring Boot\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u3057\u3066MySQL\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001Web\u3001\u30e2\u30d0\u30a4\u30eb\u7aef\u672b\u3001\u307e\u305f\u306fWeChat\u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4ecb\u3057\u3066\u30c1\u30b1\u30c3\u30c8\u3092\u4e88\u7d04\u3067\u304d\u3001\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u6620\u753b\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3001\u5ea7\u5e2d\u306e\u7ba1\u7406\u3092\u5bb9\u6613\u306b\u3059\u308b\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u7ba1\u7406\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3082\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                  \u8981\u6c42\u5206\u6790<\/h2>\n\n\n\n
                                                                                                                                                                  \u30b7\u30b9\u30c6\u30e0\u306e\u4e3b\u306a\u8981\u4ef6\u306b\u306f\u3001\u6b21\u306e\u5074\u9762\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                    \n
                                                                                                                                                                  1. \u30e6\u30fc\u30b6\u30fc\u306e\u30ed\u30b0\u30a4\u30f3\u3068\u767b\u9332:\u30e6\u30fc\u30b6\u30fc\u306f\u643a\u5e2f\u96fb\u8a71\u756a\u53f7\u307e\u305f\u306fWeChat\u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4ecb\u3057\u3066\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u767b\u9332\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                  2. \u30e0\u30fc\u30d3\u30fc\u3068\u30b7\u30fc\u30f3\u306e\u7ba1\u7406: \u7ba1\u7406\u8005\u306f\u3001\u30e0\u30fc\u30d3\u30fc\u3092\u8ffd\u52a0\u3001\u524a\u9664\u3001\u5909\u66f4\u3057\u3001\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u7ba1\u7406\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306b\u60c5\u5831\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                  3. \u5ea7\u5e2d\u306e\u9078\u629e\u3068\u652f\u6255\u3044:\u30e6\u30fc\u30b6\u30fc\u306f\u30a6\u30a7\u30d6\u307e\u305f\u306f\u30e2\u30d0\u30a4\u30eb\u3067\u6620\u753b\u3001\u30bb\u30c3\u30b7\u30e7\u30f3\u3001\u5ea7\u5e2d\u3092\u9078\u629e\u3057\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u652f\u6255\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                  4. \u30c1\u30b1\u30c3\u30c8\u306e\u751f\u6210\u3068\u7ba1\u7406:\u30b7\u30b9\u30c6\u30e0\u306f\u96fb\u5b50\u30c1\u30b1\u30c3\u30c8\u3092\u751f\u6210\u3057\u3001\u30c1\u30b1\u30c3\u30c8\u306e\u7167\u4f1a\u3068\u7ba1\u7406\u6a5f\u80fd\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                  5. \u30b7\u30b9\u30c6\u30e0\u306e\u30ed\u30ae\u30f3\u30b0\u3068\u5206\u6790: \u30b7\u30b9\u30c6\u30e0\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u3068\u7ba1\u7406\u8005\u306e\u64cd\u4f5c\u30ed\u30b0\u3092\u8a18\u9332\u3057\u3001\u5206\u6790\u3068\u30ec\u30dd\u30fc\u30c8\u6a5f\u80fd\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                    \u3053\u308c\u3089\u306e\u8981\u4ef6\u3092\u6e80\u305f\u3059\u306b\u306f\u3001\u6b21\u306e\u3053\u3068\u3092\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                      \n
                                                                                                                                                                    1. \u6620\u753b\u3001\u756a\u7d44\u3001\u5ea7\u5e2d\u3001\u30e6\u30fc\u30b6\u30fc\u3001\u6ce8\u6587\u306a\u3069\u306e\u30c7\u30fc\u30bf\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u542b\u3080\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u3092\u8a2d\u8a08\u304a\u3088\u3073\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                    2. \u30e6\u30fc\u30b6\u30fc\u767b\u9332\u3001\u6620\u753b\u7ba1\u7406\u3001\u5ea7\u5e2d\u9078\u629e\u3001\u652f\u6255\u3044\u3001\u305d\u306e\u4ed6\u306e\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u3092\u542b\u3080\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u8a2d\u8a08\u304a\u3088\u3073\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                    3. \u30e6\u30fc\u30b6\u30fc\u30ed\u30b0\u30a4\u30f3\u3001\u6620\u753b\u30ea\u30b9\u30c8\u3001\u5ea7\u5e2d\u9078\u629e\u3001\u6ce8\u6587\u78ba\u8a8d\u306a\u3069\u306eWeb\u307e\u305f\u306f\u30e2\u30d0\u30a4\u30eb\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u542b\u3080Web\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u8a2d\u8a08\u304a\u3088\u3073\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                    4. \u30e0\u30fc\u30d3\u30fc\u7ba1\u7406\u3001\u30b7\u30fc\u30f3\u7ba1\u7406\u3001\u6ce8\u6587\u7ba1\u7406\u3001\u305d\u306e\u4ed6\u306e\u7ba1\u7406\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u542b\u3080\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u7ba1\u7406\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u8a2d\u8a08\u304a\u3088\u3073\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                    5. Thymeleaf \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30fb\u30a8\u30f3\u30b8\u30f3\u3092\u7d71\u5408\u304a\u3088\u3073\u69cb\u6210\u3057\u3066\u3001\u30c7\u30fc\u30bf\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3068\u8868\u793a\u3092\u6539\u5584\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                    6. Spring Boot\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u7d71\u5408\u304a\u3088\u3073\u69cb\u6210\u3057\u3066\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3068\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6539\u5584\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                      \u4e00\u822c\u306b\u3001\u3053\u308c\u306f\u8907\u96d1\u306aThymeleaf\u306e\u5b9f\u7528\u7684\u306a\u30b1\u30fc\u30b9\u3067\u3042\u308a\u3001\u8981\u4ef6\u3092\u3088\u308a\u9069\u5207\u306b\u5b9f\u88c5\u3057\u3001\u6700\u9069\u5316\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306b\u3001\u5f37\u529b\u306a\u30d3\u30b8\u30cd\u30b9\u7406\u89e3\u3068\u6280\u8853\u7684\u80fd\u529b\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                      \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                      \"gun<\/figure>\n\n\n\n
                                                                                                                                                                      \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5b9f\u7528\u7684\u306a\u8a2d\u8a08\u3068\u5b9f\u88c5\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                      \u3055\u3066\u3001\u3053\u3053\u306b\u7c21\u5358\u306aThymeleaf\u306e\u5b9f\u969b\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u8a2d\u8a08\u3068\u5b9f\u88c5\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                      \u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u30c7\u30b6\u30a4\u30f3<\/h2>\n\n\n\n
                                                                                                                                                                      \u3053\u306e\u4f8b\u306f\u3001\u4e3b\u306b\u6b21\u306e\u30da\u30fc\u30b8\u3092\u542b\u3080\u6620\u753b\u4e88\u7d04\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                        \n
                                                                                                                                                                      • \u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8: \u30e6\u30fc\u30b6\u30fc\u306f\u3053\u306e\u30da\u30fc\u30b8\u3067\u30e6\u30fc\u30b6\u30fc\u540d\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u30ed\u30b0\u30a4\u30f3\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                      • \u767b\u9332\u30da\u30fc\u30b8:\u30e6\u30fc\u30b6\u30fc\u306f\u3053\u306e\u30da\u30fc\u30b8\u3067\u30e6\u30fc\u30b6\u30fc\u540d\u3001\u30d1\u30b9\u30ef\u30fc\u30c9\u3001\u500b\u4eba\u60c5\u5831\u3092\u5165\u529b\u3057\u3066\u767b\u9332\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                      • \u6620\u753b\u4e00\u89a7\u30da\u30fc\u30b8:\u3053\u306e\u30da\u30fc\u30b8\u3067\u52d5\u753b\u4e00\u89a7\u3092\u8868\u793a\u3057\u3001\u30c1\u30b1\u30c3\u30c8\u4e88\u7d04\u7528\u306e\u6620\u753b\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                      • \u6620\u753b\u306e\u8a73\u7d30\u30da\u30fc\u30b8:\u30e6\u30fc\u30b6\u30fc\u306f\u3053\u306e\u30da\u30fc\u30b8\u3067\u6620\u753b\u306e\u8a73\u7d30\u3068\u30b7\u30e7\u30fc\u306e\u60c5\u5831\u3092\u8868\u793a\u3057\u3001\u30c1\u30b1\u30c3\u30c8\u4e88\u7d04\u306e\u30b7\u30e7\u30fc\u306e\u6570\u3068\u5ea7\u5e2d\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                      • \u6ce8\u6587\u78ba\u8a8d\u30da\u30fc\u30b8: \u30e6\u30fc\u30b6\u30fc\u306f\u3053\u306e\u30da\u30fc\u30b8\u3067\u6ce8\u6587\u60c5\u5831\u3092\u8868\u793a\u3057\u3001\u652f\u6255\u3044\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                      • \u6ce8\u6587\u7167\u4f1a\u30da\u30fc\u30b8: \u30e6\u30fc\u30b6\u30fc\u306f\u3053\u306e\u30da\u30fc\u30b8\u3067\u8cfc\u5165\u6ce8\u6587\u60c5\u5831\u3092\u7167\u4f1a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                      • \u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u7ba1\u7406\u30da\u30fc\u30b8: \u7ba1\u7406\u8005\u306f\u3053\u306e\u30da\u30fc\u30b8\u3067\u6620\u753b\u3084\u756a\u7d44\u3092\u7ba1\u7406\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n
                                                                                                                                                                        \u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u3088\u308a\u660e\u78ba\u3067\u3001\u3088\u308a\u30af\u30ea\u30fc\u30f3\u3067\u3001\u4f7f\u3044\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306b\u3001\u6b21\u306e\u8a2d\u8a08\u539f\u5247\u3092\u9069\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \n
                                                                                                                                                                        1. \u7d71\u5408\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3 \u30d0\u30fc: \u5404\u30da\u30fc\u30b8\u306e\u4e0a\u90e8\u306b\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3 \u30d0\u30fc\u3092\u914d\u7f6e\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30da\u30fc\u30b8\u3092\u5207\u308a\u66ff\u3048\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                        2. \u9069\u5207\u306a\u7a7a\u767d: \u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u7a7a\u767d\u3092\u9069\u5207\u306b\u5897\u3084\u3057\u3066\u3001\u30da\u30fc\u30b8\u3092\u3088\u308a\u5feb\u9069\u3067\u4f7f\u3044\u3084\u3059\u304f\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                        3. \u660e\u78ba\u306a\u30da\u30fc\u30b8\u69cb\u9020: \u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u660e\u78ba\u306a\u69cb\u9020\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u5fc5\u8981\u306a\u60c5\u5831\u3068\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u3059\u3070\u3084\u304f\u898b\u3064\u3051\u3089\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
                                                                                                                                                                        4. \u6700\u9069\u5316\u3055\u308c\u305f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3: \u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u3092\u63a1\u7528\u3057\u3066\u3001\u30c7\u30d0\u30a4\u30b9\u3084\u753b\u9762\u30b5\u30a4\u30ba\u306b\u95a2\u4fc2\u306a\u304f\u30da\u30fc\u30b8\u3092\u8868\u793a\u304a\u3088\u3073\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                          \u30da\u30fc\u30b8 \u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u5b9f\u88c5<\/h2>\n\n\n\n
                                                                                                                                                                          \u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5b9f\u88c5\u3059\u308b\u306b\u306f\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068\u30d6\u30fc\u30c8\u30b9\u30c8\u30e9\u30c3\u30d7\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u5358\u7d14\u306a\u30da\u30fc\u30b8 \u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\" xmlns:layout=\"http:\/\/www.ultraq.net.nz\/thymeleaf\/layout\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title th:text=\"${pageTitle}\">\u7535\u5f71\u8ba2\u7968\u7cfb\u7edf<\/title>\n    <link rel=\"stylesheet\" th:href=\"@{\/css\/bootstrap.min.css}\">\n    <link rel=\"stylesheet\" th:href=\"@{\/css\/custom.css}\">\n    <script th:src=\"@{\/js\/jquery.min.js}\"><\/script>\n    <script th:src=\"@{\/js\/bootstrap.min.js}\"><\/script>\n<\/head>\n\n<body>\n    <nav class=\"navbar navbar-expand-md navbar-dark bg-dark\">\n        <div class=\"container\">\n            <a class=\"navbar-brand\" th:href=\"@{\/}\">\u7535\u5f71\u8ba2\u7968\u7cfb\u7edf<\/a>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarNav\"\n                aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n                <span class=\"navbar-toggler-icon\"><\/span>\n            <\/button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\n                <ul class=\"navbar-nav mr-auto\">\n                    <li class\n<\/code><\/pre>\n\n\n\n
                                                                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                                                                          \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                          …<\/ul> <ul class=”navbar-nav”> <li class=”nav-item”> <a class=”nav-link” th:href=”@{\/cart}”> <i class=”fa fa-shopping-cart”><\/i> \u8d2d\u7269\u8f66 <span class=”badge badge-pill badge-secondary”>3<\/span> <\/a> <\/li> <li class=”nav-item”> <a class=”nav-link” th:href=”@{\/orders}”> <i class=”fa fa-list”><\/i> \u8ba2\u5355 <\/a> <\/li> <li class=”nav-item dropdown”> <a class=”nav-link dropdown-toggle” href=”#” id=”navbarDropdown” role=”button” data-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”> <i class=”fa fa-user”><\/i> \u7528\u6237\u540d <\/a> <div class=”dropdown-menu dropdown-menu-right” aria-labelledby=”navbarDropdown”> <a class=”dropdown-item” th:href=”@{\/profile}”><i class=”fa fa-user-circle”><\/i> \u4e2a\u4eba\u4fe1\u606f<\/a> <a class=”dropdown-item” th:href=”@{\/logout}”><i class=”fa fa-sign-out”><\/i> \u6ce8\u9500<\/a> <\/div> <\/li> <\/ul> <\/div> <\/div> <\/nav><\/p>\n\n\n\n
                                                                                                                                                                          phpCopy code<div class=\"container mt-4\">\n    <div layout:fragment=\"content\"><\/div>\n<\/div>\n\n<script th:src=\"@{\/js\/custom.js}\"><\/script>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                                                          <\/body> <\/html> “‘<\/p>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306f\u3001\u30d6\u30fc\u30c8\u30b9\u30c8\u30e9\u30c3\u30d7\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u30b9\u30bf\u30a4\u30eb\u3092\u5b9f\u88c5\u3057\u307e\u3057\u305f\u3002 Thymeleaf\u306e\u5f0f\u306f\u3001\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u30c7\u30fc\u30bf\u3092\u52d5\u7684\u306b\u751f\u6210\u3059\u308b\u305f\u3081\u306b\u30da\u30fc\u30b8\u5185\u3067\u4f7f\u7528\u3055\u308c\u3001\u30da\u30fc\u30b8\u3092\u3088\u308a\u67d4\u8edf\u3067\u4fbf\u5229\u306a\u3082\u306e\u306b\u3057\u307e\u3059\u3002 layout:fragment \u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306f\u30da\u30fc\u30b8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u3001layout:decorate \u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306f\u30ec\u30a4\u30a2\u30a6\u30c8\u30da\u30fc\u30b8\u3092\u53c2\u7167\u3059\u308b\u305f\u3081\u306b\u5b50\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 \u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u3088\u308a\u3001\u30da\u30fc\u30b8\u69cb\u9020\u304c\u3059\u3063\u304d\u308a\u3057\u3001\u4fdd\u5b88\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u5168\u4f53\u3068\u3057\u3066\u3001Thymeleaf\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u975e\u5e38\u306b\u91cd\u8981\u306a\u90e8\u5206\u3067\u3042\u308a\u3001\u5b9f\u969b\u306e\u30cb\u30fc\u30ba\u3068\u8a2d\u8a08\u539f\u5247\u306b\u5f93\u3063\u3066\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306b\u9069\u5207\u306a\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3068\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u5b9f\u88c5\u30d7\u30ed\u30bb\u30b9\u3067\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u3088\u308a\u9069\u5207\u306b\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306b\u3001\u30da\u30fc\u30b8\u306e\u30c7\u30b6\u30a4\u30f3\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30ec\u30a4\u30a2\u30a6\u30c8\u3001\u304a\u3088\u3073\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u6027\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                                                                          \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5b9f\u8df5\u4e8b\u4f8b\u5b9f\u88c5\u30c7\u30fc\u30bf\u8868\u793a\u30fb\u904b\u7528\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                          \u3055\u3066\u3001\u4ee5\u4e0b\u306f\u7c21\u5358\u306aThymeleaf\u306e\u5b9f\u7528\u7684\u306a\u30b1\u30fc\u30b9\u5b9f\u88c5\u30c7\u30fc\u30bf\u306e\u8868\u793a\u3068\u64cd\u4f5c\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u30c7\u30fc\u30bf\u8868\u793a\u3092\u5b9f\u88c5\u3059\u308b<\/h2>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u5834\u5408\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u6620\u753b\u3001\u756a\u7d44\u6570\u3001\u5ea7\u5e2d\u306a\u3069\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30da\u30fc\u30b8\u306b\u8868\u793a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u8868\u793a\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306b\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068Spring Boot\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u4f7f\u7528\u3057\u3066\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002 \u5358\u7d14\u306a\u6620\u753b\u30ea\u30b9\u30c8\u30da\u30fc\u30b8\u306e\u5b9f\u88c5\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\" xmlns:layout=\"http:\/\/www.ultraq.net.nz\/thymeleaf\/layout\"\n    layout:decorate=\"~{layouts\/default}\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title th:text=\"${pageTitle}\">\u7535\u5f71\u5217\u8868<\/title>\n<\/head>\n\n<body>\n    <div layout:fragment=\"content\">\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <h2>\u7535\u5f71\u5217\u8868<\/h2>\n            <\/div>\n            <div class=\"col-md-4\">\n                <form th:action=\"@{\/movies}\" method=\"get\">\n                    <div class=\"input-group mb-3\">\n                        <input type=\"text\" class=\"form-control\" placeholder=\"\u8bf7\u8f93\u5165\u7535\u5f71\u540d\u79f0\" name=\"q\"\n                            th:value=\"${query}\">\n                        <div class=\"input-group-append\">\n                            <button class=\"btn btn-primary\" type=\"submit\">\u641c\u7d22<\/button>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <table class=\"table table-hover\">\n                    <thead>\n                        <tr>\n                            <th>#<\/th>\n                            <th>\u7535\u5f71\u540d\u79f0<\/th>\n                            <th>\u5bfc\u6f14<\/th>\n                            <th>\u4e3b\u6f14<\/th>\n                            <th>\u4e0a\u6620\u65f6\u95f4<\/th>\n                            <th>\u7968\u4ef7<\/th>\n                            <th><\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr th:each=\"movie : ${movies}\">\n                            <td th:text=\"${movie.id}\"><\/td>\n                            <td th:text=\"${movie.name}\"><\/td>\n                            <td th:text=\"${movie.director}\"><\/td>\n                            <td th:text=\"${movie.actors}\"><\/td>\n                            <td th:text=\"${#dates.format(movie.releaseDate, 'yyyy-MM-dd HH:mm')}\"><\/td>\n                            <td th:text=\"${movie.price}\"><\/td>\n                            <td>\n                                <a class=\"btn btn-primary btn-sm\"\n                                    th:href=\"@{\/movies\/{id}\/sessions(id=${movie.id})}\">\u67e5\u770b\u573a\u6b21<\/a>\n                            <\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001Thymeleaf \u306e th:each \u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3092\u4f7f\u7528\u3057\u3066\u30e0\u30fc\u30d3\u30fc\u306e\u30ea\u30b9\u30c8\u3092\u53cd\u5fa9\u51e6\u7406\u3057\u3001Thymeleaf \u306e\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u30c7\u30fc\u30bf\u3092\u52d5\u7684\u306b\u751f\u6210\u3057\u307e\u3057\u305f\u3002 \u65e5\u4ed8\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u969b\u306b\u3001Thymeleaf\u306e\u65e5\u4ed8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u6a5f\u80fd\u3092\u4f7f\u7528\u3057\u3066\u3001\u65e5\u4ed8\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u3084\u3059\u304f\u7406\u89e3\u3057\u3084\u3059\u304f\u3057\u307e\u3057\u305f\u3002 \u30d6\u30fc\u30c8\u30b9\u30c8\u30e9\u30c3\u30d7\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u30b9\u30bf\u30a4\u30eb\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306b\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u3001\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u753b\u9762\u306b\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3059<\/p>\n\n\n\n
                                                                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                                                                          \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                          \u753b\u9762\u4e0a\u306b\u6b63\u5e38\u306b\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u691c\u7d22\u30dc\u30c3\u30af\u30b9\u3067\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u691c\u7d22\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30ad\u30fc\u30ef\u30fc\u30c9\u306b\u57fa\u3065\u3044\u3066\u5fc5\u8981\u306a\u6620\u753b\u3092\u3059\u3070\u3084\u304f\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u30c7\u30fc\u30bf\u64cd\u4f5c\u3092\u5b9f\u88c5\u3059\u308b<\/h2>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u5834\u5408\u3001\u7ba1\u7406\u8005\u304c\u52d5\u753b\u3084\u30b7\u30fc\u30f3\u306e\u30c7\u30fc\u30bf\u3092\u7ba1\u7406\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u52d5\u753b\u30b7\u30fc\u30f3\u306e\u8ffd\u52a0\u3001\u7de8\u96c6\u3001\u524a\u9664\u306a\u3069\u306e\u64cd\u4f5c\u3092\u5b9f\u88c5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u64cd\u4f5c\u3092\u5b9f\u88c5\u3059\u308b\u306b\u306f\u3001Thymeleaf Forms\u3068Spring Boot\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u30b5\u30fc\u30d3\u30b9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002 \u5358\u7d14\u306a\u30e0\u30fc\u30d3\u30fc \u30b7\u30fc\u30f3\u8ffd\u52a0\u30da\u30fc\u30b8\u306e\u5b9f\u88c5\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\" xmlns:layout=\"http:\/\/www.ultraq.net.nz\/thymeleaf\/layout\"\n    layout:decorate=\"~{layouts\/default}\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title th:text=\"${pageTitle}\">\u6dfb\u52a0\u7535\u5f71\u573a\u6b21<\/title>\n<\/head>\n\n<body>\n    <div layout:fragment=\"content\">\n        <h2>\u6dfb\u52a0\u7535\u5f71\u573a\u6b21<\/h2>\n\n        <form th:action=\"@{\/movies\/{id}\/sessions(id=${movie.id})}\" method=\"post\">\n            <input type=\"hidden\" name=\"movieId\" th:value=\"${movie.id}\">\n            <div class=\"form-group\">\n                <label for=\"name\">\u573a\u6b21\u540d\u79f0<\/label>\n                <input type=\"text\" class=\"form-control\" id=\"name\" name=\"name\" th:value=\"${session?.name}\"\n                    placeholder=\"\u8bf7\u8f93\u5165\u573a\u6b21\u540d\u79f0\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"hall\">\u653e\u6620\u5385<\/label>\n                <input type=\"text\" class=\"form-control\" id=\"hall\" name=\"hall\" th:value=\"${session?.hall}\"\n                    placeholder=\"\u8bf7\u8f93\u5165\u653e\u6620\u5385\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"startTime\">\u5f00\u59cb\u65f6\u95f4<\/label>\n                <input type=\"datetime-local\" class=\"form-control\" id=\"startTime\" name=\"startTime\"\n                    th:value=\"${#dates.format(session?.startTime, 'yyyy-MM-ddTHH:mm')}\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"endTime\">\u7ed3\u675f\u65f6\u95f4<\/label>\n                <input type=\"datetime-local\" class=\"form-control\" id=\"endTime\" name=\"endTime\"\n                    th:value=\"${#dates.format(session?.endTime, 'yyyy-MM-ddTHH:mm')}\" required>\n            <\/div>\n            <button type=\"submit\" class=\"btn btn-primary\">\u4fdd\u5b58<\/button>\n            <a class=\"btn btn-secondary\" th:href=\"@{\/movies\/{id}\/sessions(id=${movie.id})}\">\u53d6\u6d88<\/a>\n        <\/form>\n    <\/div>\n<\/body>\n\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d5\u30a9\u30fc\u30e0\u3092\u4f7f\u7528\u3057\u3066\u6620\u753b\u306e\u30b7\u30fc\u30f3\u3092\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002 \u30d5\u30a9\u30fc\u30e0\u3067\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30e0\u30fc\u30d3\u30fc ID \u3068\u30b7\u30e7\u30fc \u30c7\u30fc\u30bf\u3092\u8a2d\u5b9a\u3057\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u6761\u4ef6\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30b7\u30e7\u30fc\u304c\u7a7a\u304b\u3069\u3046\u304b\u3092\u5224\u65ad\u3057\u307e\u3059\u3002 \u5165\u529b\u30dc\u30c3\u30af\u30b9\u3067 Thymeleaf \u306e\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u3092\u8a2d\u5b9a\u3057\u3001\u7ba1\u7406\u8005\u304c\u30bb\u30c3\u30b7\u30e7\u30f3\u30fb\u30c7\u30fc\u30bf\u3092\u3088\u308a\u7c21\u5358\u306b\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 \u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3059\u308b\u3068\u304d\u306b\u3001Thymeleaf\u306e\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u306eURL\u3092\u8a2d\u5b9a\u3057\u3001<\/p>\n\n\n\n
                                                                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                                                                          \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                          POST\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u9001\u4fe1\u3057\u307e\u3057\u305f\u3002 Save Button\u3067\u306f\u3001Thymeleaf\u306e\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30dc\u30bf\u30f3\u306e\u30c6\u30ad\u30b9\u30c8\u3068\u30b9\u30bf\u30a4\u30eb\u3092\u8a2d\u5b9a\u3057\u3001\u30dc\u30bf\u30f3\u3092\u3088\u308a\u76f4\u611f\u7684\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3057\u307e\u3057\u305f\u3002 \u30ad\u30e3\u30f3\u30bb\u30eb\u30dc\u30bf\u30f3\u3067\u306f\u3001Thymeleaf\u306e\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u30dc\u30bf\u30f3\u306eURL\u3092\u8a2d\u5b9a\u3057\u3001\u7ba1\u7406\u8005\u304c\u30e0\u30fc\u30d3\u30fc\u30b7\u30fc\u30f3\u306e\u30ea\u30b9\u30c8\u30da\u30fc\u30b8\u306b\u623b\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
                                                                                                                                                                          Spring Boot\u3067\u306f\u3001@Controller\u6ce8\u91c8\u3068@RequestMapping\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u3001Web\u30ea\u30af\u30a8\u30b9\u30c8\u51e6\u7406\u3068\u30c7\u30fc\u30bf\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002 \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306e\u7c21\u5358\u306a\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          javaCopy code@Controller\n@RequestMapping(\"\/movies\/{movieId}\/sessions\")\npublic class SessionController {\n\n    private final SessionService sessionService;\n\n    @Autowired\n    public SessionController(SessionService sessionService) {\n        this.sessionService = sessionService;\n    }\n\n    @GetMapping\n    public String list(@PathVariable(\"movieId\") Long movieId, @RequestParam(value = \"q\", required = false) String query,\n            Model model) {\n        List<Session> sessions = sessionService.findByMovieId(movieId);\n        model.addAttribute(\"movie\", sessionService.findMovieById(movieId));\n        model.addAttribute(\"sessions\", sessions);\n        model.addAttribute(\"query\", query);\n        model.addAttribute(\"pageTitle\", \"\u7535\u5f71\u573a\u6b21\u5217\u8868\");\n        return \"sessions\/list\";\n    }\n\n    @GetMapping(\"\/new\")\n    public String createForm(@PathVariable(\"movieId\") Long movieId, Model model) {\n        model.addAttribute(\"movie\", sessionService.findMovieById(movieId));\n        model.addAttribute(\"session\", new Session());\n        model.addAttribute(\"pageTitle\", \"\u6dfb\u52a0\u7535\u5f71\u573a\u6b21\");\n        return \"sessions\/form\";\n    }\n\n    @PostMapping\n    public String create(@PathVariable(\"movieId\") Long movieId, @ModelAttribute(\"session\") Session session) {\n        session.setMovie(sessionService.findMovieById(movieId));\n        sessionService.saveSession(session);\n        return \"redirect:\/movies\/\" + movieId + \"\/sessions\";\n    }\n\n    \/\/ \u7701\u7565\u5176\u4ed6\u65b9\u6cd5\n}\n<\/code><\/pre>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u306f\u3001@GetMapping \u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066 GET \u8981\u6c42\u3092\u51e6\u7406\u3057\u3001@PostMapping\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066 POST \u30ea\u30af\u30a8\u30b9\u30c8\u3092\u51e6\u7406\u3057\u3001@PathVariable\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066 URL \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d6\u5f97\u3057\u3001@RequestParam\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30ea\u30af\u30a8\u30b9\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d6\u5f97\u3057\u3001@ModelAttribute\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u30d0\u30a4\u30f3\u30c9\u3057\u3001Model \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d3\u30e5\u30fc\u306b\u30c7\u30fc\u30bf\u3092\u6e21\u3057\u307e\u3059\u3002 list \u30e1\u30bd\u30c3\u30c9\u3067\u306f\u3001sessionService \u3092\u547c\u3073\u51fa\u3057\u3066\u30e0\u30fc\u30d3\u30fc \u30b7\u30fc\u30f3\u306e\u30ea\u30b9\u30c8\u3092\u53d6\u5f97\u3057\u3001\u30d3\u30e5\u30fc\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306b Model \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u683c\u7d0d\u3057\u307e\u3059\u3002 createForm \u30e1\u30bd\u30c3\u30c9\u3067\u306f\u3001\u65b0\u3057\u3044\u30bb\u30c3\u30b7\u30e7\u30f3 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3001\u30d3\u30e5\u30fc\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306b Model \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u683c\u7d0d\u3057\u307e\u3059\u3002 create \u30e1\u30bd\u30c3\u30c9\u3067\u306f\u3001sessionService \u3092\u4f7f\u7528\u3057\u3066\u30b7\u30e7\u30fc \u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3057\u3001\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30e0\u30fc\u30d3\u30fc \u30b7\u30fc\u30f3\u306e\u4e00\u89a7\u30da\u30fc\u30b8\u306b\u30b8\u30e3\u30f3\u30d7\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u4e0a\u8a18\u306e\u5b9f\u88c5\u306b\u3088\u308a\u3001\u30e0\u30fc\u30d3\u30fc\u3084\u30b7\u30fc\u30f3\u306e\u30c7\u30fc\u30bf\u3092\u8868\u793a\u304a\u3088\u3073\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u5358\u7d14\u306aThymeleaf\u306e\u5b9f\u7528\u7684\u306a\u30b1\u30fc\u30b9\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                                                                          \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5b9f\u8df5\u7684\u306a\u30b1\u30fc\u30b9\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u3068\u63d0\u51fa\u51e6\u7406\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                          \u3053\u306e Thymeleaf \u306e\u30b1\u30fc\u30b9\u3067\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u3068\u9001\u4fe1\u51e6\u7406\u3092\u8ffd\u52a0\u3057\u3066\u3001\u7ba1\u7406\u8005\u304c\u30e0\u30fc\u30d3\u30fc\u3068\u30b7\u30e7\u30fc\u306e\u30c7\u30fc\u30bf\u3092\u3088\u308a\u7c21\u5358\u306b\u7ba1\u7406\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c<\/h2>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u5834\u5408\u3001\u6620\u753b\u3084\u516c\u6f14\u306e\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3057\u3066\u3001\u30c7\u30fc\u30bf\u304c\u6b63\u3057\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u30d5\u30a9\u30fc\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u88c5\u3059\u308b\u306b\u306f\u3001Thymeleaf\u306e\u30d5\u30a9\u30fc\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3068Spring Boot\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u691c\u8a3c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u5358\u7d14\u306a\u30e0\u30fc\u30d3\u30fc\u8ffd\u52a0\u30d5\u30a9\u30fc\u30e0\u306e\u5b9f\u88c5\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          htmlCopy code<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\" xmlns:layout=\"http:\/\/www.ultraq.net.nz\/thymeleaf\/layout\"\n    layout:decorate=\"~{layouts\/default}\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title th:text=\"${pageTitle}\">\u6dfb\u52a0\u7535\u5f71<\/title>\n<\/head>\n\n<body>\n    <div layout:fragment=\"content\">\n        <h2>\u6dfb\u52a0\u7535\u5f71<\/h2>\n\n        <form th:action=\"@{\/movies}\" method=\"post\" th:object=\"${movieForm}\">\n            <div class=\"form-group\">\n                <label for=\"title\">\u7535\u5f71\u540d\u79f0<\/label>\n                <input type=\"text\" class=\"form-control\" id=\"title\" name=\"title\" th:value=\"*{title}\"\n                    placeholder=\"\u8bf7\u8f93\u5165\u7535\u5f71\u540d\u79f0\" required>\n                <span class=\"help-block\" th:if=\"${#fields.hasErrors('title')}\"\n                    th:errors=\"*{title}\"><\/span>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"genre\">\u7535\u5f71\u7c7b\u578b<\/label>\n                <input type=\"text\" class=\"form-control\" id=\"genre\" name=\"genre\" th:value=\"*{genre}\"\n                    placeholder=\"\u8bf7\u8f93\u5165\u7535\u5f71\u7c7b\u578b\" required>\n                <span class=\"help-block\" th:if=\"${#fields.hasErrors('genre')}\"\n                    th:errors=\"*{genre}\"><\/span>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"director\">\u5bfc\u6f14<\/label>\n                <input type=\"text\" class=\"form-control\" id=\"director\" name=\"director\" th:value=\"*{director}\"\n                    placeholder=\"\u8bf7\u8f93\u5165\u5bfc\u6f14\u540d\u79f0\" required>\n                <span class=\"help-block\" th:if=\"${#fields.hasErrors('director')}\"\n                    th:errors=\"*{director}\"><\/span>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"description\">\u7535\u5f71\u7b80\u4ecb<\/label>\n                <textarea class=\"form-control\" id=\"description\" name=\"description\" rows=\"3\"\n                    th:value=\"*{description}\" required><\/textarea>\n                <span class=\"help-block\" th:if=\"${#fields.hasErrors('description')}\"\n                    th:errors=\"*{description}\"><\/span>\n            <\/div>\n            <button type=\"submit\" class=\"btn btn-primary\">\u4fdd\u5b58<\/button>\n            <a class=\"btn btn-secondary\" th:href=\"@{\/movies}\">\u53d6\u6d88<\/a>\n        <\/form>\n    <\/div>\n<\/body>\n\n<\/html>\n<\/code><\/pre>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001Thymeleaf\u30d5\u30a9\u30fc\u30e0\u3068\u6761\u4ef6\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e0\u30fc\u30d3\u30fc\u8ffd\u52a0\u30d5\u30a9\u30fc\u30e0\u3092\u8868\u793a\u304a\u3088\u3073\u691c\u8a3c\u3057\u307e\u3057\u305f\u3002 \u30e0\u30fc\u30d3\u30fc\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u8a2d\u5b9a\u3059\u308b\u306b\u306f\u30d5\u30a9\u30fc\u30e0\u3067\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5f0f\u3092\u4f7f\u7528\u3057\u3001\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u6761\u4ef6\u5f0f\u3092\u4f7f\u7528\u3057\u307e\u3059<\/p>\n\n\n\n
                                                                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                                                                          \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                          \u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u306b\u30a8\u30e9\u30fc\u304c\u3042\u308b\u304b\u3069\u3046\u304b\u3092\u5224\u65ad\u3057\u3001\u30a8\u30e9\u30fc\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u5bfe\u5fdc\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u30a2\u30a4\u30c6\u30e0\u306e\u4e0b\u306b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          Spring Boot\u3067\u306f\u3001\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3067\u304d\u307e\u3059\u3002 \u4ee5\u4e0b\u306f\u3001\u5358\u7d14\u306a\u30e0\u30fc\u30d3\u30fc\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u306e\u5b9f\u88c5\u4f8b\u3067\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          javaCopy codepublic class MovieForm {\n\n    @NotBlank(message = \"\u7535\u5f71\u540d\u79f0\u4e0d\u80fd\u4e3a\u7a7a\")\n    private String title;\n\n    @NotBlank(message = \"\u7535\u5f71\u7c7b\u578b\u4e0d\u80fd\u4e3a\u7a7a\")\n    private String genre;\n\n    @NotBlank(message = \"\u5bfc\u6f14\u4e0d\u80fd\u4e3a\u7a7a\")\n    private String director;\n\n    @NotBlank(message = \"\u7535\u5f71\u7b80\u4ecb\u4e0d\u80fd\u4e3a\u7a7a\")\n    private String description;\n\n    \/\/ \u7701\u7565getter\u548csetter\u65b9\u6cd5\n}\n<\/code><\/pre>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u4f8b\u3067\u306f\u3001@NotBlank\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30e0\u30fc\u30d3\u30fc\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30eb\u30fc\u30eb\u3092\u8a2d\u5b9a\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u304c\u7a7a\u306e\u5834\u5408\u3001\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u51e6\u7406\u306e\u305f\u3081\u306e\u63d0\u51fa<\/h2>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u5834\u5408\u3001\u7ba1\u7406\u8005\u304c\u30e0\u30fc\u30d3\u30fc\u3068\u8868\u793a\u30c7\u30fc\u30bf\u3092\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u4fdd\u5b58\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u30e0\u30fc\u30d3\u30fc\u3068\u30b7\u30e7\u30fc\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u306e\u9001\u4fe1\u51e6\u7406\u3082\u5b9f\u88c5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u306e\u9001\u4fe1\u51e6\u7406\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306b\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3067\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u51e6\u7406\u3059\u308b\u51e6\u7406\u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u5358\u7d14\u306a\u30e0\u30fc\u30d3\u30fc\u8ffd\u52a0\u51e6\u7406\u30e1\u30bd\u30c3\u30c9\u306e\u5b9f\u88c5\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          javaCopy code@PostMapping\npublic String create(@ModelAttribute(\"movieForm\") @Validated MovieForm movieForm, BindingResult result) {\n    if (result.hasErrors()) {\n        return \"movies\/form\";\n    }\n    Movie movie = new Movie();\n    movie.setTitle(movieForm.getTitle());\n    movie.setGenre(movieForm.getGenre());\n    movie.setDirector(movieForm.getDirector());\n    movie.setDescription(movieForm.getDescription());\n    movieService.saveMovie(movie);\n    return \"redirect:\/movies\";\n}\n<\/code><\/pre>\n\n\n\n
                                                                                                                                                                          \u3053\u306e\u4f8b\u3067\u306f\u3001@ModelAttribute \u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0 \u30c7\u30fc\u30bf\u3092\u30d0\u30a4\u30f3\u30c9\u3057\u3001\u6ce8\u91c8@Validated\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u3092\u30c8\u30ea\u30ac\u30fc\u3057\u3001BindingResult \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u7d50\u679c\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002 \u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u306b\u30a8\u30e9\u30fc\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30e0\u30fc\u30d3\u30fc\u8ffd\u52a0\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3055\u308c\u3001\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002 \u30d5\u30a9\u30fc\u30e0\u304c\u691c\u8a3c\u3055\u308c\u308b\u3068\u3001\u65b0\u3057\u3044\u30e0\u30fc\u30d3\u30fc\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u4f5c\u6210\u3055\u308c\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002 \u6700\u5f8c\u306b\u3001\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u6620\u753b\u306e\u30ea\u30b9\u30c8\u30da\u30fc\u30b8\u306b\u30b8\u30e3\u30f3\u30d7\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \u4ee5\u4e0a\u306e\u5b9f\u88c5\u306b\u3088\u308a\u3001\u52d5\u753b\u3084\u30b7\u30fc\u30f3\u30c7\u30fc\u30bf\u3092\u8868\u793a\u30fb\u64cd\u4f5c\u3059\u308b\u7c21\u5358\u306aThymeleaf\u306e\u5b9f\u7528\u4e8b\u4f8b\u3092\u5b9f\u88c5\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u3084\u9001\u4fe1\u51e6\u7406\u306e\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                                                                          \u30b1\u30fc\u30b9\u5168\u4f53\u306e\u958b\u767a\u3068\u30c6\u30b9\u30c8\u3092\u5b8c\u4e86\u3059\u308b\u65b9\u6cd5\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                          \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u5b9f\u969b\u306e\u6226\u95d8\u30b1\u30fc\u30b9\u306e\u958b\u767a\u3068\u30c6\u30b9\u30c8\u3092\u5b8c\u4e86\u3059\u308b\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u624b\u9806\u306b\u5f93\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                            \n
                                                                                                                                                                          1. \u8981\u4ef6\u3068\u6a5f\u80fd\u3092\u7279\u5b9a\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                            \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u306e\u6226\u95d8\u30b1\u30fc\u30b9\u3092\u958b\u767a\u3059\u308b\u524d\u306b\u3001\u8981\u4ef6\u3068\u6a5f\u80fd\u3092\u7279\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u3053\u306e\u4f8b\u3067\u306f\u3001\u30e0\u30fc\u30d3\u30fc\u3068\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u30c7\u30fc\u30bf\u3092\u8868\u793a\u304a\u3088\u3073\u64cd\u4f5c\u3067\u304d\u308b\u30e0\u30fc\u30d3\u30fc\u304a\u3088\u3073\u30b7\u30fc\u30f3\u7ba1\u7406\u7528\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u88c5\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u3068\u9001\u4fe1\u51e6\u7406\u3092\u5b9f\u88c5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u305d\u306e\u305f\u3081\u306b\u306f\u3001\u5177\u4f53\u7684\u306a\u6a5f\u80fd\u8981\u4ef6\u3084\u5b9f\u88c5\u65b9\u6cd5\u3092\u660e\u78ba\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                              \n
                                                                                                                                                                            1. Spring Boot \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                              \u8981\u4ef6\u3068\u6a5f\u80fd\u3092\u7279\u5b9a\u3057\u305f\u3089\u3001Spring Initializr \u3092\u4f7f\u7528\u3057\u3066\u65b0\u3057\u3044 Spring Boot \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3068\u304d\u306f\u3001Thymeleaf \u30d3\u30e5\u30fc\u3068 Web \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5f8c\u3067\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u4f9d\u5b58\u95a2\u4fc2\u3068\u3057\u3066 Thymeleaf \u3068 Spring Web \u3092\u9078\u629e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                \n
                                                                                                                                                                              1. \u30c7\u30fc\u30bf \u30e2\u30c7\u30eb\u3068\u30c7\u30fc\u30bf \u30a2\u30af\u30bb\u30b9\u5c64\u3092\u5b9f\u88c5\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                                \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u305f\u3089\u3001\u30e0\u30fc\u30d3\u30fc\u3068\u30b7\u30fc\u30f3\u306e\u30c7\u30fc\u30bf\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u30c7\u30fc\u30bf \u30e2\u30c7\u30eb\u3068\u30c7\u30fc\u30bf \u30a2\u30af\u30bb\u30b9 \u30ec\u30a4\u30e4\u30fc\u3092\u5b9f\u88c5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u3053\u306e\u5834\u5408\u3001JPA \u3068 Hibernate \u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u30a2\u30af\u30bb\u30b9\u30ec\u30a4\u30e4\u30fc\u3092\u5b9f\u88c5\u3057\u30012 \u3064\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30af\u30e9\u30b9 Movie \u3068 Screening \u3092\u4f7f\u7528\u3057\u3066\u30e0\u30fc\u30d3\u30fc\u3068\u30b7\u30fc\u30f3\u306e\u30c7\u30fc\u30bf\u3092\u8868\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                  \n
                                                                                                                                                                                1. \u30b5\u30fc\u30d3\u30b9\u5c64\u3068\u5236\u5fa1\u5c64\u3092\u5b9f\u88c5\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                                  \u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u5c64\u3068\u30c7\u30fc\u30bf\u30a2\u30af\u30bb\u30b9\u5c64\u304c\u5b9f\u88c5\u3055\u308c\u305f\u306e\u3067\u3001\u30b5\u30fc\u30d3\u30b9\u5c64\u3068\u5236\u5fa1\u5c64\u306e\u5b9f\u88c5\u3092\u958b\u59cb\u3057\u3066\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u51e6\u7406\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u8981\u6c42\u3092\u53d7\u3051\u5165\u308c\u3066\u5fdc\u7b54\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 \u3053\u306e\u4f8b\u3067\u306f\u3001\u30e0\u30fc\u30d3\u30fc \u30c7\u30fc\u30bf\u3068\u30b7\u30fc\u30f3 \u30c7\u30fc\u30bf\u306e\u30d3\u30b8\u30cd\u30b9 \u30ed\u30b8\u30c3\u30af\u3092\u51e6\u7406\u3059\u308b\u305f\u3081\u306b MovieService \u3068 ScreeningService \u3068\u3044\u3046 2 \u3064\u306e\u30b5\u30fc\u30d3\u30b9 \u30af\u30e9\u30b9\u3092\u5b9f\u88c5\u3057\u3001Web \u8981\u6c42\u3068\u5fdc\u7b54\u3092\u51e6\u7406\u3059\u308b\u305f\u3081\u306b MovieController \u3068 ScreeningController \u3068\u3044\u3046 2 \u3064\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                    \n
                                                                                                                                                                                  1. \u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d3\u30e5\u30fc\u3092\u5b9f\u88c5\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                                    \u30b5\u30fc\u30d3\u30b9\u5c64\u3068\u5236\u5fa1\u5c64\u3092\u5b9f\u88c5\u3057\u305f\u5f8c\u3001Thymeleaf\u30d3\u30e5\u30fc\u306e\u5b9f\u88c5\u3092\u958b\u59cb\u3057\u3066\u3001\u30e0\u30fc\u30d3\u30fc\u3068\u30b7\u30fc\u30f3\u306e\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3057\u305f\u308a\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u3068\u9001\u4fe1\u51e6\u7406\u3092\u5b9f\u88c5\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u4f8b\u3067\u306f\u3001\u52d5\u753b\u3068\u30b7\u30fc\u30f3\u306e\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e2\u3064\u306eHTML\u30da\u30fc\u30b8\u3001\u304a\u3088\u3073\u6620\u753b\u3068\u30b7\u30fc\u30f3\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u8868\u793a\u304a\u3088\u3073\u691c\u8a3c\u3059\u308b\u305f\u3081\u306e2\u3064\u306eHTML\u30da\u30fc\u30b8\u3001\u6620\u753b\/\u30d5\u30a9\u30fc\u30e0\u3068\u4e0a\u6620\/\u30d5\u30a9\u30fc\u30e0\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                      \n
                                                                                                                                                                                    1. Web \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3068\u30a2\u30af\u30bb\u30b9\u8a31\u53ef\u5236\u5fa1\u3092\u5b9f\u88c5\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                                      \u30d3\u30b8\u30cd\u30b9\u6a5f\u80fd\u3068\u30bf\u30a4\u30e0\u30ea\u30fc\u30d5\u30d3\u30e5\u30fc\u3092\u5b9f\u88c5\u3057\u305f\u5f8c\u3001Web\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3068\u6a29\u9650\u5236\u5fa1\u306e\u554f\u984c\u3092\u8003\u616e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306b\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u8a8d\u8a3c\u3068\u627f\u8a8d\u3001\u304a\u3088\u3073Web\u653b\u6483\u3084\u60aa\u610f\u306e\u3042\u308b\u52d5\u4f5c\u3092\u9632\u3050\u305f\u3081\u306bSpring Security\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                        \n
                                                                                                                                                                                      1. \u5358\u4f53\u30c6\u30b9\u30c8\u3068\u7d71\u5408\u30c6\u30b9\u30c8\u306e\u5b9f\u65bd<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                                        \u3059\u3079\u3066\u306e\u6a5f\u80fd\u304c\u5b9f\u88c5\u3055\u308c\u305f\u3089\u3001\u5358\u4f53\u30c6\u30b9\u30c8\u3068\u7d71\u5408\u30c6\u30b9\u30c8\u3092\u5b9f\u884c\u3057\u3066\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u6b63\u78ba\u6027\u3068\u5b89\u5b9a\u6027\u3092\u78ba\u8a8d\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u3053\u306e\u4f8b\u3067\u306f\u3001\u5358\u4f53\u30c6\u30b9\u30c8\u306bJUnit\u3068Mockito\u3092\u4f7f\u7528\u3057\u3001\u7d71\u5408\u30c6\u30b9\u30c8\u306bSelenium\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                          \n
                                                                                                                                                                                        1. \u30a2\u30d7\u30ea\u3092\u30c7\u30d7\u30ed\u30a4\u3057\u3066\u5b9f\u884c\u3059\u308b<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                                          \u30c6\u30b9\u30c8\u5f8c\u3001\u30a2\u30d7\u30ea\u3092\u904b\u7528\u74b0\u5883\u306b\u30c7\u30d7\u30ed\u30a4\u3057\u3001\u30a2\u30d7\u30ea\u3092\u5b9f\u884c\u3057\u3066\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30c7\u30d7\u30ed\u30a4\u3057\u3066\u5b9f\u884c\u3059\u308b\u306b\u306f\u3001<\/p>\n\n\n\n
                                                                                                                                                                                          \"\"\/<\/figure>\n\n\n\n
                                                                                                                                                                                          \"gun<\/figure>\n\n\n\n
                                                                                                                                                                                          \u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n
                                                                                                                                                                                          \u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30d3\u30b9\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u307e\u305f\u306f\u72ec\u81ea\u306e\u30b5\u30fc\u30d0\u30fc\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30c7\u30d7\u30ed\u30a4\u3057\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3084Web\u30b5\u30fc\u30d0\u30fc\u306a\u3069\u306e\u95a2\u9023\u74b0\u5883\u3082\u69cb\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                          \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30c7\u30d7\u30ed\u30a4\u3057\u3066\u5b9f\u884c\u3059\u308b\u3068\u304d\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u5b89\u5b9a\u3057\u3066\u5b9f\u884c\u3055\u308c\u3001\u554f\u984c\u3084\u4f8b\u5916\u3092\u30bf\u30a4\u30e0\u30ea\u30fc\u306b\u51e6\u7406\u3057\u3066\u4fee\u6b63\u3067\u304d\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5b89\u5b9a\u6027\u3068\u4fe1\u983c\u6027\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306b\u3001\u30ed\u30ae\u30f3\u30b0\u3068\u30a8\u30e9\u30fc\u51e6\u7406\u306e\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u5b9f\u88c5\u3057\u3066\u3001\u554f\u984c\u3092\u8fc5\u901f\u306b\u8a3a\u65ad\u3057\u3066\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                            \n
                                                                                                                                                                                          1. \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30c6\u30b9\u30c8\u3068\u6700\u9069\u5316\u306e\u5b9f\u884c<\/li>\n<\/ol>\n\n\n\n
                                                                                                                                                                                            \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30c7\u30d7\u30ed\u30a4\u3057\u3066\u5b9f\u884c\u3057\u305f\u5f8c\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9 \u30c6\u30b9\u30c8\u3068\u6700\u9069\u5316\u3092\u5b9f\u884c\u3057\u3066\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u9ad8\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3068\u4f4e\u5f85\u6a5f\u6642\u9593\u3092\u78ba\u4fdd\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u3053\u306e\u4f8b\u3067\u306f\u3001JMeter\u3092\u4f7f\u7528\u3057\u3066\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30c6\u30b9\u30c8\u3092\u884c\u3044\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3001\u975e\u540c\u671f\u51e6\u7406\u3001\u8ca0\u8377\u5206\u6563\u306a\u3069\u306e\u3055\u307e\u3056\u307e\u306a\u624b\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u6700\u9069\u5316\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
                                                                                                                                                                                            \u4ee5\u4e0a\u306e\u30b9\u30c6\u30c3\u30d7\u306b\u3088\u308a\u3001\u52d5\u753b\u3084\u30b7\u30fc\u30f3\u306e\u30c7\u30fc\u30bf\u3092\u8868\u793a\u30fb\u64cd\u4f5c\u3059\u308bThymeleaf\u306e\u5b9f\u7528\u4e8b\u4f8b\u306e\u958b\u767a\u30fb\u30c6\u30b9\u30c8\u3092\u5b8c\u4e86\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u3084\u9001\u4fe1\u51e6\u7406\u3092\u5b9f\u65bd\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
                                                                                                                                                                                            IT\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u30d3\u30c7\u30aa\u3092\u3084\u308a\u305f\u3044\u306e\u3067 … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-1322","post","type-post","status-publish","format-standard","hentry","category-material"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/1322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1322"}],"version-history":[{"count":1,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/1322\/revisions"}],"predecessor-version":[{"id":1323,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/1322\/revisions\/1323"}],"wp:attachment":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}