{"id":1238,"date":"2020-03-24T11:12:34","date_gmt":"2020-03-24T02:12:34","guid":{"rendered":"http:\/\/dandelions.co.jp\/blog\/?p=1238"},"modified":"2020-03-25T17:02:43","modified_gmt":"2020-03-25T08:02:43","slug":"artcle-23","status":"publish","type":"post","link":"https:\/\/dandelions.co.jp\/blog\/blog\/2020\/03\/24\/artcle-23\/","title":{"rendered":"\u6280\u8853\u8005\u30d6\u30ed\u30b0 \u2013 Bootstrap\u306e\u5229\u7528 JS\u6e96\u5099\u7de8"},"content":{"rendered":"\n

\u6280\u8853\u8005\u30d6\u30ed\u30b0\u3068\u984c\u3057\u3066\u793e\u54e1\u304c\u65e5\u3054\u308d\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u5b66\u7fd2\u5185\u5bb9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002
\u7b2c9\u56de\u306f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u3092\u30c6\u30fc\u30de\u306b\u3057\u3066\u3044\u308b\u7b2c0\u30e6\u30cb\u30c3\u30c8\u3067\u3059\u3002<\/p>\n\n\n\n

\u524d\u56de\u7b2c0\u30e6\u30cb\u30c3\u30c8\u3067\u306f\u3001 Bootstrap\u3092\u5229\u7528\u3059\u308b\u305f\u3081\u306e\u65b9\u6cd5 \u3068\u3057\u3066CSS\u30d5\u30a1\u30a4\u30eb\u3092\u6e96\u5099\u3057\u307e\u3057\u305f\u3002 \u4eca\u56de\u306fJS\u30d5\u30a1\u30a4\u30eb\u3092\u7528\u610f\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u7528\u610f\u3059\u308b\u30d5\u30a1\u30a4\u30eb<\/h4>\n\n\n\n

\u7528\u610f\u3059\u308bJS\u30d5\u30a1\u30a4\u30eb\u306f3\u3064\u3067\u3059\u3002
\u30fbbootstrap.js<\/code>
\u30fbjquery.js<\/code>
\u30fbpopper.js<\/code><\/p>\n\n\n\n

Bootstrap <\/h4>\n\n\n\n


bootstrap.js\u306f<\/code>\u524d\u56de\u7d39\u4ecb\u3057\u305f Bootstrap\u306eJS\u30e9\u30a4\u30d6\u30e9\u30ea\u30d5\u30a1\u30a4\u30eb\u3067\u3059\u3002
\u3053\u3061\u3089\u3082\u516c\u5f0f\u30b5\u30a4\u30c8\u304b\u3089DL\u3067\u304d\u307e\u307e\u3059\u3002<\/p>\n\n\n\n

jQuery <\/h4>\n\n\n\n
\"jQuery\u516c\u5f0f\u30da\u30fc\u30b8\"<\/a><\/figure>\n\n\n\n

jquery.js\u306f\u3001JavaScript\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30c7\u30d5\u30a1\u30af\u30c8\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u3068\u547c\u3070\u308c\u308b\u304f\u3089\u3044\u3001\u6709\u540d\u306aJavaScript\u30b3\u30fc\u30c9\u3092\u3088\u308a\u5bb9\u6613\u306b\u8a18\u8ff0\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305fJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059\u3002<\/p>\n\n\n\n

Popper <\/h4>\n\n\n\n
\"Popper.js\u516c\u5f0f\u30da\u30fc\u30b8\"<\/a><\/figure>\n\n\n\n

\u30de\u30a6\u30b9\u3092\u8f09\u305b\u305f\u969b\u306a\u3069\u306b\u8868\u793a\u3055\u308c\u308b\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u306e\u3088\u3046\u306a\u5439\u304d\u51fa\u3057\u306e\u30d1\u30fc\u30c4\u3092
\u7c21\u5358\u306b\u4f5c\u308c\u308bJavaScript\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059\u3002<\/p>\n\n\n\n

JS\u30d5\u30a1\u30a4\u30eb\u3092\u547c\u3073\u51fa\u3059<\/h4>\n\n\n\n

JS\u30d5\u30a1\u30a4\u30eb\u304c\u7528\u610f\u3067\u304d\u305f\u3089HTML\u3067\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u3053\u3093\u3067\u3044\u304d\u307e\u3057\u3087\u3046\u3002
JS\u306e\u8aad\u307f\u8fbc\u307f\u306f<body>\u8981\u7d20\u5185\u3067\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

HTML\u8a18\u8f09\u4f8b<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"ja\">\n  <head>\n      <meta charset=\"utf-8\">\n      <!-- \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8aad\u307f\u8fbc\u3080 -->\n      <link rel=\"stylesheet\" href=\".\/css\/bootstrap.min.css\"\/>  \n   <\/head>\n   <body>\n     <script \uff53\uff52\uff43=\".\/js\/jquery-3.3.1.min.js\"><\/script>\n     <script \uff53\uff52\uff43=\".\/js\/popper.min.js\"><\/script>\n     <script \uff53\uff52\uff43=\".\/js\/bootstrap.min.js\"><\/script>\n   <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
JS\u30d5\u30a1\u30a4\u30eb\u3082CDN\u304c\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"ja\">\n  <head>\n      <meta charset=\"utf-8\">\n      <!-- \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8aad\u307f\u8fbc\u3080 -->\n      <link rel=\"stylesheet\" href=\".\/css\/bootstrap.min.css\"\/>  \n   <\/head>\n   <body>\n     <script \uff53\uff52\uff43=\"https:\/\/code.jquery.com\/jquery-3.3.1.slim.min.js\" integrity=\"sha384-q8i\/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo\" crossorigin=\"anonymous\"><\/script>\n     <script \uff53\uff52\uff43=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.14.7\/umd\/popper.min.js\" integrity=\"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1\" crossorigin=\"anonymous\"><\/script>\n     <script \uff53\uff52\uff43=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/js\/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf\/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"><\/script>\n   <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
\u4eca\u56de\u306f\u5fc5\u8981\u306aJS\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u6e96\u5099\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002
\u6b21\u56de\u306e\u7b2c0\u30e6\u30cb\u30c3\u30c8\u306e\u6280\u8853\u8005\u30d6\u30ed\u30b0\u3082\u304a\u697d\u3057\u307f\u306b\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u6280\u8853\u8005\u30d6\u30ed\u30b0\u3068\u984c\u3057\u3066\u793e\u54e1\u304c\u65e5\u3054\u308d\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u5b66\u7fd2\u5185\u5bb9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\u7b2c9\u56de\u306f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u3092\u30c6\u30fc\u30de\u306b\u3057\u3066\u3044\u308b\u7b2c0\u30e6\u30cb\u30c3\u30c8\u3067\u3059\u3002 \u524d\u56de\u7b2c0\u30e6\u30cb\u30c3\u30c8\u3067\u306f\u3001 Bootstrap\u3092\u5229\u7528\u3059\u308b\u305f\u3081\u306e\u65b9\u6cd5 \u3068\u3057\u3066CSS\u30d5\u30a1\u30a4\u30eb\u3092 … <\/p>\n
“\u6280\u8853\u8005\u30d6\u30ed\u30b0 \u2013 Bootstrap\u306e\u5229\u7528 JS\u6e96\u5099\u7de8” \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":10,"featured_media":736,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[8],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/dandelions.co.jp\/blog\/wp\/wp-content\/uploads\/2019\/11\/blog3.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paR9rw-jY","_links":{"self":[{"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/posts\/1238"}],"collection":[{"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/comments?post=1238"}],"version-history":[{"count":21,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/posts\/1238\/revisions"}],"predecessor-version":[{"id":1339,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/posts\/1238\/revisions\/1339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/media\/736"}],"wp:attachment":[{"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/media?parent=1238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/categories?post=1238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/tags?post=1238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}