{"id":2456,"date":"2023-04-17T09:11:13","date_gmt":"2023-04-17T00:11:13","guid":{"rendered":"https:\/\/hajimesan.net\/blog\/?p=2456"},"modified":"2023-04-17T09:41:44","modified_gmt":"2023-04-17T00:41:44","slug":"grails-%e3%81%a7-bootstrap-5-x-%e3%82%92%e4%bd%bf%e3%81%86%e3%81%a8%e3%82%a8%e3%83%a9%e3%83%bc","status":"publish","type":"post","link":"https:\/\/hajimesan.net\/blog\/?p=2456","title":{"rendered":"Grails \u3067 bootstrap 5.x \u3092\u4f7f\u3046\u3068\u30a8\u30e9\u30fc"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Grails \u306f\u3001Asset Pipeline \u3068\u3044\u3046\u306e\u3067 js \/ css \u306a\u3069\u306e\u30a2\u30bb\u30c3\u30c8\u3092\u7ba1\u7406\u3057\u3066\u3044\u308b\u3051\u3069\u3001\u4f8b\u3048\u3070\u3001 bootstrap.bundle.js \u3092\u5165\u308c\u308b\u3068\u3001\u8a2d\u5b9a\u306b\u3082\u3088\u308b\u304c\u3001\u30d3\u30eb\u30c9\u6642\uff08\u30c7\u30d0\u30c3\u30b0\u5b9f\u884c\u6642\u3067\u3082\uff09\u306b\u3001\u81ea\u52d5\u3067minify\uff08\u96e3\u8aad\u5316\uff09\u3057\u3066\u304f\u308c\u308b\u3088\u3046\u3067\u3001bootstrap.bundle.min.js \u3068\u304b\u3082\u540c\u6642\u306b\u5165\u308c\u3066\u3044\u3066\u3082\u3001\u305d\u308c\u3067\u306f\u306a\u304f\u81ea\u524d\u3067\u96e3\u8aad\u5316\u3055\u308c\u305f\u3082\u306e\u3092\u4f7f\u3046\u3089\u3057\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u306e\u3060\u304c\u3001\u3053\u306e\u96e3\u8aad\u5316\u306b\u5931\u6557\u3059\u308b\u3068\u3001\u3069\u3046\u3044\u3046\u308f\u3051\u304b\u3001bootstrap.bundle.unminified.js\u304c\u7121\u3044\u3068\u3044\u3046\u30a8\u30e9\u30fc\u306b\u306a\u3063\u3066\u3057\u307e\u3046\u3002 bootstrap.bundle.unminified.js\u3092\u958b\u767a\u7528\u306e bootstrap5 \u306e\u30bd\u30fc\u30b9\u304b\u3089\u5165\u308c\u3066\u3082\u898b\u3066\u304f\u308c\u306a\u3044\u3002\u305d\u308c\u3069\u3053\u308d\u304b\u3001\u305d\u306e js \u3092\u8aad\u307f\u8fbc\u3080 asset \u306e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u307e\u3067\u3001unminified \u304c\u7121\u3044\u3068\u3044\u3046\u30a8\u30e9\u30fc\u306b\u306a\u3063\u3066\u3001\u53ce\u62fe\u3064\u304b\u306a\u304f\u306a\u308b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u306a\u3093\u3067\u30a8\u30e9\u30fc\u306b\u306a\u308b\u306e\u3060\u308d\u3046\uff1f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">  function bootstrapDelegationHandler(element, selector, fn) { <br \/>    return function handler(event) { <br \/>      const domElements = element.querySelectorAll(selector); <br \/> <br \/>      for (let { <br \/>        target <br \/>      } = event; target &amp;&amp; target !== this; target = target.parentNode) { <br \/><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u554f\u984c\u306f\u3001\u3053\u3053\u306b\u3042\u308a\u307e\u3057\u305f\u3002 let { target } = event; \u3068\u3044\u3046\u898b\u6163\u308c\u306a\u3044\u4ee3\u5165\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u308c\u306f\u5206\u5272\u4ee3\u5165\u3068\u3044\u3046\u3082\u306e\u3067\u3001 let target = event.target; \u3068\u4f3c\u305f\u3088\u3046\u306a\u3082\u306e\u3067\u3059\u3002 event \u304c Object \u306e\u5834\u5408\u306b\u3001\u305d\u306e\u3001\u4ee3\u5165\u5148\u5909\u6570\u540d\u3068\u540c\u3058\u8981\u7d20\u3092\u4ee3\u5165\u3059\u308b\u307f\u305f\u3044\u306a\u51e6\u7406\u3067\u3001\u3000let { type, target} = event;  \u307f\u305f\u3044\u306b{} \u306e\u4e2d\u304c\u3001\u8907\u6570\u306e\u5834\u5408\u306f\u4fbf\u5229\u3067\u3059\u304c\u3001\u4e00\u3064\u306e\u5834\u5408\u306f\u3001\u5909\u4eba\u30b3\u30fc\u30c9\u306b\u3057\u304b\u898b\u3048\u307e\u305b\u3093\u306e\u3067\u3001\u7d20\u76f4\u306b\u3001let target = event.target;\u3068\u66f8\u3051\u3070\u826f\u3044\u306e\u306b\u3068\u601d\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u5206\u5272\u4ee3\u5165\u304c\u3001 for() \u306e\u4e2d\u306b\u3042\u308b\u3068\u3001\u3069\u3046\u3084\u3089\u3001minifier \u304c\u30a8\u30e9\u30fc\u3092\u8d77\u3053\u3059\u3088\u3046\u3067\u3059\u306d\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>      let {target} = event;\r\n      for (; target &amp;&amp; target !== this; target = target.parentNode) {\r\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u306e\u69d8\u306b\u3001\u5916\u306b\u8ffd\u3044\u51fa\u3057\u305f\u3089\u3001\u4e00\u9023\u306e\u30a8\u30e9\u30fc\u3082\u306a\u304f\u3001\u7121\u4e8b grails prod war \u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">bootstrap\u306f\u30015.0\u304b\u3089\u3001\u305a\u3063\u3068\u3053\u306e\u66f8\u304d\u65b9\u307f\u305f\u3044\u3067\u3001\u95a2\u6570\u304c\u95a2\u6570\u306a\u306e\u3067\u3001\u4eca\u5f8c\u3082\u5909\u308f\u308a\u305d\u3046\u306b\u3042\u308a\u307e\u305b\u3093\u3002 Asset Pipeline \u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3059\u308c\u3070\u305d\u306e\u307e\u307e\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u308b\u3068\u601d\u3044\u307e\u3059\u304c\u3001\u305d\u308c\u307e\u3067\u306f\u3001\u30bd\u30fc\u30b9\u3092\u4fee\u6b63\u3057\u3066\u4f7f\u3046\u3057\u304b\u306a\u3044\u306e\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Grails \u306f\u3001Asset Pipeline \u3068\u3044\u3046\u306e\u3067 js \/ css \u306a\u3069\u306e\u30a2\u30bb\u30c3\u30c8\u3092\u7ba1\u7406\u3057\u3066\u3044\u308b\u3051\u3069\u3001\u4f8b\u3048\u3070\u3001 bootstrap.bundle.js \u3092\u5165\u308c\u308b\u3068\u3001\u8a2d\u5b9a\u306b\u3082\u3088\u308b\u304c\u3001\u30d3\u30eb\u30c9\u6642\uff08\u30c7\u30d0\u30c3\u30b0\u5b9f\u884c\u6642\u3067\u3082\uff09 &hellip; <a href=\"https:\/\/hajimesan.net\/blog\/?p=2456\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-2456","post","type-post","status-publish","format-standard","hentry","category-zakki"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2456"}],"version-history":[{"count":1,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456\/revisions"}],"predecessor-version":[{"id":2458,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456\/revisions\/2458"}],"wp:attachment":[{"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}