{"id":463,"date":"2025-03-24T08:53:27","date_gmt":"2025-03-23T23:53:27","guid":{"rendered":"https:\/\/dexall.co.jp\/articles\/?p=463"},"modified":"2025-03-24T08:53:27","modified_gmt":"2025-03-23T23:53:27","slug":"%e3%80%902024%e5%b9%b4%e6%9c%80%e6%96%b0%e3%80%91spring-boot-x-thymeleaf%e5%ae%8c%e5%85%a8%e6%94%bb%e7%95%a5%e3%82%ac%e3%82%a4%e3%83%89%ef%bc%9a%e3%83%99%e3%82%b9%e3%83%88%e3%83%97%e3%83%a9","status":"publish","type":"post","link":"https:\/\/dexall.co.jp\/articles\/?p=463","title":{"rendered":"\u30102024\u5e74\u6700\u65b0\u3011Spring Boot \u00d7 Thymeleaf\u5b8c\u5168\u653b\u7565\u30ac\u30a4\u30c9\uff1a\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3067\u52b9\u7387\u7206\u4e0a\u3052"},"content":{"rendered":"\n<div class=\"toc\"><br \/>\n<b>Warning<\/b>:  Undefined array key \"is_admin\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>116<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_category_top\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>121<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_top\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>128<\/b><br \/>\n    <div id=\"toc_container\" class=\"sgb-toc--bullets js-smooth-scroll\" data-dialog-title=\"\u76ee\u6b21\">\n      <p class=\"toc_title\">\u76ee\u6b21 <\/p>\n      <ul class=\"toc_list\">  <li class=\"first\">    <a href=\"#i-0\">1. Spring Boot\u3068Thymeleaf\u306e\u76f8\u6027\u629c\u7fa4\u306a\u7d44\u307f\u5408\u308f\u305b\u3068\u306f<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-1\">1.1 Thymeleaf\u304c\u9078\u3070\u308c\u308b5\u3064\u306e\u7406\u7531<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-2\">1.2 Spring Boot\u3068Thymeleaf\u306e\u7d71\u5408\u304c\u3082\u305f\u3089\u3059\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-3\">2. Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5c0e\u5165\u3059\u308b\u624b\u9806<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-4\">2.1 \u5fc5\u8981\u306a\u4f9d\u5b58\u95a2\u4fc2\u306e\u8ffd\u52a0\u65b9\u6cd5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-7\">2.2 Thymeleaf\u306e\u57fa\u672c\u8a2d\u5b9a\uff1aapplication.properties\u306e\u8a2d\u5b9a\u4f8b<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-8\">3. Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u57fa\u672c\uff1a5\u5206\u3067\u7406\u89e3\u3059\u308b\u4e3b\u8981\u69cb\u6587<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-9\">\u4e3b\u8981\u69cb\u6587\u306e\u6982\u8981<\/a>      <\/li>      <li>        <a href=\"#i-10\">\u30c6\u30ad\u30b9\u30c8\u7f6e\u63db\u306e\u57fa\u672c<\/a>      <\/li>      <li>        <a href=\"#i-11\">\u30ea\u30f3\u30af\u4f5c\u6210\u306e\u30c6\u30af\u30cb\u30c3\u30af<\/a>      <\/li>      <li>        <a href=\"#i-12\">\u6761\u4ef6\u5206\u5c90\u3068\u7e70\u308a\u8fd4\u3057\u51e6\u7406<\/a>      <\/li>      <li>        <a href=\"#i-13\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/a>      <\/li>      <li>        <a href=\"#i-14\">3.1 \u30c6\u30ad\u30b9\u30c8\u7f6e\u63db\u3068\u30ea\u30f3\u30af\u4f5c\u6210\u306e\u7c21\u5358\u306a\u65b9\u6cd5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-18\">3.2 \u6761\u4ef6\u5206\u5c90\u3068\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u3067\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5b9f\u73fe<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-22\">4. Spring Boot\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068Thymeleaf\u306e\u9023\u643a\u30c6\u30af\u30cb\u30c3\u30af<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-23\">\u30b3\u30fc\u30c9\u4f8b\uff1a\u30e2\u30c7\u30eb\u5c5e\u6027\u306e\u53d7\u3051\u6e21\u3057<\/a>      <\/li>      <li>        <a href=\"#i-24\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/a>      <\/li>      <li>        <a href=\"#i-25\">4.1 \u30e2\u30c7\u30eb\u5c5e\u6027\u306e\u53d7\u3051\u6e21\u3057\uff1a\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304b\u3089\u30d3\u30e5\u30fc\u3078\u306e\u30c7\u30fc\u30bf\u8ee2\u9001<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-29\">4.2 \u30d5\u30a9\u30fc\u30e0\u51e6\u7406\uff1a\u5165\u529b\u5024\u306e\u691c\u8a3c\u3068\u9001\u4fe1\u3092\u7c21\u5358\u306b<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-33\">5. \u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406\uff1a\u5171\u901a\u90e8\u5206\u306e\u52b9\u7387\u7684\u306a\u6271\u3044\u65b9<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-34\">Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8<\/a>      <\/li>      <li>        <a href=\"#i-35\">\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u6d3b\u7528<\/a>      <\/li>      <li>        <a href=\"#i-36\">2024\u5e74\u306e\u6700\u65b0\u30c6\u30af\u30cb\u30c3\u30af<\/a>      <\/li>      <li>        <a href=\"#i-37\">5.1 Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u306e\u6d3b\u7528\u6cd5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-41\">5.2 \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u4f7f\u3063\u305f\u90e8\u5206\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4f5c\u6210\u3068\u518d\u5229\u7528<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-45\">6. \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\uff1aXSS\u653b\u6483\u304b\u3089\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5b88\u308b<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-46\">XSS\u653b\u6483\u306e\u5371\u967a\u6027<\/a>      <\/li>      <li>        <a href=\"#i-47\">Thymeleaf\u306b\u3088\u308b\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7<\/a>      <\/li>      <li>        <a href=\"#i-48\">CSRF\u30c8\u30fc\u30af\u30f3\u306b\u3088\u308b\u4fdd\u8b77<\/a>      <\/li>      <li>        <a href=\"#i-49\">2024\u5e74\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30c8\u30ec\u30f3\u30c9<\/a>      <\/li>      <li>        <a href=\"#i-50\">Thymeleaf\u3068Spring Security\u306e\u9023\u643a<\/a>      <\/li>      <li>        <a href=\"#i-51\">6.1 Thymeleaf\u306e\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u305f\u30bb\u30ad\u30e5\u30a2\u306a\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-55\">6.2 CSRF\u30c8\u30fc\u30af\u30f3\u306e\u81ea\u52d5\u633f\u5165\u3067\u30d5\u30a9\u30fc\u30e0\u3092\u4fdd\u8b77<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-59\">7. \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\uff1a\u8868\u793a\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u308b3\u3064\u306e\u30c6\u30af\u30cb\u30c3\u30af<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-60\">1. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u6d3b\u7528<\/a>      <\/li>      <li>        <a href=\"#i-61\">2. \u975e\u540c\u671f\u51e6\u7406\u306e\u5b9f\u88c5<\/a>      <\/li>      <li>        <a href=\"#i-62\">3. \u30ea\u30bd\u30fc\u30b9\u306e\u6700\u9069\u5316<\/a>      <\/li>      <li>        <a href=\"#i-63\">2024\u5e74\u306e\u6700\u65b0\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u6280\u8853<\/a>      <\/li>      <li>        <a href=\"#i-64\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u306e\u91cd\u8981\u6027<\/a>      <\/li>      <li>        <a href=\"#i-65\">7.1 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u9069\u5207\u306a\u8a2d\u5b9a\u65b9\u6cd5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-69\">7.2 \u975e\u540c\u671f\u51e6\u7406\u3092\u6d3b\u7528\u3057\u305f\u30ec\u30b9\u30dd\u30f3\u30b9\u6642\u9593\u306e\u77ed\u7e2e<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-73\">8. \u56fd\u969b\u5316\u5bfe\u5fdc\uff1a\u591a\u8a00\u8a9e\u30b5\u30a4\u30c8\u306e\u69cb\u7bc9\u624b\u6cd5<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-74\">\u57fa\u672c\u7684\u306a\u56fd\u969b\u5316\u8a2d\u5b9a<\/a>      <\/li>      <li>        <a href=\"#i-75\">\u8a00\u8a9e\u5207\u308a\u66ff\u3048\u306e\u5b9f\u88c5<\/a>      <\/li>      <li>        <a href=\"#i-76\">2024\u5e74\u306e\u6700\u65b0\u6280\u8853\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/a>      <\/li>      <li>        <a href=\"#i-77\">8.1 \u30e1\u30c3\u30bb\u30fc\u30b8\u30bd\u30fc\u30b9\u306e\u8a2d\u5b9a\u3068\u8a00\u8a9e\u5207\u308a\u66ff\u3048\u306e\u5b9f\u88c5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-81\">8.2 \u65e5\u4ed8\u3068\u6570\u5024\u306e\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba\u51e6\u7406<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-85\">9. \u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff1aThymeleaf\u30d3\u30e5\u30fc\u306eUnit\u30c6\u30b9\u30c8\u624b\u6cd5<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-86\">Thymeleaf\u30d3\u30e5\u30fc\u306e\u30c6\u30b9\u30c8\u306b\u304a\u3051\u308bTDD\u306e\u91cd\u8981\u6027<\/a>      <\/li>      <li>        <a href=\"#i-87\">MockMvc\u3092\u4f7f\u3063\u305f\u7d71\u5408\u30c6\u30b9\u30c8<\/a>      <\/li>      <li>        <a href=\"#i-88\">Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5358\u4f53\u30c6\u30b9\u30c8<\/a>      <\/li>      <li>        <a href=\"#i-89\">2024\u5e74\u306e\u6700\u65b0\u30c6\u30b9\u30c8\u6280\u8853<\/a>      <\/li>      <li>        <a href=\"#i-90\">\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u306e\u91cd\u8981\u6027<\/a>      <\/li>      <li>        <a href=\"#i-91\">9.1 MockMvc\u3092\u4f7f\u3063\u305f\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068\u30d3\u30e5\u30fc\u306e\u7d71\u5408\u30c6\u30b9\u30c8<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-95\">9.2 Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5358\u4f53\u30c6\u30b9\u30c8\u5b9f\u88c5\u4f8b<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-99\">10. \u5b9f\u8df5\u7684\u306aTips\uff1a\u958b\u767a\u52b9\u7387\u30922\u500d\u306b\u3059\u308b\u5c0f\u6280\u96c6<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-100\">\u958b\u767a\u52b9\u7387\u5411\u4e0a\u306e\u91cd\u8981\u6027<\/a>      <\/li>      <li>        <a href=\"#i-101\">Live Reload\u6a5f\u80fd\u306e\u6d3b\u7528<\/a>      <\/li>      <li>        <a href=\"#i-102\">DevTools\u3092\u6d3b\u7528\u3057\u305f\u30c7\u30d0\u30c3\u30b0\u30c6\u30af\u30cb\u30c3\u30af<\/a>      <\/li>      <li>        <a href=\"#i-103\">2024\u5e74\u306e\u6700\u65b0\u958b\u767a\u52b9\u7387\u5316\u6280\u8853<\/a>      <\/li>      <li>        <a href=\"#i-104\">\u52b9\u7387\u5316Tips<\/a>      <\/li>      <li>        <a href=\"#i-105\">\u958b\u767a\u8005\u306e\u751f\u7523\u6027\u5411\u4e0a\u306b\u95a2\u3059\u308b\u7d71\u8a08<\/a>      <\/li>      <li>        <a href=\"#i-106\">10.1 Live Reload\u6a5f\u80fd\u306e\u8a2d\u5b9a\u3067\u958b\u767a\u30b5\u30a4\u30af\u30eb\u3092\u9ad8\u901f\u5316<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-110\">10.2 DevTools\u3092\u6d3b\u7528\u3057\u305f\u30c7\u30d0\u30c3\u30b0\u30c6\u30af\u30cb\u30c3\u30af<\/a>      <\/li>    <\/ul>  <\/li>  <li class=\"last\">    <a href=\"#i-116\">11. \u307e\u3068\u3081\uff1aSpring Boot\u00d7Thymeleaf\u3067\u5b9f\u73fe\u3059\u308b\u6b21\u4e16\u4ee3Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-117\">\u4e3b\u8981\u30dd\u30a4\u30f3\u30c8\u306e\u632f\u308a\u8fd4\u308a<\/a>      <\/li>      <li>        <a href=\"#i-118\">\u6b21\u4e16\u4ee3Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u30c8\u30ec\u30f3\u30c9<\/a>      <\/li>      <li>        <a href=\"#i-119\">\u4eca\u5f8c\u306e\u5b66\u7fd2\u3068\u6210\u9577<\/a>      <\/li>      <li>        <a href=\"#i-120\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u6d3b\u7528<\/a>      <\/li>      <li>        <a href=\"#i-121\">2024\u5e74\u4ee5\u964d\u306e\u5c55\u671b<\/a>      <\/li>      <li>        <a href=\"#i-122\">11.1 \u5b66\u7fd2\u306e\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\uff1a\u3088\u308a\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3078\u306e\u30a2\u30d7\u30ed\u30fc\u30c1<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-123\">11.2 \u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30ea\u30bd\u30fc\u30b9\uff1a\u3055\u3089\u306a\u308b\u60c5\u5831\u53ce\u96c6\u3068\u554f\u984c\u89e3\u6c7a\u306e\u5834<\/a>      <\/li>    <\/ul>  <\/li><\/ul>\n      <a href=\"#\" class=\"sgb-toc-button js-toc-button\" rel=\"nofollow\" data-open-dialog=\"true\"><i class=\"fa fa-list\"><\/i><span class=\"sgb-toc-button__text\">\u76ee\u6b21\u3078<\/span><\/a>\n    <\/div><\/div><h2 class=\"wp-block-heading\" id=\"i-0\">1. Spring Boot\u3068Thymeleaf\u306e\u76f8\u6027\u629c\u7fa4\u306a\u7d44\u307f\u5408\u308f\u305b\u3068\u306f<\/h2>\n\n\n\n<p>2024\u5e74\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3044\u3066\u3001Spring Boot\u3068Thymeleaf\u306e\u7d44\u307f\u5408\u308f\u305b\u306f\u3001\u52b9\u7387\u7684\u3067\u67d4\u8edf\u306a\u958b\u767a\u74b0\u5883\u3092\u63d0\u4f9b\u3059\u308b\u5f37\u529b\u306a\u30c7\u30e5\u30aa\u3068\u3057\u3066\u6ce8\u76ee\u3092\u96c6\u3081\u3066\u3044\u307e\u3059\u3002Spring Boot\u306f\u3001\u30b9\u30bf\u30f3\u30c9\u30a2\u30ed\u30fc\u30f3\u3067\u5b9f\u884c\u53ef\u80fd\u306aProduction-grade\u306eSpring\u30d9\u30fc\u30b9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3067\u304d\u308b\u9769\u65b0\u7684\u306a\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002\u4e00\u65b9\u3001Thymeleaf\u306f\u3001\u30e2\u30c0\u30f3\u306a\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9Java\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068\u3057\u3066\u3001HTML\u3068\u5b8c\u5168\u306b\u4e92\u63db\u6027\u306e\u3042\u308b\u81ea\u7136\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e2\u3064\u306e\u6280\u8853\u306e\u7d44\u307f\u5408\u308f\u305b\u304c\u76f8\u6027\u629c\u7fa4\u3067\u3042\u308b\u7406\u7531\u306f\u3001\u4ee5\u4e0b\u306e\u70b9\u306b\u3042\u308a\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u8a2d\u5b9a\u306e\u7c21\u7d20\u5316<\/strong>: Spring Boot\u306eAutoConfiguration\u3068Thymeleaf\u306e\u81ea\u52d5\u691c\u51fa\u6a5f\u80fd\u306b\u3088\u308a\u3001\u6700\u5c0f\u9650\u306e\u8a2d\u5b9a\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u9ad8\u3044\u958b\u767a\u751f\u7523\u6027<\/strong>: Spring Boot\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u3068\u30c7\u30d9\u30ed\u30c3\u30d1\u30fc\u30c4\u30fc\u30eb\u306b\u3001Thymeleaf\u306e\u30db\u30c3\u30c8\u30ea\u30ed\u30fc\u30c9\u6a5f\u80fd\u304c\u52a0\u308f\u308a\u3001\u8fc5\u901f\u306a\u958b\u767a\u30b5\u30a4\u30af\u30eb\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u67d4\u8edf\u306a\u30d3\u30e5\u30fc\u5c64\u306e\u5b9f\u88c5<\/strong>: Thymeleaf\u306eNatural Templates\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u3088\u308a\u3001\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u306e\u5354\u696d\u304c\u5bb9\u6613\u306b\u306a\u308a\u3001\u9759\u7684\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u304b\u3089\u52d5\u7684\u30da\u30fc\u30b8\u3078\u306e\u30b9\u30e0\u30fc\u30ba\u306a\u79fb\u884c\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3068\u306e\u9023\u643a<\/strong>: Spring Security\u3068Thymeleaf\u306e\u7d71\u5408\u306b\u3088\u308a\u3001XSS\u5bfe\u7b56\u3084CSRF\u4fdd\u8b77\u306a\u3069\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3092\u7c21\u5358\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u4f8b\u306f\u3001Spring Boot\u3068Thymeleaf\u306e\u57fa\u672c\u7684\u306a\u8a2d\u5b9a\u3092\u793a\u3057\u3066\u3044\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Configuration\npublic class ThymeleafConfig {\n    @Bean\n    public SpringTemplateEngine templateEngine() {\n        SpringTemplateEngine templateEngine = new SpringTemplateEngine();\n        templateEngine.setTemplateResolver(templateResolver());\n        return templateEngine;\n    }\n\n    @Bean\n    public SpringResourceTemplateResolver templateResolver() {\n        SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver();\n        templateResolver.setPrefix(\"classpath:\/templates\/\");\n        templateResolver.setSuffix(\".html\");\n        templateResolver.setTemplateMode(TemplateMode.HTML);\n        return templateResolver;\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u306e\u8a2d\u5b9a\u306b\u3088\u308a\u3001<code>src\/main\/resources\/templates\/<\/code>\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306eHTML\u30d5\u30a1\u30a4\u30eb\u304cThymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u3057\u3066\u81ea\u52d5\u7684\u306b\u8a8d\u8b58\u3055\u308c\u3001Spring Boot\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Thymeleaf\u304c\u9078\u3070\u308c\u308b\u5177\u4f53\u7684\u306a\u7406\u7531\u3068\u3001Spring Boot\u3068Thymeleaf\u306e\u7d71\u5408\u304c\u3082\u305f\u3089\u3059\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a\u306b\u3064\u3044\u3066\u3001\u3055\u3089\u306b\u8a73\u3057\u304f\u898b\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-1\">1.1 Thymeleaf\u304c\u9078\u3070\u308c\u308b5\u3064\u306e\u7406\u7531<\/h3>\n\n\n\n<p>2024\u5e74\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3044\u3066\u3001Thymeleaf\u304c\u591a\u304f\u306e\u958b\u767a\u8005\u306b\u9078\u3070\u308c\u308b\u7406\u7531\u306f\u4ee5\u4e0b\u306e5\u70b9\u306b\u96c6\u7d04\u3055\u308c\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>HTML\u3068\u306e\u9ad8\u3044\u89aa\u548c\u6027<\/strong>\uff1a<br>Thymeleaf\u306e\u300cNatural Templates\u300d\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u3088\u308a\u3001\u901a\u5e38\u306eHTML\u30d5\u30a1\u30a4\u30eb\u306b\u7279\u6b8a\u306a\u5c5e\u6027\u3092\u8ffd\u52a0\u3059\u308b\u3060\u3051\u3067\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u751f\u6210\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u306e\u5354\u696d\u304c\u30b9\u30e0\u30fc\u30ba\u306b\u306a\u308a\u3001\u9759\u7684\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u304b\u3089\u52d5\u7684\u30da\u30fc\u30b8\u3078\u306e\u79fb\u884c\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u52b9\u7387\u7684\u306a\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0<\/strong>\uff1a<br>\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u304c\u4e3b\u6d41\u306e\u4e2d\u3001Thymeleaf\u306f\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u5229\u70b9\u3092\u6d3b\u304b\u3057\u3001\u521d\u671f\u30ed\u30fc\u30c9\u6642\u9593\u306e\u77ed\u7e2e\u3068SEO\u5bfe\u7b56\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>Spring Boot\u3068\u306e\u5bb9\u6613\u306a\u7d71\u5408<\/strong>\uff1a<br>Spring Boot\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3059\u308b\u3060\u3051\u3067\u3001Thymeleaf\u3092\u7c21\u5358\u306b\u5c0e\u5165\u3067\u304d\u307e\u3059\u3002\u81ea\u52d5\u8a2d\u5b9a\u6a5f\u80fd\u306b\u3088\u308a\u3001\u8907\u96d1\u306a\u8a2d\u5b9a\u306a\u3057\u3067\u3059\u3050\u306b\u4f7f\u7528\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u8c4a\u5bcc\u306a\u5f0f\u8a00\u8a9e\u3068\u6a5f\u80fd<\/strong>\uff1a<br>\u6761\u4ef6\u5206\u5c90\u3001\u7e70\u308a\u8fd4\u3057\u3001\u5909\u6570\u5f0f\u306a\u3069\u3001\u591a\u5f69\u306a\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u3001\u8907\u96d1\u306a\u30d3\u30e5\u30fc\u30ed\u30b8\u30c3\u30af\u3092\u7c21\u6f54\u306b\u8a18\u8ff0\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u3001Spring Security\u7d71\u5408\u306b\u3088\u308a\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u306e\u5b9f\u88c5\u3082\u5bb9\u6613\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d7\u30ed\u30c8\u30bf\u30a4\u30d4\u30f3\u30b0\u306e\u5bb9\u6613\u3055<\/strong>\uff1a<br>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u901a\u5e38\u306e\u30d6\u30e9\u30a6\u30b6\u3067\u3082\u8868\u793a\u53ef\u80fd\u306a\u305f\u3081\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u5b9f\u88c5\u524d\u306bUI\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d4\u30f3\u30b0\u304c\u53ef\u80fd\u3067\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u521d\u671f\u6bb5\u968e\u304b\u3089\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u30b5\u30a4\u30af\u30eb\u3092\u77ed\u7e2e\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u7406\u7531\u304b\u3089\u3001Thymeleaf\u306fSpring Boot\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u4f7f\u7528\u3059\u308b\u969b\u306e\u6700\u9069\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u306e\u4e00\u3064\u3068\u3057\u3066\u5e83\u304f\u8a8d\u77e5\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-2\">1.2 Spring Boot\u3068Thymeleaf\u306e\u7d71\u5408\u304c\u3082\u305f\u3089\u3059\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a<\/h3>\n\n\n\n<p>Spring Boot\u3068Thymeleaf\u306e\u7d71\u5408\u306f\u30012024\u5e74\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3044\u3066\u3001\u4ee5\u4e0b\u306e\u70b9\u3067\u9855\u8457\u306a\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a\u3092\u3082\u305f\u3089\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u81ea\u52d5\u8a2d\u5b9a\u306b\u3088\u308b\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u6642\u9593\u306e\u77ed\u7e2e<\/strong>\uff1a<br>Spring Boot\u306eauto-configuration\u6a5f\u80fd\u306b\u3088\u308a\u3001Thymeleaf\u306e\u57fa\u672c\u8a2d\u5b9a\u304c\u81ea\u52d5\u7684\u306b\u884c\u308f\u308c\u307e\u3059\u3002\u958b\u767a\u8005\u306f\u8907\u96d1\u306a\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3092\u8a18\u8ff0\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u3001\u3059\u3050\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u958b\u767a\u306b\u96c6\u4e2d\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   \/\/ application.properties\u306e\u7c21\u5358\u306a\u8a2d\u5b9a\u4f8b\n   spring.thymeleaf.cache=false\n   spring.thymeleaf.prefix=classpath:\/templates\/<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30db\u30c3\u30c8\u30ea\u30ed\u30fc\u30c9\u306b\u3088\u308b\u8fc5\u901f\u306a\u958b\u767a\u30b5\u30a4\u30af\u30eb<\/strong>\uff1a<br>Spring Boot DevTools\u3068Thymeleaf\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u7121\u52b9\u5316\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u30b3\u30fc\u30c9\u306e\u5909\u66f4\u304c\u3059\u3050\u306b\u53cd\u6620\u3055\u308c\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u8005\u306f\u5909\u66f4\u306e\u7d50\u679c\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u78ba\u8a8d\u3067\u304d\u3001\u958b\u767a\u30b5\u30a4\u30af\u30eb\u304c\u5927\u5e45\u306b\u77ed\u7e2e\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>Spring Security\u7d71\u5408\u306b\u3088\u308b\u5b89\u5168\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a<\/strong>\uff1a<br>Thymeleaf\u306fSpring Security\u3068\u7dca\u5bc6\u306b\u7d71\u5408\u3055\u308c\u3066\u304a\u308a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u3067\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u95a2\u9023\u306e\u6a5f\u80fd\u3092\u7c21\u5358\u306b\u5229\u7528\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001CSRF\u30c8\u30fc\u30af\u30f3\u306e\u81ea\u52d5\u633f\u5165\u3084\u30e6\u30fc\u30b6\u30fc\u6a29\u9650\u306b\u57fa\u3065\u3044\u305f\u6761\u4ef6\u4ed8\u304d\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u304c\u5bb9\u6613\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;form th:action=\"@{\/logout}\" method=\"post\"&gt;\n     &lt;input type=\"hidden\" th:name=\"${_csrf.parameterName}\" th:value=\"${_csrf.token}\" \/&gt;\n     &lt;button type=\"submit\"&gt;Logout&lt;\/button&gt;\n   &lt;\/form&gt;<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>RESTful API\u3068\u306e\u7c21\u5358\u306a\u9023\u643a<\/strong>\uff1a<br>Spring Boot\u306eRESTful\u30b5\u30fc\u30d3\u30b9\u3068Thymeleaf\u306e\u30d3\u30e5\u30fc\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u9023\u643a\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002@RestController\u3068@Controller\u3092\u9069\u5207\u306b\u4f7f\u3044\u5206\u3051\u308b\u3053\u3068\u3067\u3001\u540c\u4e00\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u3067API\u3068Web\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u52b9\u7387\u7684\u306b\u958b\u767a\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u7279\u5fb4\u306b\u3088\u308a\u3001Spring Boot\u3068Thymeleaf\u306e\u7d44\u307f\u5408\u308f\u305b\u306f\u3001\u9ad8\u54c1\u8cea\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u8fc5\u901f\u306b\u958b\u767a\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u30bb\u30c3\u30c8\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-3\">2. Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5c0e\u5165\u3059\u308b\u624b\u9806<\/h2>\n\n\n\n<p>2024\u5e74\u73fe\u5728\u3001Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5c0e\u5165\u3059\u308b\u904e\u7a0b\u306f\u3001\u4ee5\u524d\u3088\u308a\u3082\u3055\u3089\u306b\u7c21\u7d20\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u4ee5\u4e0b\u306b\u3001\u6700\u65b0\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u57fa\u3065\u3044\u305f\u5c0e\u5165\u624b\u9806\u3092\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210<\/strong>:<br>Spring Initializr (https:\/\/start.spring.io\/) \u3092\u4f7f\u7528\u3057\u3066\u3001\u65b0\u898fSpring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u3053\u306e\u969b\u3001\u300cThymeleaf\u300d\u4f9d\u5b58\u95a2\u4fc2\u3092\u9078\u629e\u3059\u308b\u3053\u3068\u3067\u3001\u81ea\u52d5\u7684\u306b\u5fc5\u8981\u306a\u8a2d\u5b9a\u304c\u884c\u308f\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u4f9d\u5b58\u95a2\u4fc2\u306e\u8ffd\u52a0<\/strong>:<br>\u65e2\u5b58\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5c0e\u5165\u3059\u308b\u5834\u5408\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002 Maven (pom.xml):<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;dependency&gt;\n       &lt;groupId&gt;org.springframework.boot&lt;\/groupId&gt;\n       &lt;artifactId&gt;spring-boot-starter-thymeleaf&lt;\/artifactId&gt;\n   &lt;\/dependency&gt;<\/pre>\n\n\n\n<p>Gradle (build.gradle):<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>application.properties\u306e\u8a2d\u5b9a<\/strong>:<br>src\/main\/resources\/application.properties \u30d5\u30a1\u30a4\u30eb\u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   spring.thymeleaf.prefix=classpath:\/templates\/\n   spring.thymeleaf.suffix=.html\n   spring.thymeleaf.mode=HTML\n   spring.thymeleaf.encoding=UTF-8\n   spring.thymeleaf.cache=false<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u4f5c\u6210<\/strong>:<br>src\/main\/resources\/templates\/ \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306bHTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u5b9f\u88c5<\/strong>:<br>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u6e21\u3059\u305f\u3081\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Controller\n   public class HomeController {\n       @GetMapping(\"\/\")\n       public String home(Model model) {\n           model.addAttribute(\"message\", \"Welcome to Thymeleaf!\");\n           return \"home\";\n       }\n   }<\/pre>\n\n\n\n<p>2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u70b9\u306b\u3082\u6ce8\u76ee\u3057\u3066\u3044\u307e\u3059\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Thymeleaf Layout Dialect<\/strong>\u306e\u6d3b\u7528\uff1a\u5171\u901a\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u7ba1\u7406\u3092\u52b9\u7387\u5316<\/li>\n\n\n\n<li><strong>Spring Security\u7d71\u5408<\/strong>\u306e\u8a2d\u5b9a\uff1a\u30bb\u30ad\u30e5\u30a2\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a<\/li>\n\n\n\n<li><strong>\u56fd\u969b\u5316\u5bfe\u5fdc<\/strong>\u306e\u8a2d\u5b9a\uff1a\u30b0\u30ed\u30fc\u30d0\u30eb\u5c55\u958b\u3092\u898b\u636e\u3048\u305f\u591a\u8a00\u8a9e\u30b5\u30dd\u30fc\u30c8<\/li>\n\n\n\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u6700\u9069\u5316<\/strong>\uff1a\u672c\u756a\u74b0\u5883\u3067\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u5411\u4e0a<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u624b\u9806\u306b\u5f93\u3046\u3053\u3068\u3067\u3001Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u5c0e\u5165\u3057\u3001\u52b9\u7387\u7684\u306a\u958b\u767a\u3092\u958b\u59cb\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u4f9d\u5b58\u95a2\u4fc2\u306e\u8ffd\u52a0\u65b9\u6cd5\u3068application.properties\u306e\u8a2d\u5b9a\u306b\u3064\u3044\u3066\u3001\u3088\u308a\u8a73\u7d30\u306b\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-4\">2.1 \u5fc5\u8981\u306a\u4f9d\u5b58\u95a2\u4fc2\u306e\u8ffd\u52a0\u65b9\u6cd5<\/h3>\n\n\n\n<p>Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5c0e\u5165\u3059\u308b\u969b\u3001\u9069\u5207\u306a\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u30022024\u5e74\u73fe\u5728\u3001Spring Boot Starter\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u4e92\u63db\u6027\u306e\u3042\u308b\u30d0\u30fc\u30b8\u30e7\u30f3\u306eThymeleaf\u3068\u305d\u306e\u4ed6\u306e\u5fc5\u8981\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u81ea\u52d5\u7684\u306b\u7ba1\u7406\u3055\u308c\u307e\u3059\u3002\u4ee5\u4e0b\u306b\u3001Maven\u3068Gradle\u305d\u308c\u305e\u308c\u306e\u4f9d\u5b58\u95a2\u4fc2\u8ffd\u52a0\u65b9\u6cd5\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-5\">Maven\u306e\u5834\u5408\uff08pom.xml\uff09:<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;dependencies&gt;\n    &lt;dependency&gt;\n        &lt;groupId&gt;org.springframework.boot&lt;\/groupId&gt;\n        &lt;artifactId&gt;spring-boot-starter-thymeleaf&lt;\/artifactId&gt;\n    &lt;\/dependency&gt;\n    &lt;dependency&gt;\n        &lt;groupId&gt;org.springframework.boot&lt;\/groupId&gt;\n        &lt;artifactId&gt;spring-boot-starter-web&lt;\/artifactId&gt;\n    &lt;\/dependency&gt;\n&lt;\/dependencies&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-6\">Gradle\u306e\u5834\u5408\uff08build.gradle\uff09:<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">dependencies {\n    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'\n    implementation 'org.springframework.boot:spring-boot-starter-web'\n}<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u4ee5\u4e0b\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u81ea\u52d5\u7684\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u542b\u307e\u308c\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Thymeleaf\u3068\u305d\u306e\u95a2\u9023\u30e9\u30a4\u30d6\u30e9\u30ea<\/li>\n\n\n\n<li>Spring MVC\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af<\/li>\n\n\n\n<li>\u7d44\u307f\u8fbc\u307fTomcat\u30b5\u30fc\u30d0\u30fc<\/li>\n<\/ol>\n\n\n\n<p>\u3055\u3089\u306b\u3001\u958b\u767a\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u3001Spring Boot DevTools\u306e\u8ffd\u52a0\u3082\u63a8\u5968\u3055\u308c\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;dependency&gt;\n    &lt;groupId&gt;org.springframework.boot&lt;\/groupId&gt;\n    &lt;artifactId&gt;spring-boot-devtools&lt;\/artifactId&gt;\n    &lt;scope&gt;runtime&lt;\/scope&gt;\n    &lt;optional&gt;true&lt;\/optional&gt;\n&lt;\/dependency&gt;<\/pre>\n\n\n\n<p>DevTools\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u81ea\u52d5\u518d\u8d77\u52d5\u3084\u30d6\u30e9\u30a6\u30b6\u306e\u81ea\u52d5\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u306a\u3069\u306e\u6a5f\u80fd\u304c\u5229\u7528\u53ef\u80fd\u306b\u306a\u308a\u3001\u958b\u767a\u30b5\u30a4\u30af\u30eb\u3092\u5927\u5e45\u306b\u77ed\u7e2e\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001Thymeleaf\u3068Spring Boot\u306e\u7d71\u5408\u74b0\u5883\u304c\u6574\u3044\u3001\u52b9\u7387\u7684\u306a\u958b\u767a\u3092\u59cb\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Thymeleaf\u306e\u57fa\u672c\u8a2d\u5b9a\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-7\">2.2 Thymeleaf\u306e\u57fa\u672c\u8a2d\u5b9a\uff1aapplication.properties\u306e\u8a2d\u5b9a\u4f8b<\/h3>\n\n\n\n<p>Thymeleaf\u3092Spring Boot\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u52b9\u679c\u7684\u306b\u4f7f\u7528\u3059\u308b\u306b\u306f\u3001<code>application.properties<\/code>\u30d5\u30a1\u30a4\u30eb\u3067\u9069\u5207\u306a\u8a2d\u5b9a\u3092\u884c\u3046\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u30022024\u5e74\u73fe\u5728\u3001\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u4f8b\u304c\u63a8\u5968\u3055\u308c\u3066\u3044\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4fdd\u5b58\u5834\u6240\nspring.thymeleaf.prefix=classpath:\/templates\/\n\n# \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u62e1\u5f35\u5b50\nspring.thymeleaf.suffix=.html\n\n# \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30e2\u30fc\u30c9\nspring.thymeleaf.mode=HTML\n\n# \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\nspring.thymeleaf.encoding=UTF-8\n\n# \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u7121\u52b9\u5316\uff08\u958b\u767a\u6642\uff09\nspring.thymeleaf.cache=false\n\n# Thymeleaf\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7121\u52b9\u5316\uff08\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u5411\u4e0a\uff09\nspring.thymeleaf.check-template=false\nspring.thymeleaf.check-template-location=false\n\n# \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u89e3\u6c7a\u306e\u6700\u9069\u5316\nspring.thymeleaf.enabled=true<\/pre>\n\n\n\n<p>\u5404\u8a2d\u5b9a\u9805\u76ee\u306e\u610f\u5473\u3068\u63a8\u5968\u5024\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>spring.thymeleaf.prefix<\/code>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u4fdd\u5b58\u5834\u6240\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u306f<code>classpath:\/templates\/<\/code>\u3067\u3001\u901a\u5e38\u306f\u3053\u306e\u8a2d\u5b9a\u3067\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002<\/li>\n\n\n\n<li><code>spring.thymeleaf.suffix<\/code>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u62e1\u5f35\u5b50\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<code>.html<\/code>\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\n\n\n<li><code>spring.thymeleaf.mode<\/code>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u51e6\u7406\u30e2\u30fc\u30c9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<code>HTML<\/code>\u30e2\u30fc\u30c9\u304c\u63a8\u5968\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>spring.thymeleaf.encoding<\/code>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<code>UTF-8<\/code>\u304c\u6a19\u6e96\u7684\u3067\u3059\u3002<\/li>\n\n\n\n<li><code>spring.thymeleaf.cache<\/code>: \u958b\u767a\u6642\u306f<code>false<\/code>\u306b\u8a2d\u5b9a\u3057\u3066\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u7121\u52b9\u5316\u3057\u3001\u5909\u66f4\u3092\u3059\u3050\u306b\u53cd\u6620\u3055\u305b\u307e\u3059\u3002\u672c\u756a\u74b0\u5883\u3067\u306f<code>true<\/code>\u306b\u8a2d\u5b9a\u3057\u3066\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>spring.thymeleaf.check-template<\/code>\u3068<code>spring.thymeleaf.check-template-location<\/code>: \u3053\u308c\u3089\u3092<code>false<\/code>\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u8d77\u52d5\u6642\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30c1\u30a7\u30c3\u30af\u3092\u7701\u7565\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8d77\u52d5\u3092\u9ad8\u901f\u5316\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>spring.thymeleaf.enabled<\/code>: Thymeleaf\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u3067<code>true<\/code>\u3067\u3059\u304c\u3001\u660e\u793a\u7684\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u610f\u56f3\u3092\u660e\u78ba\u306b\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u8a2d\u5b9a\u3092\u9069\u5207\u306b\u884c\u3046\u3053\u3068\u3067\u3001Thymeleaf\u3068Spring Boot\u306e\u9023\u643a\u304c\u6700\u9069\u5316\u3055\u308c\u3001\u52b9\u7387\u7684\u306a\u958b\u767a\u3068\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u4e21\u7acb\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8981\u4ef6\u306b\u5fdc\u3058\u3066\u3001\u3053\u308c\u3089\u306e\u8a2d\u5b9a\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-8\">3. Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u57fa\u672c\uff1a5\u5206\u3067\u7406\u89e3\u3059\u308b\u4e3b\u8981\u69cb\u6587<\/h2>\n\n\n\n<p>Thymeleaf\u306f\u3001HTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u52d5\u7684\u306a\u632f\u308b\u821e\u3044\u3092\u8ffd\u52a0\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u304b\u3064\u76f4\u611f\u7684\u306a\u69cb\u6587\u3092\u63d0\u4f9b\u3057\u307e\u3059\u30022024\u5e74\u73fe\u5728\u3001Thymeleaf\u306e\u4e3b\u8981\u69cb\u6587\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u306f\u3001\u52b9\u7387\u7684\u306aWeb\u958b\u767a\u306e\u9375\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u30015\u5206\u3067\u628a\u63e1\u3067\u304d\u308b\u91cd\u8981\u306a\u69cb\u6587\u8981\u7d20\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-9\">\u4e3b\u8981\u69cb\u6587\u306e\u6982\u8981<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30c6\u30ad\u30b9\u30c8\u7f6e\u63db<\/strong>: <code>${...}<\/code><\/li>\n\n\n\n<li><strong>\u30ea\u30f3\u30af\u4f5c\u6210<\/strong>: <code>@{...}<\/code><\/li>\n\n\n\n<li><strong>\u6761\u4ef6\u5206\u5c90<\/strong>: <code>th:if<\/code>, <code>th:unless<\/code>, <code>th:switch<\/code>, <code>th:case<\/code><\/li>\n\n\n\n<li><strong>\u7e70\u308a\u8fd4\u3057\u51e6\u7406<\/strong>: <code>th:each<\/code><\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u69cb\u6587\u3092\u4f7f\u3044\u3053\u306a\u3059\u3053\u3068\u3067\u3001\u52d5\u7684\u3067\u67d4\u8edf\u306aWeb\u30da\u30fc\u30b8\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-10\">\u30c6\u30ad\u30b9\u30c8\u7f6e\u63db\u306e\u57fa\u672c<\/h3>\n\n\n\n<p>\u30c6\u30ad\u30b9\u30c8\u7f6e\u63db\u306f\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u5909\u6570\u3092HTML\u306b\u57cb\u3081\u8fbc\u3080\u305f\u3081\u306e\u6700\u3082\u57fa\u672c\u7684\u306a\u64cd\u4f5c\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p th:text=\"${welcomeMessage}\"&gt;Welcome to our store!&lt;\/p&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001<code>${welcomeMessage}<\/code>\u306e\u5024\u304c\u300cWelcome to our store!\u300d\u3092\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u30c6\u30ad\u30b9\u30c8\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u30d6\u30e9\u30a6\u30b6\u3067\u76f4\u63a5\u958b\u3044\u305f\u969b\u306b\u8868\u793a\u3055\u308c\u308b\u305f\u3081\u3001\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u306e\u5354\u696d\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-11\">\u30ea\u30f3\u30af\u4f5c\u6210\u306e\u30c6\u30af\u30cb\u30c3\u30af<\/h3>\n\n\n\n<p>\u52d5\u7684\u306a\u30ea\u30f3\u30af\u3092\u4f5c\u6210\u3059\u308b\u969b\u306f\u3001<code>@{...}<\/code>\u69cb\u6587\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;a th:href=\"@{\/product\/{id}(id=${product.id})}\"&gt;View Product&lt;\/a&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001\u88fd\u54c1ID\u306b\u57fa\u3065\u3044\u3066\u52d5\u7684\u306b\u30ea\u30f3\u30af\u3092\u751f\u6210\u3057\u3066\u3044\u307e\u3059\u3002<code>(id=${product.id})<\/code>\u306e\u90e8\u5206\u3067URL\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-12\">\u6761\u4ef6\u5206\u5c90\u3068\u7e70\u308a\u8fd4\u3057\u51e6\u7406<\/h3>\n\n\n\n<p>\u6761\u4ef6\u5206\u5c90\u3068\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u52d5\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6761\u4ef6\u5206\u5c90\u306e\u4f8b:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div th:if=\"${user.isAdmin()}\"&gt;Admin Panel&lt;\/div&gt;<\/pre>\n\n\n\n<p>\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u306e\u4f8b:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;ul&gt;\n    &lt;li th:each=\"item : ${items}\" th:text=\"${item.name}\"&gt;&lt;\/li&gt;\n&lt;\/ul&gt;<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u69cb\u6587\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u8907\u96d1\u306a\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3082\u7c21\u6f54\u306b\u8868\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-13\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/strong>: XSS\u653b\u6483\u3092\u9632\u3050\u305f\u3081\u3001\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u8868\u793a\u3059\u308b\u969b\u306f<code>th:text<\/code>\u306e\u4ee3\u308f\u308a\u306b<code>th:utext<\/code>\u3092\u4f7f\u7528\u3057\u3001\u9069\u5207\u306b\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/strong>: \u983b\u7e41\u306b\u4f7f\u7528\u3059\u308b\u90e8\u5206\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u306f<code>th:fragment<\/code>\u3092\u4f7f\u7528\u3057\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6d3b\u7528\u3057\u3066\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u56fd\u969b\u5316\u5bfe\u5fdc<\/strong>: \u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u5916\u90e8\u5316\u3057\u3001<code>#{...}<\/code>\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u591a\u8a00\u8a9e\u30b5\u30dd\u30fc\u30c8\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>JavaScript\u9023\u643a<\/strong>: Thymeleaf\u306e<code>data-*<\/code>\u5c5e\u6027\u3092\u6d3b\u7528\u3057\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u30c7\u30fc\u30bf\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306eJavaScript\u306b\u5b89\u5168\u306b\u6e21\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u57fa\u672c\u69cb\u6587\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u62bc\u3055\u3048\u308b\u3053\u3068\u3067\u3001Thymeleaf\u3068Spring Boot\u3092\u4f7f\u7528\u3057\u305f\u52b9\u7387\u7684\u3067\u5b89\u5168\u306aWeb\u958b\u767a\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u69cb\u6587\u3092\u3088\u308a\u8a73\u7d30\u306b\u89e3\u8aac\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-14\">3.1 \u30c6\u30ad\u30b9\u30c8\u7f6e\u63db\u3068\u30ea\u30f3\u30af\u4f5c\u6210\u306e\u7c21\u5358\u306a\u65b9\u6cd5<\/h3>\n\n\n\n<p>Thymeleaf\u3067\u306e\u30c6\u30ad\u30b9\u30c8\u7f6e\u63db\u3068\u30ea\u30f3\u30af\u4f5c\u6210\u306f\u3001\u52d5\u7684\u306aWeb\u30da\u30fc\u30b8\u3092\u69cb\u7bc9\u3059\u308b\u4e0a\u3067\u6700\u3082\u57fa\u672c\u7684\u304b\u3064\u91cd\u8981\u306a\u64cd\u4f5c\u3067\u3059\u30022024\u5e74\u73fe\u5728\u3001\u3053\u308c\u3089\u306e\u6280\u8853\u3092\u30de\u30b9\u30bf\u30fc\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u67d4\u8edf\u3067\u4fdd\u5b88\u6027\u306e\u9ad8\u3044\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-15\">\u30c6\u30ad\u30b9\u30c8\u7f6e\u63db<\/h4>\n\n\n\n<p>\u30c6\u30ad\u30b9\u30c8\u7f6e\u63db\u306b\u306f\u4e3b\u306b<code>th:text<\/code>\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p th:text=\"${welcomeMessage}\"&gt;Welcome to our store!&lt;\/p&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001<code>${welcomeMessage}<\/code>\u306e\u5024\u304c\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u304b\u3089\u63d0\u4f9b\u3055\u308c\u3001\u300cWelcome to our store!\u300d\u3068\u3044\u3046\u30c7\u30d5\u30a9\u30eb\u30c8\u30c6\u30ad\u30b9\u30c8\u3092\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3088\u308a\u9ad8\u5ea6\u306a\u4f7f\u7528\u65b9\u6cd5:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p th:text=\"${'Hello, ' + user.name + '!'}\"&gt;Hello, Guest!&lt;\/p&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001\u6587\u5b57\u5217\u9023\u7d50\u3092\u4f7f\u3063\u3066\u52d5\u7684\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-16\">\u30ea\u30f3\u30af\u4f5c\u6210<\/h4>\n\n\n\n<p>\u30ea\u30f3\u30af\u306e\u4f5c\u6210\u306b\u306f<code>@{...}<\/code>\u69cb\u6587\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d1\u30b9\u306e\u5909\u66f4\u306b\u5f37\u3044\u52d5\u7684\u306aURL\u3092\u751f\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;a th:href=\"@{\/products}\"&gt;View All Products&lt;\/a&gt;<\/pre>\n\n\n\n<p>\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u542b\u3080\u30ea\u30f3\u30af\u306e\u4f8b:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;a th:href=\"@{\/product\/{id}(id=${product.id})}\"&gt;View Product Details&lt;\/a&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001\u88fd\u54c1ID\u3092URL\u30d1\u30b9\u306b\u7d44\u307f\u8fbc\u3093\u3067\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-17\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>XSS\u5bfe\u7b56<\/strong>: \u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u8868\u793a\u3059\u308b\u969b\u306f\u3001<code>th:text<\/code>\u306e\u4ee3\u308f\u308a\u306b<code>th:utext<\/code>\u3092\u4f7f\u7528\u3057\u3001\u9069\u5207\u306b\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:utext=\"${userComment}\"&gt;User comment here&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u56fd\u969b\u5316\u5bfe\u5fdc<\/strong>: \u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u5916\u90e8\u5316\u3057\u3001<code>#{...}<\/code>\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u591a\u8a00\u8a9e\u30b5\u30dd\u30fc\u30c8\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;h1 th:text=\"#{welcome.message}\"&gt;Welcome&lt;\/h1&gt;<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u6761\u4ef6\u4ed8\u304d\u30ea\u30f3\u30af<\/strong>: <code>th:href<\/code>\u3068<code>th:if<\/code>\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u30ea\u30f3\u30af\u3092\u751f\u6210\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;a th:href=\"@{\/admin}\" th:if=\"${user.isAdmin()}\"&gt;Admin Panel&lt;\/a&gt;<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30bb\u30ad\u30e5\u30a2\u3067\u67d4\u8edf\u6027\u306e\u9ad8\u3044Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u6761\u4ef6\u5206\u5c90\u3068\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-18\">3.2 \u6761\u4ef6\u5206\u5c90\u3068\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u3067\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5b9f\u73fe<\/h3>\n\n\n\n<p>Thymeleaf\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3067\u3042\u308b\u6761\u4ef6\u5206\u5c90\u3068\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u9ad8\u5ea6\u306b\u52d5\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3067\u304d\u307e\u3059\u30022024\u5e74\u73fe\u5728\u3001\u3053\u308c\u3089\u306e\u6280\u8853\u306f\u8907\u96d1\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u52b9\u7387\u7684\u306b\u958b\u767a\u3059\u308b\u4e0a\u3067\u4e0d\u53ef\u6b20\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-19\">\u6761\u4ef6\u5206\u5c90<\/h4>\n\n\n\n<p>Thymeleaf\u3067\u306f\u3001<code>th:if<\/code>\u3068<code>th:unless<\/code>\u3092\u4f7f\u7528\u3057\u3066\u6761\u4ef6\u5206\u5c90\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div th:if=\"${user.isAdmin()}\"&gt;\n    &lt;h2&gt;Admin Dashboard&lt;\/h2&gt;\n    &lt;!-- \u7ba1\u7406\u8005\u5411\u3051\u30b3\u30f3\u30c6\u30f3\u30c4 --&gt;\n&lt;\/div&gt;\n&lt;div th:unless=\"${user.isAdmin()}\"&gt;\n    &lt;p&gt;You don't have permission to view this content.&lt;\/p&gt;\n&lt;\/div&gt;<\/pre>\n\n\n\n<p>\u3088\u308a\u8907\u96d1\u306a\u6761\u4ef6\u5206\u5c90\u306b\u306f\u3001<code>th:switch<\/code>\u3068<code>th:case<\/code>\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div th:switch=\"${user.role}\"&gt;\n    &lt;p th:case=\"'admin'\"&gt;User is an administrator&lt;\/p&gt;\n    &lt;p th:case=\"'manager'\"&gt;User is a manager&lt;\/p&gt;\n    &lt;p th:case=\"*\"&gt;User is some other role&lt;\/p&gt;\n&lt;\/div&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-20\">\u7e70\u308a\u8fd4\u3057\u51e6\u7406<\/h4>\n\n\n\n<p>\u30ea\u30b9\u30c8\u3084\u914d\u5217\u306e\u8981\u7d20\u3092\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u3059\u308b\u306b\u306f\u3001<code>th:each<\/code>\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;ul&gt;\n    &lt;li th:each=\"product : ${products}\" th:text=\"${product.name}\"&gt;&lt;\/li&gt;\n&lt;\/ul&gt;<\/pre>\n\n\n\n<p>\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;table&gt;\n    &lt;tr th:each=\"user, userStat : ${users}\"&gt;\n        &lt;td th:text=\"${userStat.index + 1}\"&gt;&lt;\/td&gt;\n        &lt;td th:text=\"${user.name}\"&gt;&lt;\/td&gt;\n    &lt;\/tr&gt;\n&lt;\/table&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-21\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/strong>: \u5927\u91cf\u306e\u30c7\u30fc\u30bf\u3092\u6271\u3046\u969b\u306f\u3001\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u88c5\u3057\u3001<code>th:each<\/code>\u3067\u51e6\u7406\u3059\u308b\u8981\u7d20\u6570\u3092\u5236\u9650\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;ul&gt;\n       &lt;li th:each=\"product, prodStat : ${products}\" th:if=\"${prodStat.index &lt; 10}\" th:text=\"${product.name}\"&gt;&lt;\/li&gt;\n   &lt;\/ul&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5f37\u5316<\/strong>: \u6761\u4ef6\u5206\u5c90\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6a29\u9650\u306b\u57fa\u3065\u3044\u3066\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5236\u5fa1\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:if=\"${#authorization.expression('hasRole(''ADMIN'')')}\"&gt;\n       &lt;!-- \u7ba1\u7406\u8005\u5c02\u7528\u30b3\u30f3\u30c6\u30f3\u30c4 --&gt;\n   &lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u53ef\u8aad\u6027\u306e\u5411\u4e0a<\/strong>: \u8907\u96d1\u306a\u6761\u4ef6\u3084\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u306f\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306b\u5206\u96e2\u3057\u3001\u30e1\u30a4\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u30b7\u30f3\u30d7\u30eb\u306b\u4fdd\u3061\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"fragments\/userList :: userList(${users})\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30a8\u30e9\u30fc\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0<\/strong>: \u7e70\u308a\u8fd4\u3057\u51e6\u7406\u4e2d\u306b\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u305f\u5834\u5408\u306e\u5bfe\u7b56\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:each=\"item : ${items}\" th:with=\"itemName=${item.name}\" th:unless=\"${#strings.isEmpty(itemName)}\"&gt;\n       &lt;p th:text=\"${itemName}\"&gt;Item Name&lt;\/p&gt;\n   &lt;\/div&gt;<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u67d4\u8edf\u3067\u4fdd\u5b88\u6027\u306e\u9ad8\u3044\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7c21\u5358\u306b\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u6761\u4ef6\u5206\u5c90\u3068\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u3092\u9069\u5207\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u8907\u96d1\u306a\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u3067\u52b9\u679c\u7684\u306b\u8868\u73fe\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-22\">4. Spring Boot\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068Thymeleaf\u306e\u9023\u643a\u30c6\u30af\u30cb\u30c3\u30af<\/h2>\n\n\n\n<p>2024\u5e74\u73fe\u5728\u3001Spring Boot\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068Thymeleaf\u306e\u52b9\u679c\u7684\u306a\u9023\u643a\u306f\u3001\u9ad8\u6027\u80fd\u3067\u4fdd\u5b88\u6027\u306e\u9ad8\u3044Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u8981\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u9023\u643a\u306b\u3088\u308a\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3068\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u8868\u793a\u3092\u67d4\u8edf\u304b\u3064\u52b9\u7387\u7684\u306b\u7d50\u3073\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u9023\u643a\u306e\u57fa\u672c\u539f\u5247<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li><strong>\u8cac\u4efb\u306e\u5206\u96e2<\/strong>: \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3068\u30c7\u30fc\u30bf\u306e\u6e96\u5099\u3092\u62c5\u5f53\u3057\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u8868\u793a\u30ed\u30b8\u30c3\u30af\u306b\u5c02\u5ff5\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30e2\u30c7\u30eb\u7d4c\u7531\u306e\u30c7\u30fc\u30bf\u8ee2\u9001<\/strong>: \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304b\u3089\u30d3\u30e5\u30fc\u3078\u306e\u30c7\u30fc\u30bf\u53d7\u3051\u6e21\u3057\u306f\u3001\u4e3b\u306bModel\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4ecb\u3057\u3066\u884c\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u53cc\u65b9\u5411\u306e\u30c7\u30fc\u30bf\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0<\/strong>: \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u6642\u306b\u306f\u3001Thymeleaf\u304c\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3057\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u51e6\u7406\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u4e3b\u8981\u306a\u9023\u643a\u6a5f\u80fd<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li>\u30e2\u30c7\u30eb\u5c5e\u6027\u306e\u53d7\u3051\u6e21\u3057<\/li>\n\n\n\n<li>\u30d5\u30a9\u30fc\u30e0\u51e6\u7406\u3068\u5165\u529b\u5024\u306e\u691c\u8a3c<\/li>\n\n\n\n<li>\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3068\u30d5\u30e9\u30c3\u30b7\u30e5\u5c5e\u6027\u306e\u4f7f\u7528<\/li>\n\n\n\n<li>\u6761\u4ef6\u4ed8\u304d\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3068\u30eb\u30fc\u30d7\u51e6\u7406<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-23\">\u30b3\u30fc\u30c9\u4f8b\uff1a\u30e2\u30c7\u30eb\u5c5e\u6027\u306e\u53d7\u3051\u6e21\u3057<\/h3>\n\n\n\n<p>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u5074\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Controller\npublic class WelcomeController {\n    @GetMapping(\"\/welcome\")\n    public String welcome(Model model) {\n        model.addAttribute(\"message\", \"Welcome to our store!\");\n        return \"welcome\";\n    }\n}<\/pre>\n\n\n\n<p>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5074\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;h1 th:text=\"${message}\"&gt;Welcome message&lt;\/h1&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-24\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>RESTful API\u8a2d\u8a08\u3068\u306e\u7d71\u5408<\/strong>:<br>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3092RESTful API\u3068\u3057\u3066\u8a2d\u8a08\u3057\u3001\u540c\u3058\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067JSON\u30ec\u30b9\u30dd\u30f3\u30b9\u3068Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4e21\u65b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u67d4\u8edf\u6027\u3092\u9ad8\u3081\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @GetMapping(value = \"\/products\", produces = {\"application\/json\", \"text\/html\"})\n   public Object getProducts(Model model) {\n       List&lt;Product&gt; products = productService.getAllProducts();\n       model.addAttribute(\"products\", products);\n       return (request.getHeader(\"Accept\").contains(\"application\/json\")) \n              ? products : \"productList\";\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u975e\u540c\u671f\u51e6\u7406\u3068Server-Sent Events (SSE)\u306e\u6d3b\u7528<\/strong>:<br>\u9577\u6642\u9593\u5b9f\u884c\u3055\u308c\u308b\u51e6\u7406\u3084\u5b9f\u6642\u9593\u66f4\u65b0\u304c\u5fc5\u8981\u306a\u5834\u5408\u3001SSE\u3092\u4f7f\u7528\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u30d7\u30c3\u30b7\u30e5\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @GetMapping(\"\/events\")\n   public SseEmitter handleSSE() {\n       SseEmitter emitter = new SseEmitter();\n       \/\/ \u975e\u540c\u671f\u3067\u30a4\u30d9\u30f3\u30c8\u3092\u9001\u4fe1\n       return emitter;\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Spring Security\u3068\u306e\u7d71\u5408<\/strong>:<br>\u30bb\u30ad\u30e5\u30a2\u306a\u30d5\u30a9\u30fc\u30e0\u51e6\u7406\u306e\u305f\u3081\u306b\u3001Spring Security\u3068Thymeleaf\u3092\u7dca\u5bc6\u306b\u9023\u643a\u3055\u305b\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;form th:action=\"@{\/login}\" method=\"post\"&gt;\n       &lt;input type=\"text\" name=\"username\" \/&gt;\n       &lt;input type=\"password\" name=\"password\" \/&gt;\n       &lt;input type=\"hidden\" th:name=\"${_csrf.parameterName}\" th:value=\"${_csrf.token}\" \/&gt;\n       &lt;button type=\"submit\"&gt;Login&lt;\/button&gt;\n   &lt;\/form&gt;<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u6700\u9069\u5316<\/strong>:<br>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u3001\u9069\u5207\u306a\u30ad\u30e3\u30c3\u30b7\u30e5\u30d8\u30c3\u30c0\u30fc\u3092\u8a2d\u5b9a\u3057\u3001\u9759\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @GetMapping(\"\/cached-page\")\n   public String cachedPage(Model model) {\n       model.addAttribute(\"timestamp\", System.currentTimeMillis());\n       return \"cachedPage\";\n   }<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001Spring Boot\u3068Thymeleaf\u306e\u9023\u643a\u3092\u3088\u308a\u52b9\u679c\u7684\u306b\u884c\u3044\u3001\u9ad8\u6027\u80fd\u3067\u67d4\u8edf\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30e2\u30c7\u30eb\u5c5e\u6027\u306e\u53d7\u3051\u6e21\u3057\u3068\u30d5\u30a9\u30fc\u30e0\u51e6\u7406\u306b\u3064\u3044\u3066\u3088\u308a\u8a73\u7d30\u306b\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-25\">4.1 \u30e2\u30c7\u30eb\u5c5e\u6027\u306e\u53d7\u3051\u6e21\u3057\uff1a\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304b\u3089\u30d3\u30e5\u30fc\u3078\u306e\u30c7\u30fc\u30bf\u8ee2\u9001<\/h3>\n\n\n\n<p>Spring Boot\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304b\u3089Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3078\u306e\u30c7\u30fc\u30bf\u8ee2\u9001\u306f\u3001\u4e3b\u306b\u30e2\u30c7\u30eb\u5c5e\u6027\u3092\u901a\u3058\u3066\u884c\u308f\u308c\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3067\u51e6\u7406\u3055\u308c\u305f\u30c7\u30fc\u30bf\u3092\u52d5\u7684\u306b\u30d3\u30e5\u30fc\u306b\u53cd\u6620\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-26\">\u57fa\u672c\u7684\u306a\u4f7f\u7528\u65b9\u6cd5<\/h4>\n\n\n\n<p>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u306f\u3001<code>Model<\/code>\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@GetMapping(\"\/product\/{id}\")\npublic String getProduct(@PathVariable Long id, Model model) {\n    Product product = productService.getProductById(id);\n    model.addAttribute(\"product\", product);\n    return \"productDetails\";\n}<\/pre>\n\n\n\n<p>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5c5e\u6027\u3092\u53c2\u7167\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;h1 th:text=\"${product.name}\"&gt;Product Name&lt;\/h1&gt;\n&lt;p th:text=\"${product.description}\"&gt;Product description here&lt;\/p&gt;\n&lt;span th:text=\"${product.price}\"&gt;9.99&lt;\/span&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-27\">\u9ad8\u5ea6\u306a\u30c6\u30af\u30cb\u30c3\u30af<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u8907\u6570\u306e\u5c5e\u6027\u306e\u4e00\u62ec\u8ffd\u52a0<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @GetMapping(\"\/dashboard\")\n   public String dashboard(Model model) {\n       model.addAllAttributes(Map.of(\n           \"user\", currentUser,\n           \"recentOrders\", orderService.getRecentOrders(),\n           \"notifications\", notificationService.getUnreadNotifications()\n       ));\n       return \"dashboard\";\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u6761\u4ef6\u4ed8\u304d\u5c5e\u6027\u8ffd\u52a0<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @GetMapping(\"\/profile\")\n   public String profile(Model model, @AuthenticationPrincipal User user) {\n       model.addAttribute(\"user\", user);\n       if (user.hasRole(\"ADMIN\")) {\n           model.addAttribute(\"adminStats\", adminService.getAdminStats());\n       }\n       return \"profile\";\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30b0\u30ed\u30fc\u30d0\u30eb\u5c5e\u6027\u306e\u8a2d\u5b9a<\/strong>:<br>\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3067\u5229\u7528\u53ef\u80fd\u306a\u5c5e\u6027\u3092\u8a2d\u5b9a\u3059\u308b\u306b\u306f\u3001<code>@ControllerAdvice<\/code>\u3092\u4f7f\u7528\u3057\u307e\u3059\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @ControllerAdvice\n   public class GlobalModelAttributes {\n       @ModelAttribute(\"appName\")\n       public String getAppName() {\n           return \"My Awesome App\";\n       }\n   }<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-28\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u578b\u5b89\u5168\u306a\u5c5e\u6027\u540d\u306e\u4f7f\u7528<\/strong>:<br>\u6587\u5b57\u5217\u30ea\u30c6\u30e9\u30eb\u306e\u4ee3\u308f\u308a\u306b\u5b9a\u6570\u3084\u30e1\u30bd\u30c3\u30c9\u53c2\u7167\u3092\u4f7f\u7528\u3057\u3066\u3001\u5c5e\u6027\u540d\u306e\u30bf\u30a4\u30d7\u30df\u30b9\u3092\u9632\u304e\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   public static final String PRODUCT_ATTRIBUTE = \"product\";\n   model.addAttribute(PRODUCT_ATTRIBUTE, product);<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u5927\u898f\u6a21\u30c7\u30fc\u30bf\u30bb\u30c3\u30c8\u306e\u6700\u9069\u5316<\/strong>:<br>\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3084\u9045\u5ef6\u30ed\u30fc\u30c9\u3092\u5b9f\u88c5\u3057\u3066\u3001\u5927\u91cf\u306e\u30c7\u30fc\u30bf\u3092\u52b9\u7387\u7684\u306b\u51e6\u7406\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @GetMapping(\"\/products\")\n   public String listProducts(Model model, @RequestParam(defaultValue = \"0\") int page) {\n       Page&lt;Product&gt; products = productService.getProductsPaginated(page, 20);\n       model.addAttribute(\"products\", products);\n       return \"productList\";\n   }<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001Spring Boot\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u9593\u306e\u30c7\u30fc\u30bf\u8ee2\u9001\u3092\u52b9\u7387\u7684\u304b\u3064\u67d4\u8edf\u306b\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-29\">4.2 \u30d5\u30a9\u30fc\u30e0\u51e6\u7406\uff1a\u5165\u529b\u5024\u306e\u691c\u8a3c\u3068\u9001\u4fe1\u3092\u7c21\u5358\u306b<\/h3>\n\n\n\n<p>Spring Boot\u3068Thymeleaf\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u30d5\u30a9\u30fc\u30e0\u51e6\u7406\u3068\u5165\u529b\u5024\u306e\u691c\u8a3c\u3092\u52b9\u7387\u7684\u306b\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u30022024\u5e74\u73fe\u5728\u3001\u4ee5\u4e0b\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30bb\u30ad\u30e5\u30a2\u3067\u4f7f\u3044\u3084\u3059\u3044\u30d5\u30a9\u30fc\u30e0\u51e6\u7406\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-30\">\u57fa\u672c\u7684\u306a\u30d5\u30a9\u30fc\u30e0\u51e6\u7406<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210<\/strong>:<br>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u3067\u30d5\u30a9\u30fc\u30e0\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;form th:action=\"@{\/submit}\" th:object=\"${user}\" method=\"post\"&gt;\n       &lt;input type=\"text\" th:field=\"*{name}\" \/&gt;\n       &lt;input type=\"email\" th:field=\"*{email}\" \/&gt;\n       &lt;button type=\"submit\"&gt;Submit&lt;\/button&gt;\n   &lt;\/form&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u306e\u51e6\u7406<\/strong>:<br><code>@ModelAttribute<\/code>\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @PostMapping(\"\/submit\")\n   public String submitForm(@ModelAttribute(\"user\") User user) {\n       userService.saveUser(user);\n       return \"redirect:\/success\";\n   }<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-31\">\u5165\u529b\u5024\u306e\u691c\u8a3c<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u306e\u4f7f\u7528<\/strong>:<br>\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30af\u30e9\u30b9\u306b\u691c\u8a3c\u30eb\u30fc\u30eb\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   public class User {\n       @NotBlank(message = \"Name is required\")\n       private String name;\n\n       @Email(message = \"Please provide a valid email address\")\n       private String email;\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u306e\u691c\u8a3c<\/strong>:<br><code>@Valid<\/code>\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3068<code>BindingResult<\/code>\u3092\u4f7f\u7528\u3057\u3066\u691c\u8a3c\u7d50\u679c\u3092\u51e6\u7406\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @PostMapping(\"\/submit\")\n   public String submitForm(@Valid @ModelAttribute(\"user\") User user, BindingResult result) {\n       if (result.hasErrors()) {\n           return \"form\";\n       }\n       userService.saveUser(user);\n       return \"redirect:\/success\";\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u8868\u793a<\/strong>:<br>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;input type=\"text\" th:field=\"*{name}\" \/&gt;\n   &lt;span th:if=\"${#fields.hasErrors('name')}\" th:errors=\"*{name}\"&gt;&lt;\/span&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-32\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u691c\u8a3c\u3068\u306e\u9023\u643a<\/strong>:<br>HTML5\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u5c5e\u6027\u3068JavaScript\u3092\u4f75\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;input type=\"email\" th:field=\"*{email}\" required \/&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ab\u30b9\u30bf\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/strong>:<br>\u8907\u96d1\u306a\u691c\u8a3c\u30eb\u30fc\u30eb\u306b\u306f\u3001\u30ab\u30b9\u30bf\u30e0\u30d0\u30ea\u30c7\u30fc\u30bf\u30fc\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Component\n   public class UniqueEmailValidator implements Validator {\n       @Autowired\n       private UserRepository userRepository;\n\n       @Override\n       public boolean supports(Class&lt;?&gt; clazz) {\n           return User.class.equals(clazz);\n       }\n\n       @Override\n       public void validate(Object target, Errors errors) {\n           User user = (User) target;\n           if (userRepository.findByEmail(user.getEmail()).isPresent()) {\n               errors.rejectValue(\"email\", \"duplicate.email\");\n           }\n       }\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/strong>:<br>CSRF\u30c8\u30fc\u30af\u30f3\u3092\u81ea\u52d5\u7684\u306b\u542b\u3081\u308b\u3053\u3068\u3067\u3001\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u30d5\u30a9\u30fc\u30b8\u30a7\u30ea\u653b\u6483\u3092\u9632\u304e\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;form th:action=\"@{\/submit}\" method=\"post\"&gt;\n       &lt;!-- \u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9 --&gt;\n       &lt;input type=\"hidden\" th:name=\"${_csrf.parameterName}\" th:value=\"${_csrf.token}\" \/&gt;\n   &lt;\/form&gt;<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u30d5\u30a9\u30fc\u30e0\u51e6\u7406\u3092\u3088\u308a\u52b9\u679c\u7684\u304b\u3064\u5b89\u5168\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u5165\u529b\u5024\u306e\u691c\u8a3c\u3068\u9001\u4fe1\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3064\u3064\u3001\u5805\u7262\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-33\">5. \u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406\uff1a\u5171\u901a\u90e8\u5206\u306e\u52b9\u7387\u7684\u306a\u6271\u3044\u65b9<\/h2>\n\n\n\n<p>2024\u5e74\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3044\u3066\u3001\u52b9\u7387\u7684\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406\u306f\u4e0d\u53ef\u6b20\u3067\u3059\u3002Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406\u306f\u3001\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3092\u6e1b\u3089\u3057\u3001\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u4e00\u8cab\u6027\u306e\u3042\u308b\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-message\"><div class=\"memo sng-shadow-0\" style=\"border-radius:0px;background-color:#fff9e6;color:#ffb36b\"><div class=\"memo_ttl dfont\"><span class=\"sng-box-msg__icon\" style=\"background:#ffb36b\"><i class=\"fas fa-pencil-alt\"><\/i><\/span><div class=\"sng-box-msg__title\">\u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406\u306e\u91cd\u8981\u6027<\/div><\/div><div class=\"sng-box-msg__contents\">\n<ol class=\"wp-block-list\">\n<li><strong>\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u524a\u6e1b<\/strong>: \u5171\u901a\u8981\u7d20\u3092\u4e00\u7b87\u6240\u3067\u7ba1\u7406\u3059\u308b\u3053\u3068\u3067\u3001DRY\uff08Don\u2019t Repeat Yourself\uff09\u539f\u5247\u3092\u5b9f\u8df5\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u4fdd\u5b88\u6027\u306e\u5411\u4e0a<\/strong>: \u5171\u901a\u90e8\u5206\u306e\u5909\u66f4\u304c\u4e00\u7b87\u6240\u3067\u884c\u3048\u308b\u305f\u3081\u3001\u5168\u4f53\u306e\u4e00\u8cab\u6027\u3092\u4fdd\u3061\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a<\/strong>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u518d\u5229\u7528\u306b\u3088\u308a\u3001\u65b0\u3057\u3044\u30da\u30fc\u30b8\u306e\u4f5c\u6210\u304c\u8fc5\u901f\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u4e00\u8cab\u6027\u306e\u3042\u308bUI<\/strong>: \u5171\u901a\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30b5\u30a4\u30c8\u5168\u4f53\u306e\u7d71\u4e00\u611f\u304c\u751f\u307e\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-34\">Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8<\/h3>\n\n\n\n<p>Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u306f\u3001\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5b9a\u7fa9\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52d5\u7684\u306b\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u4e3b\u8981\u306a\u5c5e\u6027\u306b\u306f\u4ee5\u4e0b\u304c\u3042\u308a\u307e\u3059\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>layout:decorate<\/code>: \u30d9\u30fc\u30b9\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>layout:fragment<\/code>: \u7279\u5b9a\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>layout:insert<\/code>: \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u633f\u5165\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u4f8b\u3048\u3070\u3001\u57fa\u672c\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5b9a\u7fa9\u3067\u304d\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!DOCTYPE html&gt;\n&lt;html th:fragment=\"layout (title, content)\" xmlns:th=\"http:\/\/www.thymeleaf.org\"&gt;\n&lt;head&gt;\n    &lt;title th:replace=\"${title}\"&gt;\u30ec\u30a4\u30a2\u30a6\u30c8\u30bf\u30a4\u30c8\u30eb&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;header th:replace=\"fragments\/header :: header\"&gt;&lt;\/header&gt;\n    &lt;div th:replace=\"${content}\"&gt;\n        &lt;p&gt;\u30ec\u30a4\u30a2\u30a6\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4&lt;\/p&gt;\n    &lt;\/div&gt;\n    &lt;footer th:replace=\"fragments\/footer :: footer\"&gt;&lt;\/footer&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-35\">\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u6d3b\u7528<\/h3>\n\n\n\n<p>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306f\u3001\u518d\u5229\u7528\u53ef\u80fd\u306a\u90e8\u5206\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306eThymeleaf\u306e\u6a5f\u80fd\u3067\u3059\u3002\u4ee5\u4e0b\u306f\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u5b9a\u7fa9\u3068\u4f7f\u7528\u4f8b\u3067\u3059\uff1a<\/p>\n\n\n\n<p>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u5b9a\u7fa9:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;nav th:fragment=\"navbar\"&gt;\n    &lt;!-- \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u306e\u5185\u5bb9 --&gt;\n&lt;\/nav&gt;<\/pre>\n\n\n\n<p>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u4f7f\u7528:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div th:replace=\"fragments\/common :: navbar\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-36\">2024\u5e74\u306e\u6700\u65b0\u30c6\u30af\u30cb\u30c3\u30af<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u305f\u3081\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406<\/strong>:<br>\u30c7\u30d0\u30a4\u30b9\u306e\u753b\u9762\u30b5\u30a4\u30ba\u306b\u5fdc\u3058\u3066\u7570\u306a\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"fragments\/header :: header-${#strings.toLowerCase(#strings.substring(#ctx.userAgent,0,3))}\"&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u975e\u540c\u671f\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0<\/strong>:<br>Thymeleaf\u306e\u975e\u540c\u671f\u30b5\u30dd\u30fc\u30c8\u3092\u6d3b\u7528\u3057\u3066\u3001\u5927\u898f\u6a21\u30da\u30fc\u30b8\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:async=\"true\" th:replace=\"fragments\/heavy-content :: content\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30de\u30a4\u30af\u30ed\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3068\u306e\u7d71\u5408<\/strong>:<br>Thymeleaf\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30de\u30a4\u30af\u30ed\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u7d71\u5408\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"@{http:\/\/micro-frontend-service\/component}\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406\u3092\u3088\u308a\u52b9\u679c\u7684\u306b\u884c\u3044\u3001\u4fdd\u5b88\u6027\u304c\u9ad8\u304f\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u826f\u3044Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u306e\u6d3b\u7528\u6cd5\u3068\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u8a73\u7d30\u306a\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u3001\u3088\u308a\u6df1\u304f\u6398\u308a\u4e0b\u3052\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-37\">5.1 Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u306e\u6d3b\u7528\u6cd5<\/h3>\n\n\n\n<p>Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u306f\u3001\u5171\u901a\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u7ba1\u7406\u3068\u518d\u5229\u7528\u3092\u52b9\u7387\u7684\u306b\u884c\u3046\u305f\u3081\u306e\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u3067\u3059\u30022024\u5e74\u73fe\u5728\u3001\u3053\u306e\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u4e00\u8cab\u6027\u306e\u3042\u308b\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u9020\u3092\u7c21\u5358\u306b\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-38\">\u57fa\u672c\u7684\u306a\u4f7f\u7528\u65b9\u6cd5<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d9\u30fc\u30b9\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u5b9a\u7fa9<\/strong>:<br>\u5171\u901a\u306e\u69cb\u9020\u3092\u6301\u3064\u30d9\u30fc\u30b9\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;!DOCTYPE html&gt;\n   &lt;html th:fragment=\"layout (title, content)\" xmlns:th=\"http:\/\/www.thymeleaf.org\"&gt;\n   &lt;head&gt;\n       &lt;title th:replace=\"${title}\"&gt;\u30c7\u30d5\u30a9\u30eb\u30c8\u30bf\u30a4\u30c8\u30eb&lt;\/title&gt;\n       &lt;link rel=\"stylesheet\" th:href=\"@{\/css\/main.css}\"&gt;\n   &lt;\/head&gt;\n   &lt;body&gt;\n       &lt;header th:replace=\"fragments\/header :: header\"&gt;&lt;\/header&gt;\n       &lt;main th:replace=\"${content}\"&gt;\n           &lt;p&gt;\u30c7\u30d5\u30a9\u30eb\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4&lt;\/p&gt;\n       &lt;\/main&gt;\n       &lt;footer th:replace=\"fragments\/footer :: footer\"&gt;&lt;\/footer&gt;\n   &lt;\/body&gt;\n   &lt;\/html&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4f7f\u7528<\/strong>:<br>\u500b\u5225\u306e\u30da\u30fc\u30b8\u3067\u30d9\u30fc\u30b9\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;html th:replace=\"layouts\/base :: layout(~{::title}, ~{::section})\"&gt;\n   &lt;head&gt;\n       &lt;title&gt;\u30da\u30fc\u30b8\u30bf\u30a4\u30c8\u30eb&lt;\/title&gt;\n   &lt;\/head&gt;\n   &lt;body&gt;\n       &lt;section&gt;\n           &lt;h1&gt;\u30da\u30fc\u30b8\u56fa\u6709\u306e\u30b3\u30f3\u30c6\u30f3\u30c4&lt;\/h1&gt;\n           &lt;p&gt;This is the page-specific content.&lt;\/p&gt;\n       &lt;\/section&gt;\n   &lt;\/body&gt;\n   &lt;\/html&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-39\">\u9ad8\u5ea6\u306a\u30c6\u30af\u30cb\u30c3\u30af<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u6761\u4ef6\u4ed8\u304d\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8<\/strong>:<br>\u6761\u4ef6\u306b\u5fdc\u3058\u3066\u7570\u306a\u308b\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"fragments\/notification :: ${hasNotification ? 'notification' : 'noNotification'}\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30ec\u30a4\u30a2\u30a6\u30c8<\/strong>:<br>\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u968e\u5c64\u5316\u3057\u3066\u3001\u3088\u308a\u67d4\u8edf\u306a\u69cb\u9020\u3092\u4f5c\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;html th:replace=\"layouts\/base :: layout(~{::title}, ~{::section})\"&gt;\n   &lt;head&gt;\n       &lt;title&gt;\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30ec\u30a4\u30a2\u30a6\u30c8&lt;\/title&gt;\n   &lt;\/head&gt;\n   &lt;body&gt;\n       &lt;section th:replace=\"layouts\/two-column :: layout(~{::aside}, ~{::main})\"&gt;\n           &lt;aside&gt;\u30b5\u30a4\u30c9\u30d0\u30fc\u30b3\u30f3\u30c6\u30f3\u30c4&lt;\/aside&gt;\n           &lt;main&gt;\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4&lt;\/main&gt;\n       &lt;\/section&gt;\n   &lt;\/body&gt;\n   &lt;\/html&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-40\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/strong>:<br>\u30ec\u30a4\u30a2\u30a6\u30c8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u3066\u3001\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Configuration\n   public class ThymeleafConfig {\n       @Bean\n       public SpringResourceTemplateResolver templateResolver() {\n           SpringResourceTemplateResolver resolver = new SpringResourceTemplateResolver();\n           resolver.setCacheable(true);\n           resolver.setCacheTTLMs(60000L); \/\/ 1\u5206\u9593\u30ad\u30e3\u30c3\u30b7\u30e5\n           return resolver;\n       }\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u7d71\u5408<\/strong>:<br>\u30c7\u30d0\u30a4\u30b9\u30bf\u30a4\u30d7\u306b\u5fdc\u3058\u3066\u7570\u306a\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u9069\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"fragments\/header :: header-${#strings.toLowerCase(#strings.substring(#ctx.userAgent,0,3))}\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u4fdd\u5b88\u6027\u304c\u9ad8\u304f\u3001\u67d4\u8edf\u306a\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u69cb\u9020\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-41\">5.2 \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u4f7f\u3063\u305f\u90e8\u5206\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4f5c\u6210\u3068\u518d\u5229\u7528<\/h3>\n\n\n\n<p>Thymeleaf\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306f\u3001\u90e8\u5206\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u518d\u5229\u7528\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3067\u3059\u30022024\u5e74\u73fe\u5728\u3001\u3053\u306e\u6a5f\u80fd\u3092\u52b9\u679c\u7684\u306b\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3092\u6e1b\u3089\u3057\u3001\u4fdd\u5b88\u6027\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-42\">\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u57fa\u672c<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u5b9a\u7fa9<\/strong>:<br>\u518d\u5229\u7528\u53ef\u80fd\u306a\u90e8\u5206\u3092\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3068\u3057\u3066\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;!-- fragments\/header.html --&gt;\n   &lt;header th:fragment=\"siteHeader(activeTab)\"&gt;\n       &lt;nav&gt;\n           &lt;a th:class=\"${activeTab == 'home'} ? 'active'\" th:href=\"@{\/}\"&gt;Home&lt;\/a&gt;\n           &lt;a th:class=\"${activeTab == 'products'} ? 'active'\" th:href=\"@{\/products}\"&gt;Products&lt;\/a&gt;\n           &lt;a th:class=\"${activeTab == 'about'} ? 'active'\" th:href=\"@{\/about}\"&gt;About&lt;\/a&gt;\n       &lt;\/nav&gt;\n   &lt;\/header&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u4f7f\u7528<\/strong>:<br>\u5b9a\u7fa9\u3057\u305f\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u4ed6\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"fragments\/header :: siteHeader('home')\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-43\">\u9ad8\u5ea6\u306a\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u6280\u8853<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d1\u30e9\u30e1\u30fc\u30bf\u5316\u3055\u308c\u305f\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8<\/strong>:<br>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306b\u52d5\u7684\u306b\u30c7\u30fc\u30bf\u3092\u6e21\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;!-- fragments\/alert.html --&gt;\n   &lt;div th:fragment=\"alert(type, message)\" th:class=\"|alert alert-${type}|\"&gt;\n       &lt;p th:text=\"${message}\"&gt;\u30a2\u30e9\u30fc\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8&lt;\/p&gt;\n   &lt;\/div&gt;\n\n   &lt;!-- \u4f7f\u7528\u4f8b --&gt;\n   &lt;div th:replace=\"fragments\/alert :: alert('success', 'Operation completed successfully!')\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u5f0f<\/strong>:<br>\u30a4\u30f3\u30e9\u30a4\u30f3\u3067\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u5b9a\u7fa9\u3057\u3001\u518d\u5229\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"~{:: #myFragment}\"&gt;\n       &lt;div id=\"myFragment\"&gt;\n           &lt;p&gt;This is a fragment defined inline&lt;\/p&gt;\n       &lt;\/div&gt;\n   &lt;\/div&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-44\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u9045\u5ef6\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8<\/strong>:<br>\u5927\u898f\u6a21\u306a\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u975e\u540c\u671f\u3067\u8aad\u307f\u8fbc\u307f\u3001\u521d\u671f\u30da\u30fc\u30b8\u30ed\u30fc\u30c9\u6642\u9593\u3092\u77ed\u7e2e\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"fragments\/heavy-content :: content\" th:async=\"true\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u6761\u4ef6\u4ed8\u304d\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8<\/strong>:<br>\u6761\u4ef6\u306b\u57fa\u3065\u3044\u3066\u7570\u306a\u308b\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div th:replace=\"fragments\/user :: ${isLoggedIn ? 'userInfo' : 'loginForm'}\"&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u30cd\u30b9\u30c8<\/strong>:<br>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u5185\u3067\u4ed6\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3001\u8907\u96d1\u306a\u69cb\u9020\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;!-- fragments\/page.html --&gt;\n   &lt;div th:fragment=\"fullPage(title, mainContent)\"&gt;\n       &lt;div th:replace=\"fragments\/header :: siteHeader\"&gt;&lt;\/div&gt;\n       &lt;h1 th:text=\"${title}\"&gt;\u30da\u30fc\u30b8\u30bf\u30a4\u30c8\u30eb&lt;\/h1&gt;\n       &lt;main th:replace=\"${mainContent}\"&gt;\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4&lt;\/main&gt;\n       &lt;div th:replace=\"fragments\/footer :: siteFooter\"&gt;&lt;\/div&gt;\n   &lt;\/div&gt;\n\n   &lt;!-- \u4f7f\u7528\u4f8b --&gt;\n   &lt;div th:replace=\"fragments\/page :: fullPage('Welcome', ~{::section})\"&gt;\n       &lt;section&gt;\n           &lt;p&gt;This is the main content of the page.&lt;\/p&gt;\n       &lt;\/section&gt;\n   &lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0<\/strong>:<br>\u983b\u7e41\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Configuration\n   public class ThymeleafConfig {\n       @Bean\n       public SpringResourceTemplateResolver templateResolver() {\n           SpringResourceTemplateResolver resolver = new SpringResourceTemplateResolver();\n           resolver.setCacheable(true);\n           resolver.setCacheTTLMs(300000L); \/\/ 5\u5206\u9593\u30ad\u30e3\u30c3\u30b7\u30e5\n           return resolver;\n       }\n   }<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001Thymeleaf\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u52b9\u679c\u7684\u306b\u4f7f\u7528\u3057\u3001\u4fdd\u5b88\u6027\u304c\u9ad8\u304f\u3001\u52b9\u7387\u7684\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u69cb\u9020\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u9069\u5207\u306a\u4f7f\u7528\u306f\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u6027\u3092\u9ad8\u3081\u3001\u958b\u767a\u6642\u9593\u3092\u77ed\u7e2e\u3057\u3001\u4e00\u8cab\u6027\u306e\u3042\u308b\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u4f5c\u6210\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-45\">6. \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\uff1aXSS\u653b\u6483\u304b\u3089\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5b88\u308b<\/h2>\n\n\n\n<p>2024\u5e74\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3044\u3066\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u306f\u6700\u91cd\u8981\u8ab2\u984c\u306e\u4e00\u3064\u3067\u3059\u3002\u7279\u306b\u3001\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30b9\u30af\u30ea\u30d7\u30c6\u30a3\u30f3\u30b0\uff08XSS\uff09\u653b\u6483\u306f\u4f9d\u7136\u3068\u3057\u3066\u6df1\u523b\u306a\u8105\u5a01\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002Thymeleaf\u3068Spring Boot\u3092\u4f7f\u7528\u3059\u308b\u969b\u3001\u9069\u5207\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3067\u3001\u3053\u308c\u3089\u306e\u653b\u6483\u304b\u3089\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u52b9\u679c\u7684\u306b\u5b88\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-46\">XSS\u653b\u6483\u306e\u5371\u967a\u6027<\/h3>\n\n\n\n<p>XSS\u653b\u6483\u306f\u3001\u60aa\u610f\u306e\u3042\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u3092Web\u30da\u30fc\u30b8\u306b\u633f\u5165\u3059\u308b\u3053\u3068\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u6df1\u523b\u306a\u88ab\u5bb3\u3092\u3082\u305f\u3089\u3059\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30e6\u30fc\u30b6\u30fc\u30c7\u30fc\u30bf\u306e\u76d7\u53d6<\/li>\n\n\n\n<li>\u30bb\u30c3\u30b7\u30e7\u30f3\u30cf\u30a4\u30b8\u30e3\u30c3\u30af<\/li>\n\n\n\n<li>\u30de\u30eb\u30a6\u30a7\u30a2\u306e\u914d\u5e03<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u653b\u6483\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u4fe1\u983c\u3092\u640d\u306a\u3046\u3060\u3051\u3067\u306a\u304f\u3001\u4f01\u696d\u306e\u8a55\u5224\u3084\u8ca1\u52d9\u306b\u3082\u91cd\u5927\u306a\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-47\">Thymeleaf\u306b\u3088\u308b\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7<\/h3>\n\n\n\n<p>Thymeleaf\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u3066\u304a\u308a\u3001\u3053\u308c\u304cXSS\u653b\u6483\u306b\u5bfe\u3059\u308b\u7b2c\u4e00\u306e\u9632\u5fa1\u7dda\u3068\u306a\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p th:text=\"${userInput}\"&gt;User input here&lt;\/p&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001<code>${userInput}<\/code>\u306e\u5185\u5bb9\u304c\u81ea\u52d5\u7684\u306bHTML\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u30a8\u30b9\u30b1\u30fc\u30d7\u3055\u308c\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u306b\u542b\u307e\u308c\u308b\u53ef\u80fd\u6027\u306e\u3042\u308b\u60aa\u610f\u306e\u3042\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u7121\u5bb3\u5316\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-48\">CSRF\u30c8\u30fc\u30af\u30f3\u306b\u3088\u308b\u4fdd\u8b77<\/h3>\n\n\n\n<p>\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u30d5\u30a9\u30fc\u30b8\u30a7\u30ea\uff08CSRF\uff09\u653b\u6483\u3082\u91cd\u5927\u306a\u8105\u5a01\u3067\u3059\u3002Thymeleaf\u3068Spring Security\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001CSRF\u30c8\u30fc\u30af\u30f3\u3092\u7c21\u5358\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;form th:action=\"@{\/submit}\" method=\"post\"&gt;\n    &lt;input type=\"hidden\" th:name=\"${_csrf.parameterName}\" th:value=\"${_csrf.token}\" \/&gt;\n    &lt;!-- \u30d5\u30a9\u30fc\u30e0\u306e\u5185\u5bb9 --&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u30b3\u30fc\u30c9\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u306bCSRF\u30c8\u30fc\u30af\u30f3\u3092\u81ea\u52d5\u7684\u306b\u633f\u5165\u3057\u3001\u4e0d\u6b63\u306a\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9632\u3050\u52b9\u679c\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-49\">2024\u5e74\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30c8\u30ec\u30f3\u30c9<\/h3>\n\n\n\n<p>\u6700\u65b0\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30c8\u30ec\u30f3\u30c9\u306b\u6ce8\u76ee\u3059\u308b\u3053\u3068\u3082\u91cd\u8981\u3067\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AI\u99c6\u52d5\u578b\u306e\u8105\u5a01\u691c\u77e5<\/strong>: \u6a5f\u68b0\u5b66\u7fd2\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3092\u4f7f\u7528\u3057\u3066\u3001\u3088\u308a\u9ad8\u5ea6\u306a\u653b\u6483\u30d1\u30bf\u30fc\u30f3\u3092\u691c\u51fa\u3057\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30bc\u30ed\u30c8\u30e9\u30b9\u30c8\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/strong>: \u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u4fe1\u983c\u305b\u305a\u3001\u5e38\u306b\u691c\u8a3c\u3092\u884c\u3046\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63a1\u7528\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30af\u30e9\u30a6\u30c9\u30cd\u30a4\u30c6\u30a3\u30d6\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/strong>: \u30af\u30e9\u30a6\u30c9\u74b0\u5883\u306b\u7279\u5316\u3057\u305f\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>IoT\u30c7\u30d0\u30a4\u30b9\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/strong>: \u5897\u52a0\u3059\u308bIoT\u30c7\u30d0\u30a4\u30b9\u306b\u5bfe\u3059\u308b\u7279\u5225\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u8b1b\u3058\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-50\">Thymeleaf\u3068Spring Security\u306e\u9023\u643a<\/h3>\n\n\n\n<p>Thymeleaf\u3068Spring Security\u3092\u7d71\u5408\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u5f37\u56fa\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div th:text=\"${#authentication.name}\"&gt;Username&lt;\/div&gt;\n&lt;div th:if=\"${#authorization.expression('hasRole(''ADMIN'')')}\"&gt;\n    Admin content\n&lt;\/div&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u30b3\u30fc\u30c9\u306f\u3001\u8a8d\u8a3c\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u540d\u306e\u8868\u793a\u3084\u3001\u7279\u5b9a\u306e\u6a29\u9650\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u306b\u306e\u307f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306f\u5e38\u306b\u9032\u5316\u3059\u308b\u5206\u91ce\u3067\u3059\u3002\u6700\u65b0\u306e\u8105\u5a01\u3068\u5bfe\u7b56\u65b9\u6cd5\u3092\u5e38\u306b\u5b66\u3073\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7d99\u7d9a\u7684\u306b\u66f4\u65b0\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Thymeleaf\u306e\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u6a5f\u80fd\u3068CSRF\u30c8\u30fc\u30af\u30f3\u306e\u5b9f\u88c5\u306b\u3064\u3044\u3066\u3001\u3088\u308a\u8a73\u7d30\u306b\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-51\">6.1 Thymeleaf\u306e\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u305f\u30bb\u30ad\u30e5\u30a2\u306a\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0<\/h3>\n\n\n\n<p>Thymeleaf\u306e\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u6a5f\u80fd\u306f\u3001XSS\u653b\u6483\u304b\u3089\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5b88\u308b\u305f\u3081\u306e\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002\u3053\u306e\u6a5f\u80fd\u3092\u6b63\u3057\u304f\u7406\u89e3\u3057\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30bb\u30ad\u30e5\u30a2\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-52\">\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u306e\u4ed5\u7d44\u307f<\/h4>\n\n\n\n<p>Thymeleaf\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u7279\u6b8a\u6587\u5b57\u3092\u81ea\u52d5\u7684\u306bHTML\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u5909\u63db\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u6f5c\u5728\u7684\u306b\u5371\u967a\u306a\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u5b9f\u884c\u3055\u308c\u308b\u3053\u3068\u3092\u9632\u304e\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p th:text=\"${userInput}\"&gt;User input here&lt;\/p&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001<code>${userInput}<\/code>\u306e\u5185\u5bb9\u304c\u81ea\u52d5\u7684\u306b\u30a8\u30b9\u30b1\u30fc\u30d7\u3055\u308c\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u304c <code>&lt;script&gt;alert('XSS')&lt;\/script&gt;<\/code> \u3092\u5165\u529b\u3057\u305f\u5834\u5408\u3001\u51fa\u529b\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p&gt;&amp;lt;script&amp;gt;alert('XSS')&amp;lt;\/script&amp;gt;&lt;\/p&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-53\">\u30bb\u30ad\u30e5\u30a2\u306a\u5c5e\u6027\u306e\u4f7f\u7528<\/h4>\n\n\n\n<p>\u7279\u5b9a\u306e\u5c5e\u6027\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u660e\u793a\u7684\u306b\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u5f37\u5316\u3067\u304d\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>th:text<\/code> vs <code>th:utext<\/code>:\n<ul class=\"wp-block-list\">\n<li><code>th:text<\/code>: \u30a8\u30b9\u30b1\u30fc\u30d7\u3092\u884c\u3044\u307e\u3059\uff08\u63a8\u5968\uff09<\/li>\n\n\n\n<li><code>th:utext<\/code>: \u30a8\u30b9\u30b1\u30fc\u30d7\u3092\u884c\u3044\u307e\u305b\u3093\uff08\u4fe1\u983c\u3067\u304d\u308bHTML\u306b\u306e\u307f\u4f7f\u7528\uff09<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div th:text=\"${trustedHtml}\"&gt;This will be escaped&lt;\/div&gt;\n&lt;div th:utext=\"${trustedHtml}\"&gt;This will not be escaped&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>URL\u5c5e\u6027\u306e\u30bb\u30ad\u30e5\u30a2\u306a\u51e6\u7406:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;a th:href=\"@{${dynamicLink}}\"&gt;Safe link&lt;\/a&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u65b9\u6cd5\u3067\u306f\u3001<code>dynamicLink<\/code>\u306e\u5024\u304c\u81ea\u52d5\u7684\u306bURL\u30a8\u30f3\u30b3\u30fc\u30c9\u3055\u308c\u3001XSS\u653b\u6483\u3092\u9632\u304e\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-54\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u56fa\u6709\u306e\u30a8\u30b9\u30b1\u30fc\u30d7<\/strong>:<br>Thymeleaf 3.1\u4ee5\u964d\u3067\u306f\u3001\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306b\u5fdc\u3058\u305f\u9069\u5207\u306a\u30a8\u30b9\u30b1\u30fc\u30d7\u304c\u81ea\u52d5\u7684\u306b\u9069\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;script th:inline=\"javascript\"&gt;\n       var username = \/*[[${username}]]*\/ 'default';\n   &lt;\/script&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001JavaScript\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306b\u9069\u3057\u305f\u30a8\u30b9\u30b1\u30fc\u30d7\u304c\u884c\u308f\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ab\u30b9\u30bf\u30e0\u30a8\u30b9\u30b1\u30fc\u30d7\u30ed\u30b8\u30c3\u30af\u306e\u5b9f\u88c5<\/strong>:<br>\u7279\u5b9a\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30e0\u30a8\u30b9\u30b1\u30fc\u30d7\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Configuration\n   public class ThymeleafConfig {\n       @Bean\n       public SpringTemplateEngine templateEngine() {\n           SpringTemplateEngine engine = new SpringTemplateEngine();\n           engine.addDialect(new CustomSecurityDialect());\n           return engine;\n       }\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u5b9a\u671f\u7684\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u76e3\u67fb<\/strong>:<br>\u81ea\u52d5\u30c6\u30b9\u30c8\u3092\u5b9f\u88c5\u3057\u3001\u30a8\u30b9\u30b1\u30fc\u30d7\u304c\u6b63\u3057\u304f\u6a5f\u80fd\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u5b9a\u671f\u7684\u306b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>Thymeleaf\u306e\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u6a5f\u80fd\u3092\u9069\u5207\u306b\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001XSS\u653b\u6483\u306b\u5bfe\u3059\u308b\u5f37\u529b\u306a\u9632\u5fa1\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u3053\u308c\u306f\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u306e\u4e00\u90e8\u306b\u904e\u304e\u307e\u305b\u3093\u3002\u7dcf\u5408\u7684\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u4e00\u74b0\u3068\u3057\u3066\u3001\u4ed6\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3082\u4f75\u305b\u3066\u5b9f\u88c5\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-55\">6.2 CSRF\u30c8\u30fc\u30af\u30f3\u306e\u81ea\u52d5\u633f\u5165\u3067\u30d5\u30a9\u30fc\u30e0\u3092\u4fdd\u8b77<\/h3>\n\n\n\n<p>\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u30d5\u30a9\u30fc\u30b8\u30a7\u30ea\uff08CSRF\uff09\u653b\u6483\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u8a8d\u8a3c\u6e08\u307f\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u60aa\u7528\u3057\u3066\u4e0d\u6b63\u306a\u64cd\u4f5c\u3092\u884c\u3046\u6df1\u523b\u306a\u8105\u5a01\u3067\u3059\u3002Thymeleaf\u3068Spring Security\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001CSRF\u30c8\u30fc\u30af\u30f3\u3092\u81ea\u52d5\u7684\u306b\u633f\u5165\u3057\u3001\u3053\u308c\u3089\u306e\u653b\u6483\u304b\u3089\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u52b9\u679c\u7684\u306b\u4fdd\u8b77\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-56\">CSRF\u30c8\u30fc\u30af\u30f3\u306e\u57fa\u672c<\/h4>\n\n\n\n<p>CSRF\u30c8\u30fc\u30af\u30f3\u306f\u3001\u5404\u30ea\u30af\u30a8\u30b9\u30c8\u306b\u5bfe\u3057\u3066\u4e00\u610f\u306e\u5024\u3092\u751f\u6210\u3057\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u3067\u305d\u306e\u6b63\u5f53\u6027\u3092\u691c\u8a3c\u3059\u308b\u3053\u3068\u3067\u3001\u4e0d\u6b63\u306a\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9632\u304e\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-57\">Thymeleaf\u3067\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<p>Thymeleaf\u306f\u3001Spring Security\u3068\u9023\u643a\u3057\u3066\u3001CSRF\u30c8\u30fc\u30af\u30f3\u3092\u81ea\u52d5\u7684\u306b\u30d5\u30a9\u30fc\u30e0\u306b\u633f\u5165\u3059\u308b\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u57fa\u672c\u7684\u306a\u4f7f\u7528\u65b9\u6cd5<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;form th:action=\"@{\/submit}\" method=\"post\"&gt;\n    &lt;!-- CSRF\u30c8\u30fc\u30af\u30f3\u304c\u81ea\u52d5\u7684\u306b\u633f\u5165\u3055\u308c\u307e\u3059 --&gt;\n    &lt;input type=\"text\" name=\"username\" \/&gt;\n    &lt;input type=\"password\" name=\"password\" \/&gt;\n    &lt;button type=\"submit\"&gt;Login&lt;\/button&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001Thymeleaf\u304c\u81ea\u52d5\u7684\u306bCSRF\u30c8\u30fc\u30af\u30f3\u3092\u542b\u3080\u96a0\u3057\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u633f\u5165\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u660e\u793a\u7684\u306a\u30c8\u30fc\u30af\u30f3\u633f\u5165<\/strong>:<\/li>\n<\/ol>\n\n\n\n<p>\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u3001CSRF\u30c8\u30fc\u30af\u30f3\u3092\u660e\u793a\u7684\u306b\u633f\u5165\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;form th:action=\"@{\/submit}\" method=\"post\"&gt;\n    &lt;input type=\"hidden\" th:name=\"${_csrf.parameterName}\" th:value=\"${_csrf.token}\" \/&gt;\n    &lt;!-- \u30d5\u30a9\u30fc\u30e0\u306e\u5185\u5bb9 --&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-58\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AJAX\u8981\u6c42\u3067\u306eCSRF\u4fdd\u8b77<\/strong>:<br>AJAX\u8981\u6c42\u3067\u3082CSRF\u30c8\u30fc\u30af\u30f3\u3092\u542b\u3081\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$.ajax({\n    url: '\/api\/data',\n    type: 'POST',\n    beforeSend: function(xhr) {\n        xhr.setRequestHeader('X-CSRF-TOKEN', $('meta[name=\"csrf-token\"]').attr('content'));\n    },\n    \/\/ \u305d\u306e\u4ed6\u306eAjax\u8a2d\u5b9a\n});<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>SPA\uff08\u30b7\u30f3\u30b0\u30eb\u30da\u30fc\u30b8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff09\u3067\u306e\u5bfe\u5fdc<\/strong>:<br>SPA\u3067\u306f\u3001CSRF\u30c8\u30fc\u30af\u30f3\u3092\u52d5\u7684\u306b\u66f4\u65b0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">function updateCsrfToken() {\n    fetch('\/csrf-token')\n        .then(response =&gt; response.json())\n        .then(data =&gt; {\n            document.querySelector('meta[name=\"csrf-token\"]').setAttribute('content', data.token);\n        });\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>CSRF\u30c8\u30fc\u30af\u30f3\u306e\u6709\u52b9\u671f\u9650\u8a2d\u5b9a<\/strong>:<br>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u5f37\u5316\u3059\u308b\u305f\u3081\u3001CSRF\u30c8\u30fc\u30af\u30f3\u306b\u6709\u52b9\u671f\u9650\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Configuration\npublic class SecurityConfig extends WebSecurityConfigurerAdapter {\n    @Override\n    protected void configure(HttpSecurity http) throws Exception {\n        http\n            .csrf()\n                .csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse())\n                .and()\n            \/\/ \u305d\u306e\u4ed6\u306e\u8a2d\u5b9a\n    }\n}<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>CSRF\u30c8\u30fc\u30af\u30f3\u691c\u8a3c\u306e\u4f8b\u5916\u51e6\u7406<\/strong>:<br>\u7279\u5b9a\u306e\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067CSRF\u4fdd\u8b77\u3092\u7121\u52b9\u306b\u3059\u308b\u5834\u5408\u306f\u3001\u614e\u91cd\u306b\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Configuration\npublic class SecurityConfig extends WebSecurityConfigurerAdapter {\n    @Override\n    protected void configure(HttpSecurity http) throws Exception {\n        http\n            .csrf()\n                .ignoringAntMatchers(\"\/public-api\/**\")\n                .and()\n            \/\/ \u305d\u306e\u4ed6\u306e\u8a2d\u5b9a\n    }\n}<\/pre>\n\n\n\n<p>CSRF\u30c8\u30fc\u30af\u30f3\u306e\u9069\u5207\u306a\u5b9f\u88c5\u306f\u3001Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002Thymeleaf\u3068Spring Security\u306e\u7d44\u307f\u5408\u308f\u305b\u306b\u3088\u308a\u3001\u3053\u306e\u91cd\u8981\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3092\u7c21\u5358\u304b\u3064\u52b9\u679c\u7684\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u305f\u3060\u3057\u3001CSRF\u30c8\u30fc\u30af\u30f3\u306f\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u4e00\u5074\u9762\u306b\u904e\u304e\u306a\u3044\u3053\u3068\u3092\u5fd8\u308c\u305a\u306b\u3001\u7dcf\u5408\u7684\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u4e00\u90e8\u3068\u3057\u3066\u5b9f\u88c5\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-59\">7. \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\uff1a\u8868\u793a\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u308b3\u3064\u306e\u30c6\u30af\u30cb\u30c3\u30af<\/h2>\n\n\n\n<p>2024\u5e74\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3044\u3066\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u306f\u6975\u3081\u3066\u91cd\u8981\u306a\u8981\u7d20\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u306e\u5411\u4e0a\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u6700\u9069\u5316\uff08SEO\uff09\u3078\u306e\u597d\u5f71\u97ff\u3001\u30b5\u30fc\u30d0\u30fc\u30ea\u30bd\u30fc\u30b9\u306e\u52b9\u7387\u7684\u306a\u5229\u7528\u3001\u305d\u3057\u3066\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u3067\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u306a\u3069\u3001\u305d\u306e\u5f71\u97ff\u306f\u591a\u5c90\u306b\u308f\u305f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u3053\u3067\u306f\u3001Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8868\u793a\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u308b3\u3064\u306e\u91cd\u8981\u306a\u30c6\u30af\u30cb\u30c3\u30af\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-60\">1. \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u6d3b\u7528<\/h3>\n\n\n\n<p>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u306f\u3001\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6e08\u307f\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u30e1\u30e2\u30ea\u306b\u4fdd\u5b58\u3057\u518d\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<p>Thymeleaf\u3067\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u8a2d\u5b9a\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">spring.thymeleaf.cache=true<\/pre>\n\n\n\n<p>\u3053\u306e\u8a2d\u5b9a\u306b\u3088\u308a\u3001\u983b\u7e41\u306b\u4f7f\u7528\u3055\u308c\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u518d\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3092\u907f\u3051\u3001\u30ec\u30b9\u30dd\u30f3\u30b9\u6642\u9593\u3092\u77ed\u7e2e\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-61\">2. \u975e\u540c\u671f\u51e6\u7406\u306e\u5b9f\u88c5<\/h3>\n\n\n\n<p>\u975e\u540c\u671f\u51e6\u7406\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u306e\u304b\u304b\u308b\u51e6\u7406\u3092\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u3067\u5b9f\u884c\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u5fdc\u7b54\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>Spring Boot\u3067\u306e\u975e\u540c\u671f\u51e6\u7406\u306e\u4f8b\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Service\npublic class AsyncService {\n    @Async\n    public CompletableFuture&lt;String&gt; asyncMethod() {\n        \/\/ \u6642\u9593\u306e\u304b\u304b\u308b\u51e6\u7406\n        return CompletableFuture.completedFuture(\"\u51e6\u7406\u5b8c\u4e86\");\n    }\n}<\/pre>\n\n\n\n<p>Thymeleaf\u3068JavaScript\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u975e\u540c\u671f\u66f4\u65b0\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div id=\"asyncContent\"&gt;Loading...&lt;\/div&gt;\n\n&lt;script th:inline=\"javascript\"&gt;\n    fetch('\/api\/async-data')\n        .then(response =&gt; response.text())\n        .then(data =&gt; {\n            document.getElementById('asyncContent').innerHTML = data;\n        });\n&lt;\/script&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-62\">3. \u30ea\u30bd\u30fc\u30b9\u306e\u6700\u9069\u5316<\/h3>\n\n\n\n<p>\u30ea\u30bd\u30fc\u30b9\u306e\u6700\u5c0f\u5316\u3068\u5727\u7e2e\u306f\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u5927\u5e45\u306b\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>Spring Boot\u3067\u306e\u9759\u7684\u30ea\u30bd\u30fc\u30b9\u5727\u7e2e\u306e\u6709\u52b9\u5316\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">server.compression.enabled=true\nserver.compression.mime-types=text\/html,text\/xml,text\/plain,text\/css,text\/javascript,application\/javascript\nserver.compression.min-response-size=1024<\/pre>\n\n\n\n<p>\u3055\u3089\u306b\u3001CDN\uff08Content Delivery Network\uff09\u306e\u5229\u7528\u3082\u691c\u8a0e\u3059\u3079\u304d\u3067\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.example.com\/styles.min.css\"&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-63\">2024\u5e74\u306e\u6700\u65b0\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u6280\u8853<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AI\u3092\u6d3b\u7528\u3057\u305f\u4e88\u6e2c\u7684\u30ea\u30bd\u30fc\u30b9\u6700\u9069\u5316<\/strong>: \u6a5f\u68b0\u5b66\u7fd2\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u884c\u52d5\u3092\u4e88\u6e2c\u3057\u3001\u5fc5\u8981\u306a\u30ea\u30bd\u30fc\u30b9\u3092\u4e8b\u524d\u306b\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30a8\u30c3\u30b8\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u6d3b\u7528<\/strong>: \u30e6\u30fc\u30b6\u30fc\u306b\u5730\u7406\u7684\u306b\u8fd1\u3044\u5834\u6240\u3067\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u3092\u884c\u3044\u3001\u30ec\u30a4\u30c6\u30f3\u30b7\u30fc\u3092\u4f4e\u6e1b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>WebAssembly\u306b\u3088\u308b\u9ad8\u901f\u5316<\/strong>: \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30af\u30ea\u30c6\u30a3\u30ab\u30eb\u306a\u90e8\u5206\u3092WebAssembly\u3067\u5b9f\u88c5\u3057\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u306b\u8fd1\u3044\u901f\u5ea6\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>5G\u6280\u8853\u3092\u8003\u616e\u3057\u305f\u6700\u9069\u5316<\/strong>: \u9ad8\u901f\u30fb\u5927\u5bb9\u91cf\u306e5G\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u524d\u63d0\u3068\u3057\u305f\u6700\u9069\u5316\u6226\u7565\u3092\u691c\u8a0e\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-64\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u306e\u91cd\u8981\u6027<\/h3>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001\u7d99\u7d9a\u7684\u306a\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u306e\u91cd\u8981\u6027\u3092\u5f37\u8abf\u3057\u307e\u3059\u3002Spring Boot Actuator\u3001New Relic\u3001Prometheus + Grafana\u306a\u3069\u306e\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3057\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u76e3\u8996\u3059\u308b\u3053\u3068\u3067\u3001\u554f\u984c\u3092\u65e9\u671f\u306b\u767a\u898b\u3057\u5bfe\u51e6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Configuration\npublic class ActuatorConfig {\n    @Bean\n    public TimedAspect timedAspect(MeterRegistry registry) {\n        return new TimedAspect(registry);\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u9069\u5207\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u3001\u512a\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u3068\u975e\u540c\u671f\u51e6\u7406\u306b\u3064\u3044\u3066\u3055\u3089\u306b\u8a73\u3057\u304f\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-65\">7.1 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u9069\u5207\u306a\u8a2d\u5b9a\u65b9\u6cd5<\/h3>\n\n\n\n<p>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u306f\u3001Thymeleaf\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u308b\u91cd\u8981\u306a\u6a5f\u80fd\u3067\u3059\u3002\u9069\u5207\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u9593\u3092\u77ed\u7e2e\u3057\u3001\u30b5\u30fc\u30d0\u30fc\u30ea\u30bd\u30fc\u30b9\u3092\u52b9\u7387\u7684\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-66\">\u57fa\u672c\u7684\u306a\u8a2d\u5b9a<\/h4>\n\n\n\n<p>Thymeleaf\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6709\u52b9\u306b\u3059\u308b\u306b\u306f\u3001<code>application.properties<\/code>\u30d5\u30a1\u30a4\u30eb\u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">spring.thymeleaf.cache=true<\/pre>\n\n\n\n<p>\u3053\u306e\u8a2d\u5b9a\u306b\u3088\u308a\u3001Thymeleaf\u306f\u4e00\u5ea6\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u305f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u30e1\u30e2\u30ea\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u3001\u540c\u3058\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u518d\u5ea6\u8981\u6c42\u3055\u308c\u305f\u969b\u306b\u9ad8\u901f\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-67\">\u9ad8\u5ea6\u306a\u8a2d\u5b9a<\/h4>\n\n\n\n<p>\u3088\u308a\u7d30\u304b\u306a\u5236\u5fa1\u304c\u5fc5\u8981\u306a\u5834\u5408\u3001JavaConfig\u3092\u4f7f\u7528\u3057\u3066\u30ab\u30b9\u30bf\u30e0\u8a2d\u5b9a\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Configuration\npublic class ThymeleafConfig {\n\n    @Bean\n    public SpringResourceTemplateResolver templateResolver() {\n        SpringResourceTemplateResolver resolver = new SpringResourceTemplateResolver();\n        resolver.setPrefix(\"classpath:\/templates\/\");\n        resolver.setSuffix(\".html\");\n        resolver.setTemplateMode(TemplateMode.HTML);\n        resolver.setCacheable(true);\n        resolver.setCacheTTLMs(3600000L); \/\/ 1\u6642\u9593\u306eTTL\n        return resolver;\n    }\n\n    @Bean\n    public SpringTemplateEngine templateEngine() {\n        SpringTemplateEngine engine = new SpringTemplateEngine();\n        engine.setTemplateResolver(templateResolver());\n        engine.setEnableSpringELCompiler(true);\n        return engine;\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u306e\u8a2d\u5b9a\u3067\u306f\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u306eTTL\uff08Time To Live\uff09\u30921\u6642\u9593\u306b\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5909\u66f4\u304c\u5b9a\u671f\u7684\u306b\u53cd\u6620\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-68\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u9078\u629e\u7684\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0<\/strong>:<br>\u983b\u7e41\u306b\u5909\u66f4\u3055\u308c\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u9759\u7684\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u533a\u5225\u3057\u3001\u9069\u5207\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u7ba1\u7406\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Bean\n   public ITemplateResolver dynamicTemplateResolver() {\n       SpringResourceTemplateResolver resolver = new SpringResourceTemplateResolver();\n       resolver.setPrefix(\"classpath:\/templates\/dynamic\/\");\n       resolver.setCacheable(false);\n       return resolver;\n   }\n\n   @Bean\n   public ITemplateResolver staticTemplateResolver() {\n       SpringResourceTemplateResolver resolver = new SpringResourceTemplateResolver();\n       resolver.setPrefix(\"classpath:\/templates\/static\/\");\n       resolver.setCacheable(true);\n       return resolver;\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u74b0\u5883\u5225\u8a2d\u5b9a<\/strong>:<br>\u958b\u767a\u74b0\u5883\u3068\u672c\u756a\u74b0\u5883\u3067\u7570\u306a\u308b\u30ad\u30e3\u30c3\u30b7\u30e5\u8a2d\u5b9a\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   spring.thymeleaf.cache=${THYMELEAF_CACHE:false}<\/pre>\n\n\n\n<p>\u3053\u306e\u8a2d\u5b9a\u3067\u306f\u3001\u74b0\u5883\u5909\u6570<code>THYMELEAF_CACHE<\/code>\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067<code>false<\/code>\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u76e3\u8996<\/strong>:<br>Spring Boot Actuator\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u30d2\u30c3\u30c8\u7387\u3084\u30e1\u30e2\u30ea\u4f7f\u7528\u91cf\u3092\u76e3\u8996\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Configuration\n   public class MetricsConfig {\n       @Bean\n       public MeterRegistryCustomizer&lt;MeterRegistry&gt; metricsCommonTags() {\n           return registry -&gt; registry.config().commonTags(\"application\", \"myapp\");\n       }\n   }<\/pre>\n\n\n\n<p>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5fdc\u7b54\u6027\u304c\u5927\u5e45\u306b\u5411\u4e0a\u3057\u3001\u30b5\u30fc\u30d0\u30fc\u30ea\u30bd\u30fc\u30b9\u306e\u4f7f\u7528\u52b9\u7387\u304c\u6539\u5584\u3055\u308c\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u958b\u767a\u4e2d\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u7121\u52b9\u306b\u3057\u3001\u5909\u66f4\u304c\u3059\u3050\u306b\u53cd\u6620\u3055\u308c\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u672c\u756a\u74b0\u5883\u3067\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u7279\u6027\u306b\u5fdc\u3058\u3066\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u8a2d\u5b9a\u3092\u6700\u9069\u5316\u3059\u308b\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-69\">7.2 \u975e\u540c\u671f\u51e6\u7406\u3092\u6d3b\u7528\u3057\u305f\u30ec\u30b9\u30dd\u30f3\u30b9\u6642\u9593\u306e\u77ed\u7e2e<\/h3>\n\n\n\n<p>\u975e\u540c\u671f\u51e6\u7406\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u6642\u9593\u3092\u5927\u5e45\u306b\u77ed\u7e2e\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u5f37\u529b\u306a\u624b\u6cd5\u3067\u3059\u3002Spring Boot\u3068Thymeleaf\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u52b9\u679c\u7684\u306a\u975e\u540c\u671f\u51e6\u7406\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-70\">Spring Boot\u3067\u306e\u975e\u540c\u671f\u51e6\u7406<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>@Async\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u306e\u4f7f\u7528<\/strong>:<br>\u6642\u9593\u306e\u304b\u304b\u308b\u51e6\u7406\u3092\u975e\u540c\u671f\u3067\u5b9f\u884c\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Service\n   public class AsyncService {\n       @Async\n       public CompletableFuture&lt;String&gt; longRunningTask() {\n           \/\/ \u6642\u9593\u306e\u304b\u304b\u308b\u51e6\u7406\n           return CompletableFuture.completedFuture(\"\u51e6\u7406\u5b8c\u4e86\");\n       }\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u975e\u540c\u671f\u8a2d\u5b9a\u306e\u6709\u52b9\u5316<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Configuration\n   @EnableAsync\n   public class AsyncConfig {\n       @Bean\n       public Executor taskExecutor() {\n           ThreadPoolTaskExecutor executor = new ThreadPoolTaskExecutor();\n           executor.setCorePoolSize(2);\n           executor.setMaxPoolSize(2);\n           executor.setQueueCapacity(500);\n           executor.setThreadNamePrefix(\"AsyncThread-\");\n           executor.initialize();\n           return executor;\n       }\n   }<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-71\">Thymeleaf\u3068JavaScript\u306e\u7d44\u307f\u5408\u308f\u305b<\/h4>\n\n\n\n<p>\u975e\u540c\u671f\u51e6\u7406\u306e\u7d50\u679c\u3092UI\u306b\u53cd\u6620\u3059\u308b\u306b\u306f\u3001Thymeleaf\u3068JavaScript\u3092\u7d44\u307f\u5408\u308f\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div id=\"result\"&gt;\u51e6\u7406\u4e2d...&lt;\/div&gt;\n   &lt;script th:inline=\"javascript\"&gt;\n     fetch('\/api\/async-task')\n       .then(response =&gt; response.text())\n       .then(data =&gt; {\n         document.getElementById('result').innerHTML = data;\n       });\n   &lt;\/script&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Spring Boot\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @RestController\n   public class AsyncController {\n       @Autowired\n       private AsyncService asyncService;\n\n       @GetMapping(\"\/api\/async-task\")\n       public DeferredResult&lt;String&gt; asyncTask() {\n           DeferredResult&lt;String&gt; result = new DeferredResult&lt;&gt;();\n           asyncService.longRunningTask().thenAccept(result::setResult);\n           return result;\n       }\n   }<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-72\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u63a1\u7528<\/strong>:<br>Spring WebFlux\u3092\u4f7f\u7528\u3057\u3066\u3001\u5b8c\u5168\u306a\u975e\u540c\u671f\u30fb\u30ce\u30f3\u30d6\u30ed\u30c3\u30ad\u30f3\u30b0\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @RestController\n   public class ReactiveController {\n       @GetMapping(\"\/reactive-data\")\n       public Flux&lt;String&gt; getReactiveData() {\n           return Flux.interval(Duration.ofMillis(100))\n                      .map(i -&gt; \"Data \" + i)\n                      .take(10);\n       }\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Server-Sent Events (SSE)\u306e\u6d3b\u7528<\/strong>:<br>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u66f4\u65b0\u304c\u5fc5\u8981\u306a\u5834\u5408\u3001SSE\u3092\u4f7f\u7528\u3057\u3066\u52b9\u7387\u7684\u306b\u30c7\u30fc\u30bf\u3092\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306b\u30d7\u30c3\u30b7\u30e5\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @GetMapping(path = \"\/sse-stream\", produces = MediaType.TEXT_EVENT_STREAM_VALUE)\n   public Flux&lt;ServerSentEvent&lt;String&gt;&gt; sseStream() {\n       return Flux.interval(Duration.ofSeconds(1))\n                  .map(sequence -&gt; ServerSentEvent.&lt;String&gt;builder()\n                          .id(String.valueOf(sequence))\n                          .event(\"periodic-event\")\n                          .data(\"SSE - \" + LocalTime.now().toString())\n                          .build());\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u975e\u540c\u671f\u51e6\u7406\u306e\u76e3\u8996<\/strong>:<br>Spring Boot Actuator\u3068Micrometer\u3092\u4f7f\u7528\u3057\u3066\u3001\u975e\u540c\u671f\u51e6\u7406\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u76e3\u8996\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Timed(value = \"async.task\", description = \"Time taken to execute async task\")\n   @Async\n   public CompletableFuture&lt;String&gt; timedAsyncTask() {\n       \/\/ \u975e\u540c\u671f\u30bf\u30b9\u30af\u306e\u51e6\u7406\n   }<\/pre>\n\n\n\n<p>\u975e\u540c\u671f\u51e6\u7406\u3092\u9069\u5207\u306b\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5fdc\u7b54\u6027\u304c\u5927\u5e45\u306b\u5411\u4e0a\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u304c\u6539\u5584\u3055\u308c\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u8907\u96d1\u306a\u975e\u540c\u671f\u51e6\u7406\u306f\u30c7\u30d0\u30c3\u30b0\u3084\u4fdd\u5b88\u304c\u96e3\u3057\u304f\u306a\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u9069\u5207\u306a\u8a2d\u8a08\u3068\u76e3\u8996\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-73\">8. \u56fd\u969b\u5316\u5bfe\u5fdc\uff1a\u591a\u8a00\u8a9e\u30b5\u30a4\u30c8\u306e\u69cb\u7bc9\u624b\u6cd5<\/h2>\n\n\n\n<p>2024\u5e74\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u5e02\u5834\u306b\u304a\u3044\u3066\u3001Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u56fd\u969b\u5316\u5bfe\u5fdc\u306f\u4e0d\u53ef\u6b20\u3067\u3059\u3002\u9069\u5207\u306a\u56fd\u969b\u5316\uff08i18n\uff09\u6226\u7565\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3067\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u5e02\u5834\u3078\u306e\u30a2\u30af\u30bb\u30b9\u62e1\u5927\u3001\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u306e\u5411\u4e0a\u3001\u6cd5\u7684\u8981\u4ef6\u3078\u306e\u5bfe\u5fdc\u3001\u305d\u3057\u3066\u30d6\u30e9\u30f3\u30c9\u30a4\u30e1\u30fc\u30b8\u306e\u5411\u4e0a\u3068\u3044\u3063\u305f\u591a\u304f\u306e\u30e1\u30ea\u30c3\u30c8\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u52b9\u7387\u7684\u304b\u3064\u67d4\u8edf\u306a\u591a\u8a00\u8a9e\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306b\u3001\u4e3b\u8981\u306a\u5b9f\u88c5\u624b\u6cd5\u3068\u6700\u65b0\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-74\">\u57fa\u672c\u7684\u306a\u56fd\u969b\u5316\u8a2d\u5b9a<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30e1\u30c3\u30bb\u30fc\u30b8\u30bd\u30fc\u30b9\u306e\u8a2d\u5b9a<\/strong>:<br><code>application.properties<\/code>\u30d5\u30a1\u30a4\u30eb\u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   spring.messages.basename=i18n\/messages<\/pre>\n\n\n\n<p>\u3053\u308c\u306b\u3088\u308a\u3001<code>src\/main\/resources\/i18n<\/code>\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306e<code>messages_XX.properties<\/code>\u30d5\u30a1\u30a4\u30eb\u304c\u8aad\u307f\u8fbc\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u8a00\u8a9e\u30d5\u30a1\u30a4\u30eb\u306e\u4f5c\u6210<\/strong>:<br>\u4f8b\u3048\u3070\u3001\u82f1\u8a9e\u3068\u65e5\u672c\u8a9e\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 <code>messages_en.properties<\/code>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   welcome.message=Welcome to our site!<\/pre>\n\n\n\n<p><code>messages_ja.properties<\/code>:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   welcome.message=\u3088\u3046\u3053\u305d\u3001\u79c1\u305f\u3061\u306e\u30b5\u30a4\u30c8\u3078\uff01<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Thymeleaf\u3067\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u4f7f\u7528<\/strong>:<br>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u3067\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;h1 th:text=\"#{welcome.message}\"&gt;Welcome&lt;\/h1&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-75\">\u8a00\u8a9e\u5207\u308a\u66ff\u3048\u306e\u5b9f\u88c5<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>LocaleResolver\u306e\u8a2d\u5b9a<\/strong>:<br>\u30bb\u30c3\u30b7\u30e7\u30f3\u3001\u30af\u30c3\u30ad\u30fc\u3001\u307e\u305f\u306f <code>Accept-Language<\/code> \u30d8\u30c3\u30c0\u30fc\u306b\u57fa\u3065\u3044\u3066\u8a00\u8a9e\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Bean\n   public LocaleResolver localeResolver() {\n       SessionLocaleResolver resolver = new SessionLocaleResolver();\n       resolver.setDefaultLocale(Locale.getDefault());\n       return resolver;\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u8a00\u8a9e\u5207\u66ff\u30ea\u30f3\u30af\u306e\u8ffd\u52a0<\/strong>:<br>\u30e6\u30fc\u30b6\u30fc\u304c\u8a00\u8a9e\u3092\u9078\u629e\u3067\u304d\u308b\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;a th:href=\"@{''(lang=en)}\"&gt;English&lt;\/a&gt;\n   &lt;a th:href=\"@{''(lang=ja)}\"&gt;\u65e5\u672c\u8a9e&lt;\/a&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-76\">2024\u5e74\u306e\u6700\u65b0\u6280\u8853\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AI\u99c6\u52d5\u306e\u81ea\u52d5\u7ffb\u8a33\u7d71\u5408<\/strong>:<br>\u6a5f\u68b0\u5b66\u7fd2\u30e2\u30c7\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u7ffb\u8a33\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Autowired\n   private AITranslationService translationService;\n\n   @GetMapping(\"\/content\/{id}\")\n   public String getContent(@PathVariable Long id, Locale locale) {\n       Content content = contentService.getById(id);\n       String translatedContent = translationService.translate(content.getText(), locale);\n       \/\/ ...\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u8a00\u8a9e\u5207\u308a\u66ff\u3048<\/strong>:<br>\u30da\u30fc\u30b8\u3092\u30ea\u30ed\u30fc\u30c9\u305b\u305a\u306b\u8a00\u8a9e\u3092\u5207\u308a\u66ff\u3048\u308bJavaScript\u5b9f\u88c5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   function changeLanguage(lang) {\n       fetch(`\/api\/change-language?lang=${lang}`)\n           .then(() =&gt; location.reload());\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30b8\u30aa\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u30d9\u30fc\u30b9\u306e\u8a00\u8a9e\u8a2d\u5b9a<\/strong>:<br>\u30e6\u30fc\u30b6\u30fc\u306e\u4f4d\u7f6e\u60c5\u5831\u306b\u57fa\u3065\u3044\u3066\u3001\u9069\u5207\u306a\u8a00\u8a9e\u3092\u81ea\u52d5\u7684\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Bean\n   public LocaleResolver localeResolver() {\n       return new GeoLocationBasedLocaleResolver();\n   }<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u53f3\u304b\u3089\u5de6\uff08RTL\uff09\u8a00\u8a9e\u306e\u30b5\u30dd\u30fc\u30c8<\/strong>:<br>\u30a2\u30e9\u30d3\u30a2\u8a9e\u3084\u30d8\u30d6\u30e9\u30a4\u8a9e\u306a\u3069\u306eRTL\u8a00\u8a9e\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;html th:lang=\"${#locale.language}\" th:dir=\"${#locale.language == 'ar' ? 'rtl' : 'ltr'}\"&gt;<\/pre>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li><strong>\u7ffb\u8a33\u7ba1\u7406\u30c4\u30fc\u30eb\u306e\u5229\u7528<\/strong>:<br>POEditor \u3084 Crowdin \u306a\u3069\u306e\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001\u7ffb\u8a33\u30d7\u30ed\u30bb\u30b9\u3092\u52b9\u7387\u5316\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u6280\u8853\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u9069\u5207\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u512a\u308c\u305f\u4f53\u9a13\u3092\u63d0\u4f9b\u3059\u308b\u591a\u8a00\u8a9e\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u30bd\u30fc\u30b9\u306e\u8a73\u7d30\u306a\u8a2d\u5b9a\u65b9\u6cd5\u3068\u3001\u65e5\u4ed8\u30fb\u6570\u5024\u306e\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba\u51e6\u7406\u306b\u3064\u3044\u3066\u6df1\u304f\u6398\u308a\u4e0b\u3052\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-77\">8.1 \u30e1\u30c3\u30bb\u30fc\u30b8\u30bd\u30fc\u30b9\u306e\u8a2d\u5b9a\u3068\u8a00\u8a9e\u5207\u308a\u66ff\u3048\u306e\u5b9f\u88c5<\/h3>\n\n\n\n<p>\u52b9\u679c\u7684\u306a\u56fd\u969b\u5316\u5bfe\u5fdc\u306e\u57fa\u76e4\u306f\u3001\u9069\u5207\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\u30bd\u30fc\u30b9\u306e\u8a2d\u5b9a\u3068\u67d4\u8edf\u306a\u8a00\u8a9e\u5207\u308a\u66ff\u3048\u6a5f\u80fd\u306e\u5b9f\u88c5\u3067\u3059\u3002Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u3053\u308c\u3089\u306e\u6a5f\u80fd\u3092\u7c21\u5358\u306b\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-78\">\u30e1\u30c3\u30bb\u30fc\u30b8\u30bd\u30fc\u30b9\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d7\u30ed\u30d1\u30c6\u30a3\u30d5\u30a1\u30a4\u30eb\u306e\u4f5c\u6210<\/strong>:<br><code>src\/main\/resources\/i18n<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u8a00\u8a9e\u3054\u3068\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 <code>messages_en.properties<\/code>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   welcome.message=Welcome to our site!\n   nav.home=Home\n   nav.about=About Us<\/pre>\n\n\n\n<p><code>messages_ja.properties<\/code>:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   welcome.message=\u3088\u3046\u3053\u305d\u3001\u79c1\u305f\u3061\u306e\u30b5\u30a4\u30c8\u3078\uff01\n   nav.home=\u30db\u30fc\u30e0\n   nav.about=\u4f1a\u793e\u6982\u8981<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Spring Boot\u8a2d\u5b9a<\/strong>:<br><code>application.properties<\/code> \u30d5\u30a1\u30a4\u30eb\u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   spring.messages.basename=i18n\/messages\n   spring.messages.fallback-to-system-locale=false<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Thymeleaf\u3067\u306e\u4f7f\u7528<\/strong>:<br>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u3067\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;h1 th:text=\"#{welcome.message}\"&gt;Welcome&lt;\/h1&gt;\n   &lt;nav&gt;\n     &lt;a th:href=\"@{\/}\" th:text=\"#{nav.home}\"&gt;Home&lt;\/a&gt;\n     &lt;a th:href=\"@{\/about}\" th:text=\"#{nav.about}\"&gt;About Us&lt;\/a&gt;\n   &lt;\/nav&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-79\">\u8a00\u8a9e\u5207\u308a\u66ff\u3048\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>LocaleResolver\u306e\u8a2d\u5b9a<\/strong>:<br><code>Configuration<\/code> \u30af\u30e9\u30b9\u3067 <code>LocaleResolver<\/code> \u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Configuration\n   public class LocaleConfig {\n       @Bean\n       public LocaleResolver localeResolver() {\n           SessionLocaleResolver resolver = new SessionLocaleResolver();\n           resolver.setDefaultLocale(Locale.US);\n           return resolver;\n       }\n\n       @Bean\n       public LocaleChangeInterceptor localeChangeInterceptor() {\n           LocaleChangeInterceptor interceptor = new LocaleChangeInterceptor();\n           interceptor.setParamName(\"lang\");\n           return interceptor;\n       }\n\n       @Override\n       public void addInterceptors(InterceptorRegistry registry) {\n           registry.addInterceptor(localeChangeInterceptor());\n       }\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u8a00\u8a9e\u5207\u66ff\u30ea\u30f3\u30af\u306e\u8ffd\u52a0<\/strong>:<br>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u8a00\u8a9e\u5207\u66ff\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;div class=\"lang-switcher\"&gt;\n     &lt;a th:href=\"@{''(lang=en)}\"&gt;English&lt;\/a&gt;\n     &lt;a th:href=\"@{''(lang=ja)}\"&gt;\u65e5\u672c\u8a9e&lt;\/a&gt;\n   &lt;\/div&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-80\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u52d5\u7684\u8a00\u8a9e\u5207\u308a\u66ff\u3048<\/strong>:<br>\u30da\u30fc\u30b8\u306e\u30ea\u30ed\u30fc\u30c9\u306a\u3057\u3067\u8a00\u8a9e\u3092\u5207\u308a\u66ff\u3048\u308bAjax\u5b9f\u88c5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   function changeLanguage(lang) {\n       fetch(`\/api\/change-language?lang=${lang}`, { method: 'POST' })\n           .then(() =&gt; {\n               document.querySelectorAll('[data-i18n]').forEach(el =&gt; {\n                   const key = el.getAttribute('data-i18n');\n                   fetch(`\/api\/translate?key=${key}&amp;lang=${lang}`)\n                       .then(response =&gt; response.text())\n                       .then(text =&gt; el.innerText = text);\n               });\n           });\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30e6\u30fc\u30b6\u30fc\u8a2d\u5b9a\u306e\u4fdd\u5b58<\/strong>:<br>\u30e6\u30fc\u30b6\u30fc\u306e\u8a00\u8a9e\u9078\u629e\u3092\u4fdd\u5b58\u3057\u3001\u6b21\u56de\u8a2a\u554f\u6642\u306b\u81ea\u52d5\u7684\u306b\u9069\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @PostMapping(\"\/api\/change-language\")\n   public ResponseEntity&lt;?&gt; changeLanguage(@RequestParam String lang, HttpServletResponse response) {\n       Locale locale = Locale.forLanguageTag(lang);\n       localeResolver.setLocale(request, response, locale);\n       \/\/ \u30e6\u30fc\u30b6\u30fc\u8a2d\u5b9a\u3092\u4fdd\u5b58\u3059\u308b\u30ed\u30b8\u30c3\u30af\n       return ResponseEntity.ok().build();\n   }<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u5b9f\u88c5\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u52b9\u7387\u7684\u306a\u591a\u8a00\u8a9e\u30b5\u30dd\u30fc\u30c8\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u30e1\u30c3\u30bb\u30fc\u30b8\u30bd\u30fc\u30b9\u306e\u9069\u5207\u306a\u8a2d\u5b9a\u3068\u67d4\u8edf\u306a\u8a00\u8a9e\u5207\u308a\u66ff\u3048\u6a5f\u80fd\u306f\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u306a\u30e6\u30fc\u30b6\u30fc\u30d9\u30fc\u30b9\u306b\u5bfe\u5fdc\u3059\u308b\u4e0a\u3067\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-81\">8.2 \u65e5\u4ed8\u3068\u6570\u5024\u306e\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba\u51e6\u7406<\/h3>\n\n\n\n<p>\u65e5\u4ed8\u3068\u6570\u5024\u306e\u9069\u5207\u306a\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba\u306f\u3001\u56fd\u969b\u5316\u3055\u308c\u305fWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u304a\u3044\u3066\u6975\u3081\u3066\u91cd\u8981\u3067\u3059\u3002\u5404\u5730\u57df\u306e\u6163\u7fd2\u306b\u5408\u308f\u305b\u305f\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u3053\u306e\u51e6\u7406\u3092\u52b9\u7387\u7684\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-82\">\u65e5\u4ed8\u306e\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Thymeleaf\u3067\u306e\u65e5\u4ed8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8<\/strong>:<br>Thymeleaf\u306e <code>#temporals<\/code> \u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u3001\u65e5\u4ed8\u3092\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;p th:text=\"${#temporals.format(date, 'long')}\"&gt;January 1, 2024&lt;\/p&gt;<\/pre>\n\n\n\n<p>\u3053\u308c\u306b\u3088\u308a\u3001\u73fe\u5728\u306e\u30ed\u30b1\u30fc\u30eb\u306b\u57fa\u3065\u3044\u3066\u65e5\u4ed8\u304c\u81ea\u52d5\u7684\u306b\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ab\u30b9\u30bf\u30e0\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306e\u4f7f\u7528<\/strong>:<br>\u3088\u308a\u7d30\u304b\u3044\u5236\u5fa1\u304c\u5fc5\u8981\u306a\u5834\u5408\u3001\u30d1\u30bf\u30fc\u30f3\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;p th:text=\"${#temporals.format(date, 'yyyy\u5e74MM\u6708dd\u65e5')}\"&gt;2024\u5e7401\u670801\u65e5&lt;\/p&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-83\">\u6570\u5024\u306e\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u901a\u5e38\u306e\u6570\u5024\u30d5\u30a9\u30fc\u30de\u30c3\u30c8<\/strong>:<br><code>#numbers<\/code> \u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u5024\u3092\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;p th:text=\"${#numbers.formatDecimal(price, 1, 'COMMA', 2, 'POINT')}\"&gt;1,234.56&lt;\/p&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u901a\u8ca8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8<\/strong>:<br>\u901a\u8ca8\u8a18\u53f7\u3092\u542b\u3081\u305f\u91d1\u984d\u8868\u793a\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;p th:text=\"${#numbers.formatCurrency(price)}\"&gt;\u00a51,234&lt;\/p&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-84\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u52d5\u7684\u30ed\u30fc\u30ab\u30e9\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3<\/strong>:<br>\u30e6\u30fc\u30b6\u30fc\u306e\u8a2d\u5b9a\u306b\u57fa\u3065\u3044\u3066\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u3067\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u52d5\u7684\u306b\u5909\u66f4\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @GetMapping(\"\/product\/{id}\")\n   public String getProduct(@PathVariable Long id, Model model, Locale locale) {\n       Product product = productService.getById(id);\n       DateTimeFormatter dateFormatter = DateTimeFormatter.ofLocalizedDate(FormatStyle.LONG).withLocale(locale);\n       NumberFormat currencyFormatter = NumberFormat.getCurrencyInstance(locale);\n\n       model.addAttribute(\"formattedDate\", product.getCreatedAt().format(dateFormatter));\n       model.addAttribute(\"formattedPrice\", currencyFormatter.format(product.getPrice()));\n       return \"product\";\n   }<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u30ed\u30fc\u30ab\u30e9\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3<\/strong>:<br>JavaScript\u7528\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\uff08\u4f8b\uff1aIntl API\uff09\u3092\u4f7f\u7528\u3057\u3066\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u3067\u3082\u9069\u5207\u306a\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   function formatDate(date, locale) {\n       return new Intl.DateTimeFormat(locale, { dateStyle: 'long' }).format(date);\n   }\n\n   function formatCurrency(amount, locale, currency) {\n       return new Intl.NumberFormat(locale, { style: 'currency', currency: currency }).format(amount);\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30bf\u30a4\u30e0\u30be\u30fc\u30f3\u306e\u8003\u616e<\/strong>:<br>\u30b0\u30ed\u30fc\u30d0\u30eb\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30bf\u30a4\u30e0\u30be\u30fc\u30f3\u3092\u8003\u616e\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Bean\n   public LocaleContextResolver localeContextResolver() {\n       return new CookieLocaleResolver() {\n           @Override\n           public TimeZone resolveTimeZone(HttpServletRequest request) {\n               String timeZone = request.getParameter(\"timeZone\");\n               return (timeZone != null) ? TimeZone.getTimeZone(timeZone) : super.resolveTimeZone(request);\n           }\n       };\n   }<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u6280\u8853\u3092\u9069\u5207\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u4e16\u754c\u4e2d\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u81ea\u7136\u3067\u7406\u89e3\u3057\u3084\u3059\u3044\u65e5\u4ed8\u3068\u6570\u5024\u306e\u8868\u793a\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba\u3055\u308c\u305f\u65e5\u4ed8\u3068\u6570\u5024\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u5730\u57df\u306b\u5fdc\u3058\u305f\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u4f53\u9a13\u3092\u63d0\u4f9b\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u56fd\u969b\u7684\u306a\u53d7\u5bb9\u6027\u3092\u9ad8\u3081\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-85\">9. \u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff1aThymeleaf\u30d3\u30e5\u30fc\u306eUnit\u30c6\u30b9\u30c8\u624b\u6cd5<\/h2>\n\n\n\n<p>\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09\u306f\u30012024\u5e74\u306e\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u306b\u304a\u3044\u3066\u4e0d\u53ef\u6b20\u306a\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u7279\u306b\u3001Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3057\u305fWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3067\u306f\u3001\u30d3\u30e5\u30fc\u30ec\u30a4\u30e4\u30fc\u306e\u30c6\u30b9\u30c8\u304c\u91cd\u8981\u306a\u5f79\u5272\u3092\u679c\u305f\u3057\u307e\u3059\u3002TDD\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63a1\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u54c1\u8cea\u306e\u5411\u4e0a\u3001\u30d0\u30b0\u306e\u65e9\u671f\u767a\u898b\u3001\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u306e\u5bb9\u6613\u3055\u3001\u305d\u3057\u3066\u958b\u767a\u8005\u306e\u81ea\u4fe1\u5411\u4e0a\u306a\u3069\u3001\u591a\u304f\u306e\u30e1\u30ea\u30c3\u30c8\u304c\u5f97\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-86\">Thymeleaf\u30d3\u30e5\u30fc\u306e\u30c6\u30b9\u30c8\u306b\u304a\u3051\u308bTDD\u306e\u91cd\u8981\u6027<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u54c1\u8cea\u4fdd\u8a3c<\/strong>: \u30d3\u30e5\u30fc\u30ed\u30b8\u30c3\u30af\u306e\u30d0\u30b0\u3092\u65e9\u671f\u306b\u767a\u898b\u3057\u3001\u4fee\u6b63\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30c9\u30ad\u30e5\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3<\/strong>: \u30c6\u30b9\u30c8\u30b3\u30fc\u30c9\u304c\u671f\u5f85\u3055\u308c\u308b\u52d5\u4f5c\u306e\u660e\u78ba\u306a\u4ed5\u69d8\u66f8\u3068\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u306e\u5b89\u5168\u6027<\/strong>: \u30d3\u30e5\u30fc\u306e\u5909\u66f4\u304c\u65e2\u5b58\u306e\u6a5f\u80fd\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u3066\u3044\u306a\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u958b\u767a\u901f\u5ea6\u306e\u5411\u4e0a<\/strong>: \u9577\u671f\u7684\u306b\u306f\u3001\u30d0\u30b0\u4fee\u6b63\u6642\u9593\u306e\u524a\u6e1b\u306b\u3088\u308a\u958b\u767a\u901f\u5ea6\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-87\">MockMvc\u3092\u4f7f\u3063\u305f\u7d71\u5408\u30c6\u30b9\u30c8<\/h3>\n\n\n\n<p>MockMvc\u306f\u3001Spring MVC\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30c6\u30b9\u30c8\u306b\u5f37\u529b\u306a\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068\u30d3\u30e5\u30fc\u306e\u7d71\u5408\u30c6\u30b9\u30c8\u306b\u7279\u306b\u6709\u52b9\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@WebMvcTest(HomeController.class)\npublic class HomeControllerTest {\n\n    @Autowired\n    private MockMvc mockMvc;\n\n    @Test\n    public void testHomePageRendering() throws Exception {\n        mockMvc.perform(get(\"\/\"))\n               .andExpect(status().isOk())\n               .andExpect(view().name(\"home\"))\n               .andExpect(content().string(containsString(\"Welcome to our site\")));\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3092\u30c6\u30b9\u30c8\u3057\u3001\u6b63\u3057\u3044\u30d3\u30e5\u30fc\u540d\u304c\u8fd4\u3055\u308c\u3001\u671f\u5f85\u3055\u308c\u308b\u5185\u5bb9\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-88\">Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5358\u4f53\u30c6\u30b9\u30c8<\/h3>\n\n\n\n<p>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5358\u4f53\u30c6\u30b9\u30c8\u3067\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3092\u76f4\u63a5\u4f7f\u7528\u3057\u3066\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u7d50\u679c\u3092\u691c\u8a3c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">public class ThymeleafTemplateTest {\n\n    private TemplateEngine templateEngine;\n\n    @BeforeEach\n    public void setup() {\n        templateEngine = new SpringTemplateEngine();\n        templateEngine.setTemplateResolver(new ClassLoaderTemplateResolver());\n    }\n\n    @Test\n    public void testProductTemplate() {\n        Context context = new Context();\n        context.setVariable(\"product\", new Product(\"Test Product\", 9.99));\n\n        String result = templateEngine.process(\"templates\/product\", context);\n\n        assertThat(result).contains(\"Test Product\");\n        assertThat(result).contains(\"$9.99\");\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u306e\u30c6\u30b9\u30c8\u3067\u306f\u3001\u88fd\u54c1\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u6b63\u3057\u304f\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u3001\u671f\u5f85\u3055\u308c\u308b\u88fd\u54c1\u540d\u3068\u4fa1\u683c\u304c\u51fa\u529b\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-89\">2024\u5e74\u306e\u6700\u65b0\u30c6\u30b9\u30c8\u6280\u8853<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AI\u99c6\u52d5\u306e\u30c6\u30b9\u30c8\u30b1\u30fc\u30b9\u751f\u6210<\/strong>: \u6a5f\u68b0\u5b66\u7fd2\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3092\u4f7f\u7528\u3057\u3066\u3001\u30a8\u30c3\u30b8\u30b1\u30fc\u30b9\u3092\u542b\u3080\u5305\u62ec\u7684\u306a\u30c6\u30b9\u30c8\u30b1\u30fc\u30b9\u3092\u81ea\u52d5\u751f\u6210\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d3\u30b8\u30e5\u30a2\u30eb\u30ea\u30b0\u30ec\u30c3\u30b7\u30e7\u30f3\u30c6\u30b9\u30c8<\/strong>: \u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u305f\u30d3\u30e5\u30fc\u306e\u8996\u899a\u7684\u306a\u5909\u66f4\u3092\u81ea\u52d5\u7684\u306b\u691c\u51fa\u3057\u3001\u610f\u56f3\u3057\u306a\u3044 UI \u306e\u5909\u66f4\u3092\u9632\u304e\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30c6\u30b9\u30c8\u306e\u81ea\u52d5\u5316<\/strong>: \u30d3\u30e5\u30fc\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u901f\u5ea6\u3084\u8ca0\u8377\u30c6\u30b9\u30c8\u3092 CI\/CD \u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306b\u7d71\u5408\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30c6\u30b9\u30c8\u306e\u7d71\u5408<\/strong>: XSS \u8106\u5f31\u6027\u306a\u3069\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u554f\u984c\u3092\u81ea\u52d5\u7684\u306b\u691c\u51fa\u3059\u308b\u30c6\u30b9\u30c8\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-90\">\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u306e\u91cd\u8981\u6027<\/h3>\n\n\n\n<p>\u9ad8\u54c1\u8cea\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7dad\u6301\u3059\u308b\u306b\u306f\u3001\u9069\u5207\u306a\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002JaCoCo \u3084 Codecov \u306a\u3069\u306e\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u3092\u6e2c\u5b9a\u3057\u3001\u901a\u5e38\u306f 80% \u4ee5\u4e0a\u306e\u30ab\u30d0\u30ec\u30c3\u30b8\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;plugin&gt;\n    &lt;groupId&gt;org.jacoco&lt;\/groupId&gt;\n    &lt;artifactId&gt;jacoco-maven-plugin&lt;\/artifactId&gt;\n    &lt;version&gt;0.8.7&lt;\/version&gt;\n    &lt;executions&gt;\n        &lt;execution&gt;\n            &lt;goals&gt;\n                &lt;goal&gt;prepare-agent&lt;\/goal&gt;\n            &lt;\/goals&gt;\n        &lt;\/execution&gt;\n        &lt;execution&gt;\n            &lt;id&gt;report&lt;\/id&gt;\n            &lt;phase&gt;prepare-package&lt;\/phase&gt;\n            &lt;goals&gt;\n                &lt;goal&gt;report&lt;\/goal&gt;\n            &lt;\/goals&gt;\n        &lt;\/execution&gt;\n    &lt;\/executions&gt;\n&lt;\/plugin&gt;<\/pre>\n\n\n\n<p>\u3053\u306eMaven\u30d7\u30e9\u30b0\u30a4\u30f3\u8a2d\u5b9a\u306b\u3088\u308a\u3001\u30d3\u30eb\u30c9\u6642\u306bJaCoCo\u30ec\u30dd\u30fc\u30c8\u304c\u81ea\u52d5\u751f\u6210\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>Thymeleaf\u30d3\u30e5\u30fc\u306e\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\u3092\u9069\u5207\u306b\u5b9f\u65bd\u3059\u308b\u3053\u3068\u3067\u3001\u9ad8\u54c1\u8cea\u3067\u4fdd\u5b88\u6027\u306e\u9ad8\u3044Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u52b9\u7387\u7684\u306b\u958b\u767a\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001MockMvc\u3092\u4f7f\u3063\u305f\u8a73\u7d30\u306a\u30c6\u30b9\u30c8\u624b\u6cd5\u3068Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5358\u4f53\u30c6\u30b9\u30c8\u5b9f\u88c5\u4f8b\u306b\u3064\u3044\u3066\u6df1\u304f\u6398\u308a\u4e0b\u3052\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-91\">9.1 MockMvc\u3092\u4f7f\u3063\u305f\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068\u30d3\u30e5\u30fc\u306e\u7d71\u5408\u30c6\u30b9\u30c8<\/h3>\n\n\n\n<p>MockMvc\u306f\u3001Spring MVC\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068\u30d3\u30e5\u30fc\u3092\u7d71\u5408\u7684\u306b\u30c6\u30b9\u30c8\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002\u5b9f\u969b\u306eHTTP\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5\u305b\u305a\u306b\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30ec\u30b9\u30dd\u30f3\u30b9\u306e\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u304c\u53ef\u80fd\u3068\u306a\u308a\u3001\u52b9\u7387\u7684\u306a\u30c6\u30b9\u30c8\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-92\">\u57fa\u672c\u7684\u306aMockMvc\u30c6\u30b9\u30c8\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@WebMvcTest(HomeController.class)\npublic class HomeControllerTest {\n\n    @Autowired\n    private MockMvc mockMvc;\n\n    @MockBean\n    private UserService userService;\n\n    @Test\n    public void testHomePageRendering() throws Exception {\n        mockMvc.perform(get(\"\/\"))\n               .andExpect(status().isOk())\n               .andExpect(view().name(\"home\"))\n               .andExpect(content().string(containsString(\"Welcome to our site\")));\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u306e\u30c6\u30b9\u30c8\u3067\u306f\u3001<code>@WebMvcTest<\/code>\u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u3001\u7279\u5b9a\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306b\u7126\u70b9\u3092\u5f53\u3066\u305f\u30c6\u30b9\u30c8\u74b0\u5883\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<code>MockMvc<\/code>\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u304c\u81ea\u52d5\u7684\u306b\u6ce8\u5165\u3055\u308c\u3001\u3053\u308c\u3092\u4f7f\u7528\u3057\u3066HTTP\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u30b7\u30df\u30e5\u30ec\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-93\">\u9ad8\u5ea6\u306a\u30c6\u30b9\u30c8\u30b1\u30fc\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u542b\u3080\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u30c6\u30b9\u30c8<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testSearchFunctionality() throws Exception {\n    mockMvc.perform(get(\"\/search\").param(\"query\", \"spring boot\"))\n           .andExpect(status().isOk())\n           .andExpect(model().attributeExists(\"results\"))\n           .andExpect(view().name(\"searchResults\"));\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u306e\u30c6\u30b9\u30c8<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testFormSubmission() throws Exception {\n    mockMvc.perform(post(\"\/submit\")\n           .param(\"name\", \"John Doe\")\n           .param(\"email\", \"john@example.com\"))\n           .andExpect(status().is3xxRedirection())\n           .andExpect(redirectedUrl(\"\/success\"));\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u8a8d\u8a3c\u304c\u5fc5\u8981\u306a\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306e\u30c6\u30b9\u30c8<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\n@WithMockUser(username = \"admin\", roles = {\"ADMIN\"})\npublic void testAdminAccess() throws Exception {\n    mockMvc.perform(get(\"\/admin\/dashboard\"))\n           .andExpect(status().isOk())\n           .andExpect(view().name(\"adminDashboard\"));\n}<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-94\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u975e\u540c\u671f\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u30c6\u30b9\u30c8<\/strong>:<br>Spring 5\u4ee5\u964d\u3067\u5c0e\u5165\u3055\u308c\u305f\u975e\u540c\u671f\u30ea\u30af\u30a8\u30b9\u30c8\u51e6\u7406\u3092\u30c6\u30b9\u30c8\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testAsyncRequest() throws Exception {\n    MvcResult mvcResult = mockMvc.perform(get(\"\/async-endpoint\"))\n                                 .andExpect(request().asyncStarted())\n                                 .andReturn();\n\n    mockMvc.perform(asyncDispatch(mvcResult))\n           .andExpect(status().isOk())\n           .andExpect(content().string(containsString(\"Async Response\")));\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ec\u30b9\u30dd\u30f3\u30b9\u30dc\u30c7\u30a3\u306eJSON\u691c\u8a3c<\/strong>:<br>RESTful\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u691c\u8a3c\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testJsonResponse() throws Exception {\n    mockMvc.perform(get(\"\/api\/user\/1\"))\n           .andExpect(status().isOk())\n           .andExpect(content().contentType(MediaType.APPLICATION_JSON))\n           .andExpect(jsonPath(\"$.name\").value(\"John Doe\"))\n           .andExpect(jsonPath(\"$.email\").value(\"john@example.com\"));\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ab\u30b9\u30bf\u30e0\u30de\u30c3\u30c1\u30e3\u30fc\u306e\u4f7f\u7528<\/strong>:<br>\u3088\u308a\u8907\u96d1\u306a\u691c\u8a3c\u30ed\u30b8\u30c3\u30af\u306e\u305f\u3081\u306b\u3001\u30ab\u30b9\u30bf\u30e0\u30de\u30c3\u30c1\u30e3\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">public static ResultMatcher hasValidationError(String field) {\n    return result -&gt; {\n        BindingResult bindingResult = (BindingResult) result.getModelAndView().getModel().get(\"org.springframework.validation.BindingResult.\" + field);\n        assertThat(bindingResult.hasFieldErrors(field)).isTrue();\n    };\n}\n\n@Test\npublic void testFormValidation() throws Exception {\n    mockMvc.perform(post(\"\/register\")\n           .param(\"email\", \"invalid-email\"))\n           .andExpect(status().isOk())\n           .andExpect(hasValidationError(\"email\"));\n}<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001MockMvc\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3068\u30d3\u30e5\u30fc\u306e\u7d71\u5408\u30c6\u30b9\u30c8\u3092\u52b9\u679c\u7684\u306b\u5b9f\u65bd\u3067\u304d\u307e\u3059\u3002\u5358\u306a\u308b\u6a5f\u80fd\u30c6\u30b9\u30c8\u3060\u3051\u3067\u306a\u304f\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3001\u305d\u3057\u3066\u30a8\u30c3\u30b8\u30b1\u30fc\u30b9\u307e\u3067\u30ab\u30d0\u30fc\u3059\u308b\u5305\u62ec\u7684\u306a\u30c6\u30b9\u30c8\u30b9\u30a4\u30fc\u30c8\u306e\u4f5c\u6210\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-95\">9.2 Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5358\u4f53\u30c6\u30b9\u30c8\u5b9f\u88c5\u4f8b<\/h3>\n\n\n\n<p>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5358\u4f53\u30c6\u30b9\u30c8\u306f\u3001\u30d3\u30e5\u30fc\u30ed\u30b8\u30c3\u30af\u306e\u6b63\u78ba\u6027\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306e\u91cd\u8981\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5909\u66f4\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u306a\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306b\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5358\u4f53\u30c6\u30b9\u30c8\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u5177\u4f53\u7684\u306a\u4f8b\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-96\">\u57fa\u672c\u7684\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30c6\u30b9\u30c8\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">public class ThymeleafTemplateTest {\n\n    private TemplateEngine templateEngine;\n\n    @BeforeEach\n    public void setup() {\n        SpringTemplateEngine engine = new SpringTemplateEngine();\n        ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();\n        resolver.setPrefix(\"templates\/\");\n        resolver.setSuffix(\".html\");\n        engine.setTemplateResolver(resolver);\n        this.templateEngine = engine;\n    }\n\n    @Test\n    public void testSimpleTemplate() {\n        Context context = new Context();\n        context.setVariable(\"name\", \"John Doe\");\n\n        String result = templateEngine.process(\"greeting\", context);\n\n        assertThat(result).contains(\"Hello, John Doe\");\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001<code>SpringTemplateEngine<\/code>\u3092\u8a2d\u5b9a\u3057\u3001\u5358\u7d14\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u30c6\u30b9\u30c8\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-97\">\u9ad8\u5ea6\u306a\u30c6\u30b9\u30c8\u30b1\u30fc\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u6761\u4ef6\u5206\u5c90\u306e\u30c6\u30b9\u30c8<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testConditionalRendering() {\n    Context context = new Context();\n    context.setVariable(\"isAdmin\", true);\n\n    String result = templateEngine.process(\"adminPanel\", context);\n\n    assertThat(result).contains(\"Admin Dashboard\");\n    assertThat(result).contains(\"Manage Users\");\n\n    context.setVariable(\"isAdmin\", false);\n    result = templateEngine.process(\"adminPanel\", context);\n\n    assertThat(result).doesNotContain(\"Admin Dashboard\");\n    assertThat(result).contains(\"Access Denied\");\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u7e70\u308a\u8fd4\u3057\u51e6\u7406\u306e\u30c6\u30b9\u30c8<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testIterationRendering() {\n    Context context = new Context();\n    List&lt;String&gt; items = Arrays.asList(\"Apple\", \"Banana\", \"Cherry\");\n    context.setVariable(\"fruits\", items);\n\n    String result = templateEngine.process(\"fruitList\", context);\n\n    assertThat(result).contains(\"&lt;li&gt;Apple&lt;\/li&gt;\");\n    assertThat(result).contains(\"&lt;li&gt;Banana&lt;\/li&gt;\");\n    assertThat(result).contains(\"&lt;li&gt;Cherry&lt;\/li&gt;\");\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u56fd\u969b\u5316\u306e\u30c6\u30b9\u30c8<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testInternationalization() {\n    Context context = new Context(Locale.US);\n    context.setVariable(\"message\", \"greeting\");\n\n    String resultUS = templateEngine.process(\"i18n\", context);\n    assertThat(resultUS).contains(\"Hello\");\n\n    context = new Context(Locale.JAPAN);\n    String resultJP = templateEngine.process(\"i18n\", context);\n    assertThat(resultJP).contains(\"\u3053\u3093\u306b\u3061\u306f\");\n}<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-98\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u306e\u30c6\u30b9\u30c8<\/strong>:<br>\u518d\u5229\u7528\u53ef\u80fd\u306a\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u500b\u5225\u306b\u30c6\u30b9\u30c8\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testHeaderFragment() {\n    Context context = new Context();\n    context.setVariable(\"pageTitle\", \"Home\");\n\n    String result = templateEngine.process(\"fragments\/header\", context);\n\n    assertThat(result).contains(\"&lt;title&gt;Home&lt;\/title&gt;\");\n    assertThat(result).contains(\"&lt;header&gt;\");\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u95a2\u9023\u306e\u30c6\u30b9\u30c8<\/strong>:<br>XSS\u5bfe\u7b56\u306a\u3069\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3092\u30c6\u30b9\u30c8<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testXssProtection() {\n   Context context = new Context();\n   context.setVariable(\"userInput\", \"&lt;script&gt;alert('XSS')&lt;\/script&gt;\");\n\n   String result = templateEngine.process(\"userContent\", context);\n\n   assertThat(result).doesNotContain(\"&lt;script&gt;\");\n   assertThat(result).contains(\"&amp;lt;script&amp;gt;\");\n}<\/pre>\n\n\n\n<p><\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u306e\u30c6\u30b9\u30c8: <\/strong><br>Thymeleaf\u30ec\u30a4\u30a2\u30a6\u30c8\u30c0\u30a4\u30a2\u30ec\u30af\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u306e\u30c6\u30b9\u30c8<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\npublic void testLayoutDialect() {\n    Context context = new Context();\n    context.setVariable(\"title\", \"Test Page\");\n    context.setVariable(\"content\", \"Test Content\");\n\n    String result = templateEngine.process(\"layouts\/main\", context);\n\n    assertThat(result).contains(\"&lt;title&gt;Test Page&lt;\/title&gt;\");\n    assertThat(result).contains(\"Test Content\");\n    assertThat(result).contains(\"&lt;footer&gt;\");\n}<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30b9\u30c8\u30b1\u30fc\u30b9\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3067\u3001Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u52d5\u4f5c\u3092\u7d30\u304b\u304f\u691c\u8a3c\u3057\u3001\u4e88\u671f\u305b\u306c\u5909\u66f4\u3084\u554f\u984c\u3092\u65e9\u671f\u306b\u767a\u898b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u5358\u4f53\u30c6\u30b9\u30c8\u3092\u901a\u3058\u3066\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u5404\u90e8\u5206\u304c\u671f\u5f85\u901a\u308a\u306b\u6a5f\u80fd\u3059\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306e\u54c1\u8cea\u5411\u4e0a\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305f\u3001\u3053\u308c\u3089\u306e\u30c6\u30b9\u30c8\u306f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3068\u3057\u3066\u306e\u5f79\u5272\u3082\u679c\u305f\u3057\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u671f\u5f85\u3055\u308c\u308b\u52d5\u4f5c\u3092\u660e\u78ba\u306b\u793a\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u7d99\u7d9a\u7684\u30a4\u30f3\u30c6\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\uff08CI\uff09\u30d7\u30ed\u30bb\u30b9\u306b\u3053\u308c\u3089\u306e\u30c6\u30b9\u30c8\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u81ea\u52d5\u7684\u304b\u3064\u5b9a\u671f\u7684\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u6b63\u78ba\u6027\u3092\u78ba\u8a8d\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-99\">10. \u5b9f\u8df5\u7684\u306aTips\uff1a\u958b\u767a\u52b9\u7387\u30922\u500d\u306b\u3059\u308b\u5c0f\u6280\u96c6<\/h2>\n\n\n\n<p>2024\u5e74\u306e\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u306b\u304a\u3044\u3066\u3001\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a\u306f\u7af6\u4e89\u529b\u3092\u7dad\u6301\u3059\u308b\u305f\u3081\u306e\u91cd\u8981\u306a\u8981\u7d20\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u52b9\u7387\u7684\u306a\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u306f\u3001\u958b\u767a\u6642\u9593\u306e\u77ed\u7e2e\u3001\u30b3\u30b9\u30c8\u524a\u6e1b\u3001\u958b\u767a\u8005\u306e\u6e80\u8db3\u5ea6\u5411\u4e0a\u3001\u88fd\u54c1\u54c1\u8cea\u306e\u5411\u4e0a\u3001\u305d\u3057\u3066\u5e02\u5834\u6295\u5165\u6642\u9593\u306e\u77ed\u7e2e\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002\u672c\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u958b\u767a\u306e\u52b9\u7387\u3092\u5287\u7684\u306b\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306e\u5b9f\u8df5\u7684\u306aTips\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-100\">\u958b\u767a\u52b9\u7387\u5411\u4e0a\u306e\u91cd\u8981\u6027<\/h3>\n\n\n\n<p>\u6700\u65b0\u306e\u8abf\u67fb\u306b\u3088\u308b\u3068\u3001\u9069\u5207\u306a\u958b\u767a\u30c4\u30fc\u30eb\u3068\u30c6\u30af\u30cb\u30c3\u30af\u306e\u4f7f\u7528\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u52b9\u679c\u304c\u5f97\u3089\u308c\u3066\u3044\u307e\u3059\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>DevTools\u306e\u4f7f\u7528\u3067\u5e73\u574730%\u306e\u958b\u767a\u6642\u9593\u77ed\u7e2e<\/li>\n\n\n\n<li>Live Reload\u6a5f\u80fd\u306b\u3088\u308a\u30bf\u30b9\u30af\u5b8c\u4e86\u6642\u9593\u3092\u6700\u592750%\u524a\u6e1b<\/li>\n\n\n\n<li>AI\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u306b\u3088\u308a\u53cd\u5fa9\u7684\u306a\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30bf\u30b9\u30af\u309270%\u307e\u3067\u524a\u6e1b<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u6570\u5b57\u306f\u3001\u5c0f\u3055\u306a\u6539\u5584\u304c\u5927\u304d\u306a\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u53ef\u80fd\u6027\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-101\">Live Reload\u6a5f\u80fd\u306e\u6d3b\u7528<\/h3>\n\n\n\n<p>Live Reload\u6a5f\u80fd\u306f\u3001\u30b3\u30fc\u30c9\u306e\u5909\u66f4\u3092\u5373\u5ea7\u306b\u30d6\u30e9\u30a6\u30b6\u306b\u53cd\u6620\u3055\u305b\u308b\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002Spring Boot\u3067\u306f\u3001spring-boot-devtools\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u7c21\u5358\u306b\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u4f9d\u5b58\u95a2\u4fc2\u306e\u8ffd\u52a0<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;dependency&gt;\n    &lt;groupId&gt;org.springframework.boot&lt;\/groupId&gt;\n    &lt;artifactId&gt;spring-boot-devtools&lt;\/artifactId&gt;\n    &lt;scope&gt;runtime&lt;\/scope&gt;\n    &lt;optional&gt;true&lt;\/optional&gt;\n&lt;\/dependency&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>application.properties\u306e\u8a2d\u5b9a<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">spring.devtools.restart.enabled=true\nspring.devtools.livereload.enabled=true<\/pre>\n\n\n\n<p>\u3053\u306e\u8a2d\u5b9a\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u5909\u66f4\u304c\u81ea\u52d5\u7684\u306b\u691c\u51fa\u3055\u308c\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u518d\u8d77\u52d5\u3057\u3001\u30d6\u30e9\u30a6\u30b6\u304c\u66f4\u65b0\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-102\">DevTools\u3092\u6d3b\u7528\u3057\u305f\u30c7\u30d0\u30c3\u30b0\u30c6\u30af\u30cb\u30c3\u30af<\/h3>\n\n\n\n<p>Spring Boot DevTools\u306f\u3001\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u3092\u52a0\u901f\u3055\u305b\u308b\u591a\u304f\u306e\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u6761\u4ef6\u4ed8\u304d\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8<\/strong>:<br>\u7279\u5b9a\u306e\u6761\u4ef6\u4e0b\u3067\u306e\u307f\u767a\u751f\u3059\u308b\u30d0\u30b0\u3092\u30c7\u30d0\u30c3\u30b0\u3059\u308b\u969b\u306b\u975e\u5e38\u306b\u6709\u52b9\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30db\u30c3\u30c8\u30b9\u30ef\u30c3\u30d7<\/strong>:<br>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u518d\u8d77\u52d5\u305b\u305a\u306b\u30b3\u30fc\u30c9\u306e\u5909\u66f4\u3092\u53cd\u6620\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30e1\u30e2\u30ea\u5206\u6790<\/strong>:<br>\u30e1\u30e2\u30ea\u30ea\u30fc\u30af\u3084\u6027\u80fd\u554f\u984c\u3092\u7279\u5b9a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@RestController\npublic class DebugDemoController {\n    @GetMapping(\"\/debug-demo\")\n    public String debugDemo(@RequestParam(required = false) String param) {\n        \/\/ \u3053\u3053\u306b\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u8a2d\u5b9a\u3057\u3001param\u306e\u5024\u306b\u57fa\u3065\u3044\u3066\u6761\u4ef6\u3092\u8a2d\u5b9a\n        return \"Debug demo: \" + param;\n    }\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-103\">2024\u5e74\u306e\u6700\u65b0\u958b\u767a\u52b9\u7387\u5316\u6280\u8853<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AI\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3092\u6d3b\u7528\u3057\u305f\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0<\/strong>:<br>GitHub Copilot\u306a\u3069\u306e\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30fc\u30c9\u306e\u81ea\u52d5\u88dc\u5b8c\u3084\u751f\u6210\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u958b\u767a\u74b0\u5883<\/strong>:<br>GitPod\u3084GitHub Codespaces\u3092\u4f7f\u7528\u3057\u3066\u3001\u3069\u3053\u304b\u3089\u3067\u3082\u3059\u3050\u306b\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u958b\u59cb\u3067\u304d\u308b\u74b0\u5883\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30b3\u30f3\u30c6\u30ca\u5316\u3055\u308c\u305f\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/strong>: Docker\u3068Kubernetes\u3092\u6d3b\u7528\u3057\u3066\u3001\u958b\u767a\u74b0\u5883\u3068\u672c\u756a\u74b0\u5883\u306e\u4e00\u8cab\u6027\u3092\u4fdd\u3061\u3001\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 <\/li>\n\n\n\n<li><strong>\u81ea\u52d5\u5316\u3055\u308c\u305f\u30b3\u30fc\u30c9\u6700\u9069\u5316\u30c4\u30fc\u30eb<\/strong>: SonarQube\u306a\u3069\u306e\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30fc\u30c9\u54c1\u8cea\u3092\u81ea\u52d5\u7684\u306b\u5206\u6790\u3057\u3001\u6700\u9069\u5316\u306e\u63d0\u6848\u3092\u53d7\u3051\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-104\">\u52b9\u7387\u5316Tips<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ad\u30fc\u30dc\u30fc\u30c9\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u306e\u6d3b\u7528:<\/strong><br>IDE\u306e\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u3092\u7fd2\u5f97\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u901f\u5ea6\u304c\u5927\u5e45\u306b\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u30b9\u30cb\u30da\u30c3\u30c8\u306e\u4f7f\u7528:<\/strong><br>\u983b\u7e41\u306b\u4f7f\u7528\u3059\u308b\u30b3\u30fc\u30c9\u30d1\u30bf\u30fc\u30f3\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5316\u3057\u3001\u7d20\u65e9\u304f\u633f\u5165\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ IntelliJ IDEA\u3067\u306e\u30e9\u30a4\u30d6\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u4f8b\n@GetMapping(\"\/$path$\")\npublic ResponseEntity&lt;$returnType$&gt; $methodName$($paramType$ $paramName$) {\n    \/\/ TODO: Implement method\n    return ResponseEntity.ok($returnValue$);\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u52b9\u679c\u7684\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u6226\u7565:<\/strong><br>GitFlow\u306a\u3069\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u63a1\u7528\u3057\u3001\u52b9\u7387\u7684\u306a\u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5b9a\u671f\u7684\u306a\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc\u306e\u5b9f\u65bd:<\/strong><br>\u54c1\u8cea\u5411\u4e0a\u3068\u77e5\u8b58\u5171\u6709\u3092\u76ee\u7684\u3068\u3057\u305f\u5b9a\u671f\u7684\u306a\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u81ea\u52d5\u5316\u30c6\u30b9\u30c8\u306e\u5c0e\u5165<\/strong>: \u5358\u4f53\u30c6\u30b9\u30c8\u3001\u7d71\u5408\u30c6\u30b9\u30c8\u3001E2E\u30c6\u30b9\u30c8\u3092\u81ea\u52d5\u5316\u3057\u3001\u7d99\u7d9a\u7684\u30a4\u30f3\u30c6\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\uff08CI\uff09\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306b\u7d44\u307f\u8fbc\u307f\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@SpringBootTest\n@AutoConfigureMockMvc\npublic class AutomatedTestExample {\n\n    @Autowired\n    private MockMvc mockMvc;\n\n    @Test\n    public void testHomeEndpoint() throws Exception {\n        mockMvc.perform(get(\"\/\"))\n               .andExpect(status().isOk())\n               .andExpect(content().string(containsString(\"Welcome\")));\n    }\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-105\">\u958b\u767a\u8005\u306e\u751f\u7523\u6027\u5411\u4e0a\u306b\u95a2\u3059\u308b\u7d71\u8a08<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>DevTools\u306e\u4f7f\u7528\u306b\u3088\u308a\u3001\u5e73\u5747\u306730%\u306e\u958b\u767a\u6642\u9593\u77ed\u7e2e\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002 <\/li>\n\n\n\n<li>Live Reload\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30bf\u30b9\u30af\u5b8c\u4e86\u6642\u9593\u3092\u6700\u592750%\u524a\u6e1b\u3067\u304d\u308b\u3068\u3044\u3046\u8abf\u67fb\u7d50\u679c\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li> AI\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u306e\u5c0e\u5165\u306b\u3088\u308a\u3001\u53cd\u5fa9\u7684\u306a\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30bf\u30b9\u30af\u309270%\u307e\u3067\u524a\u6e1b\u3067\u304d\u308b\u30b1\u30fc\u30b9\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u7d71\u8a08\u306f\u3001\u9069\u5207\u306a\u30c4\u30fc\u30eb\u3068\u6280\u8853\u3092\u63a1\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u52b9\u7387\u304c\u5927\u5e45\u306b\u5411\u4e0a\u3059\u308b\u53ef\u80fd\u6027\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4ee5\u4e0a\u306e\u5b9f\u8df5\u7684\u306aTips\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001Spring Boot\u3068Thymeleaf\u3092\u4f7f\u7528\u3057\u305f\u958b\u767a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u52b9\u7387\u3092\u98db\u8e8d\u7684\u306b\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Live Reload\u6a5f\u80fd\u306e\u8a73\u7d30\u306a\u8a2d\u5b9a\u65b9\u6cd5\u3068DevTools\u3092\u6d3b\u7528\u3057\u305f\u30c7\u30d0\u30c3\u30b0\u30c6\u30af\u30cb\u30c3\u30af\u306b\u3064\u3044\u3066\u3001\u3055\u3089\u306b\u6df1\u304f\u6398\u308a\u4e0b\u3052\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-106\">10.1 Live Reload\u6a5f\u80fd\u306e\u8a2d\u5b9a\u3067\u958b\u767a\u30b5\u30a4\u30af\u30eb\u3092\u9ad8\u901f\u5316<\/h3>\n\n\n\n<p>Live Reload\u6a5f\u80fd\u306f\u3001\u958b\u767a\u8005\u306e\u751f\u7523\u6027\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u308b\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002\u3053\u306e\u6a5f\u80fd\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30fc\u30c9\u306e\u5909\u66f4\u304c\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u30d6\u30e9\u30a6\u30b6\u306b\u53cd\u6620\u3055\u308c\u3001\u958b\u767a\u30b5\u30a4\u30af\u30eb\u304c\u5287\u7684\u306b\u52a0\u901f\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-107\">Live Reload\u306e\u57fa\u672c\u8a2d\u5b9a<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u4f9d\u5b58\u95a2\u4fc2\u306e\u8ffd\u52a0<\/strong>:<br><code>pom.xml<\/code>\u30d5\u30a1\u30a4\u30eb\u306b\u4ee5\u4e0b\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   &lt;dependency&gt;\n       &lt;groupId&gt;org.springframework.boot&lt;\/groupId&gt;\n       &lt;artifactId&gt;spring-boot-devtools&lt;\/artifactId&gt;\n       &lt;scope&gt;runtime&lt;\/scope&gt;\n       &lt;optional&gt;true&lt;\/optional&gt;\n   &lt;\/dependency&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>application.properties\u306e\u8a2d\u5b9a<\/strong>:<br><code>src\/main\/resources\/application.properties<\/code>\u30d5\u30a1\u30a4\u30eb\u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   spring.devtools.restart.enabled=true\n   spring.devtools.livereload.enabled=true<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>IDE\u306e\u8a2d\u5b9a<\/strong>:<br>IntelliJ IDEA\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u300cBuild project automatically\u300d\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\u3002 File &gt; Settings &gt; Build, Execution, Deployment &gt; Compiler &gt; Build project automatically<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-108\">\u9ad8\u5ea6\u306a\u8a2d\u5b9a<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ab\u30b9\u30bf\u30e0\u518d\u8d77\u52d5\u30c8\u30ea\u30ac\u30fc<\/strong>:<br>\u7279\u5b9a\u306e\u30d5\u30a1\u30a4\u30eb\u306e\u5909\u66f4\u6642\u306b\u306e\u307f\u518d\u8d77\u52d5\u3059\u308b\u3088\u3046\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   spring.devtools.restart.trigger-file=.reloadtrigger<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u9664\u5916\u30d1\u30bf\u30fc\u30f3\u306e\u8a2d\u5b9a<\/strong>:<br>\u7279\u5b9a\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u518d\u8d77\u52d5\u5bfe\u8c61\u304b\u3089\u9664\u5916\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   spring.devtools.restart.exclude=static\/**,public\/**<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ea\u30e2\u30fc\u30c8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306eLive Reload<\/strong>:<br>\u30ea\u30e2\u30fc\u30c8\u74b0\u5883\u3067\u3082Live Reload\u3092\u6709\u52b9\u306b\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   spring.devtools.remote.secret=mysecret<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-109\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d6\u30e9\u30a6\u30b6\u62e1\u5f35\u6a5f\u80fd\u306e\u6d3b\u7528<\/strong>:<br>Live Reload\u7528\u306e\u30d6\u30e9\u30a6\u30b6\u62e1\u5f35\u6a5f\u80fd\u3092\u4f7f\u7528\u3057\u3066\u3001\u3088\u308a\u6ed1\u3089\u304b\u306a\u66f4\u65b0\u4f53\u9a13\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30de\u30eb\u30c1\u30e2\u30b8\u30e5\u30fc\u30eb\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u6700\u9069\u5316<\/strong>:<br>\u5927\u898f\u6a21\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5225\u306e\u518d\u8d77\u52d5\u8a2d\u5b9a\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Configuration\n   public class CustomRestartConfig {\n       @Bean\n       public RestartScopeInitializer restartScopeInitializer() {\n           return (restartInitializer) -&gt; \n               restartInitializer.excludeJarResourcePatterns(\"mymodule-*.jar\");\n       }\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/strong>:<br>Live Reload\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u76e3\u8996\u3057\u3001\u6700\u9069\u5316\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   @Bean\n   public ApplicationListener&lt;ApplicationReadyEvent&gt; readyEventListener() {\n       return event -&gt; {\n           long startTime = event.getTimestamp();\n           long endTime = System.currentTimeMillis();\n           System.out.println(\"Application restart took: \" + (endTime - startTime) + \"ms\");\n       };\n   }<\/pre>\n\n\n\n<p>Live Reload\u6a5f\u80fd\u3092\u52b9\u679c\u7684\u306b\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u8005\u306f\u5909\u66f4\u306e\u7d50\u679c\u3092\u307b\u307c\u77ac\u6642\u306b\u78ba\u8a8d\u3067\u304d\u3001\u30a4\u30c6\u30ec\u30fc\u30b7\u30e7\u30f3\u30b5\u30a4\u30af\u30eb\u304c\u5927\u5e45\u306b\u77ed\u7e2e\u3055\u308c\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u5168\u4f53\u306e\u52b9\u7387\u304c\u5411\u4e0a\u3057\u3001\u3088\u308a\u9ad8\u54c1\u8cea\u306a\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3092\u3088\u308a\u77ed\u6642\u9593\u3067\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-110\">10.2 DevTools\u3092\u6d3b\u7528\u3057\u305f\u30c7\u30d0\u30c3\u30b0\u30c6\u30af\u30cb\u30c3\u30af<\/h3>\n\n\n\n<p>Spring Boot DevTools\u306f\u3001\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u3092\u52a0\u901f\u3055\u305b\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u52b9\u679c\u7684\u306a\u30c7\u30d0\u30c3\u30b0\u3092\u652f\u63f4\u3059\u308b\u5f37\u529b\u306a\u6a5f\u80fd\u3082\u63d0\u4f9b\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306b\u3001DevTools\u3092\u6d3b\u7528\u3057\u305f\u9ad8\u5ea6\u306a\u30c7\u30d0\u30c3\u30b0\u30c6\u30af\u30cb\u30c3\u30af\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-111\">1. \u6761\u4ef6\u4ed8\u304d\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8<\/h4>\n\n\n\n<p>\u8907\u96d1\u306a\u30ed\u30b8\u30c3\u30af\u3084\u7279\u5b9a\u306e\u6761\u4ef6\u4e0b\u3067\u306e\u307f\u767a\u751f\u3059\u308b\u30d0\u30b0\u3092\u30c7\u30d0\u30c3\u30b0\u3059\u308b\u969b\u306b\u975e\u5e38\u306b\u6709\u52b9\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@RestController\npublic class UserController {\n    @GetMapping(\"\/user\/{id}\")\n    public User getUser(@PathVariable Long id) {\n        \/\/ \u3053\u3053\u306b\u6761\u4ef6\u4ed8\u304d\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u8a2d\u5b9a\n        \/\/ \u4f8b: id &gt; 1000 \u306e\u5834\u5408\u306b\u306e\u307f\u505c\u6b62\n        User user = userService.findById(id);\n        return user;\n    }\n}<\/pre>\n\n\n\n<p>IDE\u3067\u6761\u4ef6\u4ed8\u304d\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u8a2d\u5b9a\u3057\u3001\u7279\u5b9a\u306e\u6761\u4ef6\uff08\u4f8b\uff1a<code>id &gt; 1000<\/code>\uff09\u304c\u6e80\u305f\u3055\u308c\u305f\u5834\u5408\u306b\u306e\u307f\u30c7\u30d0\u30c3\u30ac\u30fc\u304c\u505c\u6b62\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-112\">2. \u30db\u30c3\u30c8\u30b9\u30ef\u30c3\u30d7<\/h4>\n\n\n\n<p>DevTools\u306e\u30db\u30c3\u30c8\u30b9\u30ef\u30c3\u30d7\u6a5f\u80fd\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u518d\u8d77\u52d5\u305b\u305a\u306b\u30b3\u30fc\u30c9\u306e\u5909\u66f4\u3092\u53cd\u6620\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u884c\u4e2d\u306b\u30b3\u30fc\u30c9\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u5909\u66f4\u3092\u4fdd\u5b58\u3059\u308b\u3068\u3001DevTools\u304c\u81ea\u52d5\u7684\u306b\u5909\u66f4\u3092\u691c\u51fa\u3057\u3001\u30af\u30e9\u30b9\u3092\u30ea\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@RestController\npublic class GreetingController {\n    @GetMapping(\"\/greeting\")\n    public String greeting(@RequestParam String name) {\n        \/\/ \u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306e\u5185\u5bb9\u3092\u5909\u66f4\u3057\u3001\u4fdd\u5b58\u3059\u308b\u3060\u3051\u3067\u5373\u5ea7\u306b\u53cd\u6620\u3055\u308c\u307e\u3059\n        return \"Hello, \" + name + \"!\";\n    }\n}<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-113\">3. \u30ea\u30e2\u30fc\u30c8\u30c7\u30d0\u30c3\u30b0<\/h4>\n\n\n\n<p>\u672c\u756a\u74b0\u5883\u306b\u8fd1\u3044\u74b0\u5883\u3067\u30c7\u30d0\u30c3\u30b0\u304c\u5fc5\u8981\u306a\u5834\u5408\u3001DevTools\u306e\u30ea\u30e2\u30fc\u30c8\u30c7\u30d0\u30c3\u30b0\u6a5f\u80fd\u304c\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30ea\u30e2\u30fc\u30c8\u30c7\u30d0\u30c3\u30b0\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">spring.devtools.remote.secret=mySecret<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>\u30ea\u30e2\u30fc\u30c8\u74b0\u5883\u3067\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">java -jar -Dspring.devtools.remote.secret=mySecret myapp.jar<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>\u30ed\u30fc\u30ab\u30ebIDE\u304b\u3089\u30ea\u30e2\u30fc\u30c8\u30c7\u30d0\u30c3\u30b0\u63a5\u7d9a\u3092\u78ba\u7acb\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-114\">4. \u30e1\u30e2\u30ea\u5206\u6790<\/h4>\n\n\n\n<p>\u30e1\u30e2\u30ea\u30ea\u30fc\u30af\u3084\u6027\u80fd\u554f\u984c\u3092\u7279\u5b9a\u3059\u308b\u305f\u3081\u306b\u3001DevTools\u3068\u7d44\u307f\u5408\u308f\u305b\u3066Java Flight Recorder\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u8d77\u52d5\u6642\u306bJFR\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">java -XX:+UnlockCommercialFeatures -XX:+FlightRecorder -jar myapp.jar<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>JFR\u306e\u8a18\u9332\u3092\u958b\u59cb\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">jcmd &lt;pid&gt; JFR.start<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>\u8a18\u9332\u3092\u505c\u6b62\u3057\u3001\u7d50\u679c\u3092\u5206\u6790\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">jcmd &lt;pid&gt; JFR.stop name=recording filename=myrecording.jfr<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-115\">2024\u5e74\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AI\u30a2\u30b7\u30b9\u30c6\u30c3\u30c9\u30c7\u30d0\u30c3\u30ae\u30f3\u30b0<\/strong>:<br>DevTools\u306e\u51fa\u529b\u3092AI\u30e2\u30c7\u30eb\u306b\u6e21\u3057\u3001\u6f5c\u5728\u7684\u306a\u554f\u984c\u3084\u30aa\u30d7\u30c6\u30a3\u30de\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3\u306e\u63d0\u6848\u3092\u53d7\u3051\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5206\u6563\u30c8\u30ec\u30fc\u30b7\u30f3\u30b0\u7d71\u5408<\/strong>:<br>\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3067\u306e\u30c7\u30d0\u30c3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u305f\u3081\u3001DevTools\u3092Spring Cloud Sleuth\u3068\u7d71\u5408\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Configuration\npublic class SleuthConfig {\n    @Bean\n    public SpanCustomizer spanCustomizer() {\n        return new SpanCustomizer() {\n            @Override\n            public void customize(Span span) {\n                span.tag(\"custom.tag\", \"value\");\n            }\n        };\n    }\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30bf\u30c3\u30af\u306e\u30c7\u30d0\u30c3\u30b0<\/strong>:<br>Spring WebFlux\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30c8\u30ea\u30fc\u30e0\u306e\u30c7\u30d0\u30c3\u30b0\u3092\u5f37\u5316\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Hooks.onOperatorDebug();<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001DevTools\u306e\u6a5f\u80fd\u3092\u6700\u5927\u9650\u306b\u6d3b\u7528\u3057\u3001\u52b9\u7387\u7684\u304b\u3064\u52b9\u679c\u7684\u306a\u30c7\u30d0\u30c3\u30b0\u30d7\u30ed\u30bb\u30b9\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u8907\u96d1\u306a\u554f\u984c\u3092\u3088\u308a\u8fc5\u901f\u306b\u7279\u5b9a\u3057\u89e3\u6c7a\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u30b5\u30a4\u30af\u30eb\u5168\u4f53\u306e\u751f\u7523\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-116\">11. \u307e\u3068\u3081\uff1aSpring Boot\u00d7Thymeleaf\u3067\u5b9f\u73fe\u3059\u308b\u6b21\u4e16\u4ee3Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a<\/h2>\n\n\n\n<p>Spring Boot\u3068Thymeleaf\u306e\u7d44\u307f\u5408\u308f\u305b\u306f\u30012024\u5e74\u73fe\u5728\u3082\u6b21\u4e16\u4ee3Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3051\u308b\u5f37\u529b\u306a\u9078\u629e\u80a2\u3067\u3042\u308a\u7d9a\u3051\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u7d44\u307f\u5408\u308f\u305b\u304c\u3082\u305f\u3089\u3059\u9ad8\u3044\u751f\u7523\u6027\u3001\u67d4\u8edf\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u51e6\u7406\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u306e\u7d71\u5408\u3001\u512a\u308c\u305f\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3001\u305d\u3057\u3066\u8c4a\u5bcc\u306a\u30a8\u30b3\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u6025\u901f\u306b\u5909\u5316\u3059\u308bWeb\u958b\u767a\u306e\u4e16\u754c\u3067\u5927\u304d\u306a\u7af6\u4e89\u529b\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-117\">\u4e3b\u8981\u30dd\u30a4\u30f3\u30c8\u306e\u632f\u308a\u8fd4\u308a<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u52b9\u7387\u7684\u306a\u958b\u767a\u74b0\u5883<\/strong>: Spring Boot\u306eAutoConfiguration\u3068Thymeleaf\u306e\u76f4\u611f\u7684\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u69cb\u6587\u306b\u3088\u308a\u3001\u958b\u767a\u8005\u306f\u77ed\u671f\u9593\u3067\u9ad8\u54c1\u8cea\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u5f37\u5316<\/strong>: Spring Security\u3068Thymeleaf\u306e\u7d71\u5408\u306b\u3088\u308a\u3001XSS\u653b\u6483\u3084CSRF\u653b\u6483\u306a\u3069\u306b\u5bfe\u3059\u308b\u5805\u7262\u306a\u9632\u5fa1\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/strong>: \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u3084\u975e\u540c\u671f\u51e6\u7406\u306e\u6d3b\u7528\u306b\u3088\u308a\u3001\u9ad8\u901f\u306a\u30ec\u30b9\u30dd\u30f3\u30b9\u30bf\u30a4\u30e0\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u56fd\u969b\u5316\u5bfe\u5fdc<\/strong>: Thymeleaf\u306e\u5f37\u529b\u306a\u56fd\u969b\u5316\u6a5f\u80fd\u306b\u3088\u308a\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u5e02\u5834\u306b\u5bfe\u5fdc\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a<\/strong>: MockMvc\u3068Thymeleaf\u306e\u30c6\u30b9\u30c8\u652f\u63f4\u6a5f\u80fd\u306b\u3088\u308a\u3001\u9ad8\u54c1\u8cea\u306a\u30b3\u30fc\u30c9\u306e\u7dad\u6301\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-118\">\u6b21\u4e16\u4ee3Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u30c8\u30ec\u30f3\u30c9<\/h3>\n\n\n\n<p>Spring Boot\u00d7Thymeleaf\u306e\u7d44\u307f\u5408\u308f\u305b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u6700\u65b0\u306eWeb\u958b\u767a\u30c8\u30ec\u30f3\u30c9\u306b\u3082\u9069\u5fdc\u53ef\u80fd\u3067\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/strong>: Spring Cloud\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306a\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u306e\u69cb\u7bc9\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30af\u30e9\u30a6\u30c9\u30cd\u30a4\u30c6\u30a3\u30d6\u958b\u767a<\/strong>: Spring Boot Actuator\u3092\u6d3b\u7528\u3057\u305f\u30d8\u30eb\u30b9\u30c1\u30a7\u30c3\u30af\u3084\u76e3\u8996\u6a5f\u80fd\u306b\u3088\u308a\u3001\u30af\u30e9\u30a6\u30c9\u74b0\u5883\u3067\u306e\u904b\u7528\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>AI\/ML\u7d71\u5408<\/strong>: Spring AI\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u6a5f\u68b0\u5b66\u7fd2\u30e2\u30c7\u30eb\u3092Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0Web\u6280\u8853<\/strong>: WebSockets\u3084Server-Sent Events\u3092\u4f7f\u7528\u3057\u305f\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u901a\u4fe1\u304c\u5b9f\u88c5\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d7\u30ed\u30b0\u30ec\u30c3\u30b7\u30d6Web\u30a2\u30d7\u30ea\uff08PWA\uff09<\/strong>: Thymeleaf\u3068JavaScript\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u30aa\u30d5\u30e9\u30a4\u30f3\u5bfe\u5fdc\u306ePWA\u3092\u958b\u767a\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-119\">\u4eca\u5f8c\u306e\u5b66\u7fd2\u3068\u6210\u9577<\/h3>\n\n\n\n<p>Web\u958b\u767a\u306e\u4e16\u754c\u306f\u5e38\u306b\u9032\u5316\u3057\u3066\u3044\u307e\u3059\u3002Spring Boot\u00d7Thymeleaf\u306e\u30b9\u30ad\u30eb\u3092\u3055\u3089\u306b\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u6709\u52b9\u3067\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0<\/strong>: Spring WebFlux\u3092\u5b66\u3073\u3001\u975e\u540c\u671f\u30fb\u30ce\u30f3\u30d6\u30ed\u30c3\u30ad\u30f3\u30b0\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u30b9\u30ad\u30eb\u3092\u7372\u5f97\u3057\u307e\u3057\u3087\u3046\u3002<\/li>\n\n\n\n<li><strong>\u30b0\u30e9\u30d5QL<\/strong>: RESTfulAPI\u306e\u4ee3\u66ff\u3068\u3057\u3066\u6ce8\u76ee\u3055\u308c\u3066\u3044\u308b\u30b0\u30e9\u30d5QL\u306e\u5b9f\u88c5\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3057\u3087\u3046\u3002<\/li>\n\n\n\n<li><strong>Spring Native<\/strong>: \u30cd\u30a4\u30c6\u30a3\u30d6\u30a4\u30e1\u30fc\u30b8\u306e\u751f\u6210\u306b\u3088\u308a\u3001\u8d77\u52d5\u6642\u9593\u3068\u30e1\u30e2\u30ea\u4f7f\u7528\u91cf\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3059\u308b\u6280\u8853\u3092\u7fd2\u5f97\u3057\u307e\u3057\u3087\u3046\u3002<\/li>\n\n\n\n<li><strong>\u9ad8\u5ea6\u306a\u8a8d\u8a3c\u30fb\u8a8d\u53ef<\/strong>: OAuth2\u3084JWT\u3092\u4f7f\u7528\u3057\u305f\u6700\u65b0\u306e\u8a8d\u8a3c\u6280\u8853\u3092\u5b66\u3073\u3001\u30bb\u30ad\u30e5\u30a2\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u30b9\u30ad\u30eb\u3092\u78e8\u304d\u307e\u3057\u3087\u3046\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-120\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u6d3b\u7528<\/h3>\n\n\n\n<p>\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2\u3068\u554f\u984c\u89e3\u6c7a\u306b\u306f\u3001\u6d3b\u767a\u306a\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u5b58\u5728\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002\u4ee5\u4e0b\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30d5\u30a9\u30fc\u30e9\u30e0<\/strong>: Stack Overflow\u3001Spring Forums\u3001Reddit r\/java\u306a\u3069<\/li>\n\n\n\n<li><strong>\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/strong>: Spring\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3001Baeldung\u3001JavaTpoint\u306a\u3069<\/li>\n\n\n\n<li><strong>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30a4\u30d9\u30f3\u30c8<\/strong>: SpringOne\u3001Devoxx\u3001JavaOne\u306a\u3069<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u901a\u3058\u3066\u3001\u6700\u65b0\u306e\u60c5\u5831\u3092\u5165\u624b\u3057\u3001\u4ed6\u306e\u958b\u767a\u8005\u3068\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-121\">2024\u5e74\u4ee5\u964d\u306e\u5c55\u671b<\/h3>\n\n\n\n<p>Web\u958b\u767a\u306e\u672a\u6765\u306f\u3001\u3055\u3089\u306a\u308b\u9769\u65b0\u304c\u671f\u5f85\u3055\u308c\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30a8\u30c3\u30b8\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/strong>: Spring Cloud\u3068Thymeleaf\u3092\u6d3b\u7528\u3057\u305f\u30a8\u30c3\u30b8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u304c\u5897\u52a0\u3059\u308b\u3067\u3057\u3087\u3046\u3002<\/li>\n\n\n\n<li><strong>\u91cf\u5b50\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/strong>: \u91cf\u5b50\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3068Spring Boot\u306e\u7d71\u5408\u304c\u9032\u3080\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u6301\u7d9a\u53ef\u80fd\u306a\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a<\/strong>: \u30a8\u30cd\u30eb\u30ae\u30fc\u52b9\u7387\u306e\u9ad8\u3044\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0 practices \u304c\u91cd\u8981\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002<\/li>\n\n\n\n<li><strong>\u30ce\u30fc\u30b3\u30fc\u30c9\/\u30ed\u30fc\u30b3\u30fc\u30c9\u3068\u306e\u5171\u5b58<\/strong>: Spring Boot\u3068Thymeleaf\u306e\u77e5\u8b58\u3092\u6d3b\u304b\u3057\u3064\u3064\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3068\u306e\u52b9\u679c\u7684\u306a\u7d71\u5408\u65b9\u6cd5\u3092\u5b66\u3076\u3053\u3068\u304c\u91cd\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>Spring Boot\u00d7Thymeleaf\u306f\u3001\u3053\u308c\u3089\u306e\u65b0\u3057\u3044\u6280\u8853\u30c8\u30ec\u30f3\u30c9\u306b\u9069\u5fdc\u3057\u3001\u9032\u5316\u3092\u7d9a\u3051\u308b\u3053\u3068\u3067\u3001\u6b21\u4e16\u4ee3Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u4e2d\u5fc3\u7684\u306a\u6280\u8853\u30b9\u30bf\u30c3\u30af\u3068\u3057\u3066\u306e\u5730\u4f4d\u3092\u7dad\u6301\u3057\u7d9a\u3051\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2\u3068\u5b9f\u8df5\u3092\u901a\u3058\u3066\u3001\u7686\u3055\u3093\u304c\u3053\u306e exciting \u306a\u6280\u8853\u306e\u4e16\u754c\u3067\u6210\u529f\u3092\u53ce\u3081\u308b\u3053\u3068\u3092\u9858\u3063\u3066\u3044\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u3088\u308a\u5177\u4f53\u7684\u306a\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9\u3068\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u53c2\u52a0\u306e\u65b9\u6cd5\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u898b\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-122\">11.1 \u5b66\u7fd2\u306e\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\uff1a\u3088\u308a\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3078\u306e\u30a2\u30d7\u30ed\u30fc\u30c1<\/h3>\n\n\n\n<p>Spring Boot\u3068Thymeleaf\u306e\u57fa\u672c\u3092\u7fd2\u5f97\u3057\u305f\u5f8c\u3001\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u3068\u3057\u3066\u3088\u308a\u9ad8\u5ea6\u306a\u6a5f\u80fd\u306b\u30c1\u30e3\u30ec\u30f3\u30b8\u3059\u308b\u3053\u3068\u3067\u3001\u30b9\u30ad\u30eb\u30bb\u30c3\u30c8\u3092\u62e1\u5927\u3057\u3001\u3088\u308a\u8907\u96d1\u3067\u6d17\u7df4\u3055\u308c\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u4ee5\u4e0b\u306b\u3001\u63a2\u6c42\u3059\u3079\u304d\u91cd\u8981\u306a\u9818\u57df\u3068\u305d\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\uff08Spring WebFlux\uff09<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9: \u300eReactive Spring\u300fby Josh Long<\/li>\n\n\n\n<li>\u30a2\u30d7\u30ed\u30fc\u30c1:\n<ul class=\"wp-block-list\">\n<li>Spring WebFlux\u306e\u57fa\u672c\u6982\u5ff5\u3092\u5b66\u3076<\/li>\n\n\n\n<li>\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30c8\u30ea\u30fc\u30e0\u3092\u7406\u89e3\u3057\u3001Flux\u3068Mono\u306e\u6271\u3044\u65b9\u3092\u7fd2\u5f97\u3059\u308b<\/li>\n\n\n\n<li>Thymeleaf\u3068WebFlux\u306e\u7d71\u5408\u65b9\u6cd5\u3092\u5b9f\u8df5\u3059\u308b<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u30b0\u30e9\u30d5QL\u306e\u5b9f\u88c5<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9: Spring for GraphQL\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/li>\n\n\n\n<li>\u30a2\u30d7\u30ed\u30fc\u30c1:\n<ul class=\"wp-block-list\">\n<li>GraphQL\u306e\u57fa\u672c\u6982\u5ff5\u3068\u30af\u30a8\u30ea\u8a00\u8a9e\u3092\u5b66\u3076<\/li>\n\n\n\n<li>Spring for GraphQL\u3092\u4f7f\u7528\u3057\u3066\u30b9\u30ad\u30fc\u30de\u3068\u30ea\u30be\u30eb\u30d0\u30fc\u3092\u5b9f\u88c5\u3059\u308b<\/li>\n\n\n\n<li>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067GraphQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u7fd2\u5f97\u3059\u308b<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u30ab\u30b9\u30bf\u30e0\u30b9\u30bf\u30fc\u30bf\u30fc\u306e\u4f5c\u6210<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9: Spring Boot\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\uff08Custom\u30b9\u30bf\u30fc\u30bf\u30fc\u30bb\u30af\u30b7\u30e7\u30f3\uff09<\/li>\n\n\n\n<li>\u30a2\u30d7\u30ed\u30fc\u30c1:\n<ul class=\"wp-block-list\">\n<li>\u81ea\u52d5\u8a2d\u5b9a\u306e\u4ed5\u7d44\u307f\u3092\u6df1\u304f\u7406\u89e3\u3059\u308b<\/li>\n\n\n\n<li>\u7279\u5b9a\u306e\u6a5f\u80fd\u3092\u30ab\u30d7\u30bb\u30eb\u5316\u3057\u305f\u30ab\u30b9\u30bf\u30e0\u30b9\u30bf\u30fc\u30bf\u30fc\u3092\u8a2d\u8a08\u30fb\u5b9f\u88c5\u3059\u308b<\/li>\n\n\n\n<li>\u4f5c\u6210\u3057\u305f\u30b9\u30bf\u30fc\u30bf\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u7d71\u5408\u3057\u3001\u52b9\u679c\u3092\u691c\u8a3c\u3059\u308b<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Spring Native\uff08\u30cd\u30a4\u30c6\u30a3\u30d6\u30a4\u30e1\u30fc\u30b8\uff09<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9: Spring Native\u516c\u5f0f\u30ac\u30a4\u30c9<\/li>\n\n\n\n<li>\u30a2\u30d7\u30ed\u30fc\u30c1:\n<ul class=\"wp-block-list\">\n<li>GraalVM\u306e\u57fa\u672c\u3092\u7406\u89e3\u3059\u308b<\/li>\n\n\n\n<li>Spring Native\u306e\u8a2d\u5b9a\u65b9\u6cd5\u3092\u5b66\u3073\u3001\u65e2\u5b58\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u9069\u7528\u3059\u308b<\/li>\n\n\n\n<li>\u30cd\u30a4\u30c6\u30a3\u30d6\u30a4\u30e1\u30fc\u30b8\u306e\u30d3\u30eb\u30c9\u3068\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u30d7\u30ed\u30bb\u30b9\u3092\u7fd2\u5f97\u3059\u308b<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u9ad8\u5ea6\u306a\u8a8d\u8a3c\u30fb\u8a8d\u53ef\uff08OAuth2, JWT\uff09<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9: \u300eSpring Security in Action\u300fby Laurentiu Spilca<\/li>\n\n\n\n<li>\u30a2\u30d7\u30ed\u30fc\u30c1:\n<ul class=\"wp-block-list\">\n<li>OAuth2\u3068JWT\u306e\u6982\u5ff5\u3092\u6df1\u304f\u7406\u89e3\u3059\u308b<\/li>\n\n\n\n<li>Spring Security\u3067OAuth2\u30b5\u30fc\u30d0\u30fc\u3068\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u5b9f\u88c5\u3059\u308b<\/li>\n\n\n\n<li>Thymeleaf\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067JWT\u3092\u4f7f\u7528\u3057\u305f\u30bb\u30ad\u30e5\u30a2\u306a\u30da\u30fc\u30b8\u5236\u5fa1\u3092\u5b9f\u88c5\u3059\u308b<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3092\u5b66\u3076\u969b\u306f\u3001\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u52b9\u679c\u7684\u306b\u7fd2\u5f97\u3067\u304d\u307e\u3059\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3084\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u4e01\u5be7\u306b\u8aad\u307f\u8fbc\u3080<\/li>\n\n\n\n<li>\u30b5\u30f3\u30d7\u30eb\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3001\u5b9f\u969b\u306b\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u52d5\u4f5c\u3092\u78ba\u8a8d\u3059\u308b<\/li>\n\n\n\n<li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30fc\u30b9\u3084\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\u306b\u53c2\u52a0\u3057\u3001\u5c02\u9580\u5bb6\u306e\u6307\u5c0e\u3092\u53d7\u3051\u308b<\/li>\n\n\n\n<li>\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u65b0\u3057\u304f\u5b66\u3093\u3060\u6280\u8853\u3092\u9069\u7528\u3057\u3001\u5b9f\u8df5\u7684\u306a\u7d4c\u9a13\u3092\u7a4d\u3080<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3092\u7fd2\u5f97\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u67d4\u8edf\u3067\u62e1\u5f35\u6027\u306e\u9ad8\u3044Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3059\u308b\u80fd\u529b\u304c\u8eab\u306b\u3064\u304d\u3001\u30ad\u30e3\u30ea\u30a2\u306e\u5e45\u304c\u5927\u304d\u304f\u5e83\u304c\u308a\u307e\u3059\u3002\u5e38\u306b\u6700\u65b0\u306e\u30c8\u30ec\u30f3\u30c9\u3068\u6280\u8853\u52d5\u5411\u306b\u6ce8\u76ee\u3057\u3001\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2\u3092\u5fc3\u304c\u3051\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-123\">11.2 \u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30ea\u30bd\u30fc\u30b9\uff1a\u3055\u3089\u306a\u308b\u60c5\u5831\u53ce\u96c6\u3068\u554f\u984c\u89e3\u6c7a\u306e\u5834<\/h3>\n\n\n\n<p>Spring Boot\u3068Thymeleaf\u306e\u6280\u8853\u3092\u6df1\u304f\u7406\u89e3\u3057\u3001\u6700\u65b0\u306e\u60c5\u5831\u3092\u5f97\u308b\u305f\u3081\u306b\u306f\u3001\u6d3b\u767a\u306a\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u53c2\u52a0\u3059\u308b\u3053\u3068\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002\u4ee5\u4e0b\u306b\u3001\u6709\u7528\u306a\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30ea\u30bd\u30fc\u30b9\u3068\u305d\u306e\u52b9\u679c\u7684\u306a\u6d3b\u7528\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-124\">\u30aa\u30f3\u30e9\u30a4\u30f3\u30d5\u30a9\u30fc\u30e9\u30e0\u3068Q&amp;A\u30b5\u30a4\u30c8<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Stack Overflow<\/strong>\n<ul class=\"wp-block-list\">\n<li>Spring Boot\u3068Thymeleaf\u306e\u30bf\u30b0\u3092\u30d5\u30a9\u30ed\u30fc\u3057\u3001\u8cea\u554f\u3084\u56de\u7b54\u3092\u901a\u3058\u3066\u77e5\u8b58\u3092\u5171\u6709<\/li>\n\n\n\n<li>\u9ad8\u8a55\u4fa1\u306e\u56de\u7b54\u3092\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9\u3068\u3057\u3066\u6d3b\u7528<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Spring Forums<\/strong>\n<ul class=\"wp-block-list\">\n<li>Spring\u958b\u767a\u8005\u3084\u8ca2\u732e\u8005\u3068\u306e\u76f4\u63a5\u7684\u306a\u3084\u308a\u53d6\u308a\u304c\u53ef\u80fd<\/li>\n\n\n\n<li>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u65b9\u5411\u6027\u3084\u5c06\u6765\u306e\u8a08\u753b\u306b\u3064\u3044\u3066\u6700\u65b0\u60c5\u5831\u3092\u5165\u624b<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Reddit r\/java<\/strong>\n<ul class=\"wp-block-list\">\n<li>Java\u95a2\u9023\u306e\u30cb\u30e5\u30fc\u30b9\u3084\u8b70\u8ad6\u3092\u30d5\u30a9\u30ed\u30fc<\/li>\n\n\n\n<li>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u4e3b\u5c0e\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3084\u65b0\u3057\u3044\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u767a\u898b<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-125\">\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3068\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Spring\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5e38\u306b\u6700\u65b0\u304b\u3064\u6b63\u78ba\u306a\u60c5\u5831\u3092\u63d0\u4f9b<\/li>\n\n\n\n<li>\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u30ac\u30a4\u30c9\u3068\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u5b9a\u671f\u7684\u306b\u30c1\u30a7\u30c3\u30af<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Baeldung<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5b9f\u8df5\u7684\u306a\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3068\u6df1\u3044\u6280\u8853\u89e3\u8aac\u3092\u63d0\u4f9b<\/li>\n\n\n\n<li>Spring Boot\u3001Thymeleaf\u3001\u304a\u3088\u3073Java\u30a8\u30b3\u30b7\u30b9\u30c6\u30e0\u306e\u5e45\u5e83\u3044\u30c8\u30d4\u30c3\u30af\u3092\u30ab\u30d0\u30fc<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>JavaTpoint<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u521d\u5fc3\u8005\u5411\u3051\u304b\u3089\u4e2d\u7d1a\u8005\u5411\u3051\u307e\u3067\u306e\u5e45\u5e83\u3044\u89e3\u8aac<\/li>\n\n\n\n<li>\u57fa\u672c\u6982\u5ff5\u306e\u5fa9\u7fd2\u3084\u65b0\u6a5f\u80fd\u306e\u6982\u8981\u628a\u63e1\u306b\u6709\u7528<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-126\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30a4\u30d9\u30f3\u30c8\u3068\u4f1a\u8b70<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>SpringOne<\/strong>\n<ul class=\"wp-block-list\">\n<li>Spring\u958b\u767a\u8005\u306e\u6700\u5927\u306e\u5e74\u6b21\u30a4\u30d9\u30f3\u30c8<\/li>\n\n\n\n<li>\u6700\u65b0\u306e\u30c8\u30ec\u30f3\u30c9\u3001\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3001\u304a\u3088\u3073\u5c06\u6765\u306e\u8a08\u753b\u306b\u3064\u3044\u3066\u5b66\u3076<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Devoxx<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5e45\u5e83\u3044Java\u95a2\u9023\u6280\u8853\u3092\u30ab\u30d0\u30fc\u3059\u308b\u56fd\u969b\u7684\u306a\u958b\u767a\u8005\u4f1a\u8b70<\/li>\n\n\n\n<li>\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\u3084\u30cf\u30f3\u30ba\u30aa\u30f3\u30bb\u30c3\u30b7\u30e7\u30f3\u306b\u53c2\u52a0\u3057\u3066\u5b9f\u8df5\u7684\u306a\u30b9\u30ad\u30eb\u3092\u7fd2\u5f97<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>JavaOne<\/strong>\n<ul class=\"wp-block-list\">\n<li>Oracle\u4e3b\u50ac\u306e\u5927\u898f\u6a21\u306aJava\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30a4\u30d9\u30f3\u30c8<\/li>\n\n\n\n<li>Java\u8a00\u8a9e\u3068\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u9032\u5316\u306b\u3064\u3044\u3066\u6df1\u3044\u6d1e\u5bdf\u3092\u5f97\u308b<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-127\">\u52b9\u679c\u7684\u306a\u6d3b\u7528\u65b9\u6cd5<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u7a4d\u6975\u7684\u306a\u53c2\u52a0<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u8cea\u554f\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u4ed6\u306e\u4eba\u306e\u8cea\u554f\u306b\u56de\u7b54\u3059\u308b\u3053\u3068\u3067\u7406\u89e3\u3092\u6df1\u3081\u308b<\/li>\n\n\n\n<li>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306eIssue\u30c8\u30e9\u30c3\u30ab\u30fc\u306b\u8ca2\u732e\u3057\u3001\u30d0\u30b0\u5831\u544a\u3084\u6a5f\u80fd\u63d0\u6848\u3092\u884c\u3046<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u30cd\u30c3\u30c8\u30ef\u30fc\u30ad\u30f3\u30b0<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30a4\u30d9\u30f3\u30c8\u3084\u30df\u30fc\u30c8\u30a2\u30c3\u30d7\u306b\u53c2\u52a0\u3057\u3001\u4ed6\u306e\u958b\u767a\u8005\u3068\u4ea4\u6d41<\/li>\n\n\n\n<li>LinkedIn\u3084Twitter\u3067\u5c02\u9580\u5bb6\u3084\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30ea\u30fc\u30c0\u30fc\u3092\u30d5\u30a9\u30ed\u30fc<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u9031\u6b21\u3084\u6708\u6b21\u3067\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u52d5\u5411\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b\u7fd2\u6163\u3092\u3064\u3051\u308b<\/li>\n\n\n\n<li>\u65b0\u3057\u3044\u6982\u5ff5\u3084\u6280\u8853\u306b\u3064\u3044\u3066\u5b66\u3093\u3060\u3053\u3068\u3092\u30d6\u30ed\u30b0\u3084\u6280\u8853\u8a18\u4e8b\u3068\u3057\u3066\u5171\u6709<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u8ca2\u732e<\/strong>\n<ul class=\"wp-block-list\">\n<li>Spring Boot\u3084Thymeleaf\u306eGitHub\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u30d5\u30a9\u30fc\u30af\u3057\u3001\u5c0f\u3055\u306a\u6539\u5584\u304b\u3089\u59cb\u3081\u308b<\/li>\n\n\n\n<li>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u53c2\u52a0\u3057\u3001\u5b9f\u8df5\u7684\u306a\u7d4c\u9a13\u3092\u7a4d\u3080<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30ea\u30bd\u30fc\u30b9\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001Spring Boot\u3068Thymeleaf\u306e\u6700\u65b0\u52d5\u5411\u3092\u628a\u63e1\u3057\u3001\u554f\u984c\u89e3\u6c7a\u80fd\u529b\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u8ca2\u732e\u3059\u308b\u3053\u3068\u3067\u3001\u81ea\u8eab\u306e\u30b9\u30ad\u30eb\u3068\u8a55\u4fa1\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u7a4d\u6975\u7684\u306b\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u53c2\u52a0\u3057\u3001\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2\u3068\u6210\u9577\u3092\u76ee\u6307\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Warning: Undefined array key &#8220;is_admin&#8221; in \/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/ &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":{"0":"post-463","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-java","7":"nothumb"},"_links":{"self":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=463"}],"version-history":[{"count":2,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/463\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/463\/revisions\/468"}],"wp:attachment":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}