{"id":2093,"date":"2021-09-11T14:31:19","date_gmt":"2021-09-11T05:31:19","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=2093"},"modified":"2023-01-04T22:14:08","modified_gmt":"2023-01-04T13:14:08","slug":"javascript10","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/09\/11\/javascript10\/","title":{"rendered":"JavaScript10(\u30b5\u30a4\u30c8\u4f5c\u6210(2))"},"content":{"rendered":"<h3>1:\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u88c5<\/h3>\n<h2>\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u4f5c\u6210\u3057\u305fmain.js\u30fb_mixin.scss\u30fbscroll-polyfill.js_\u30fbscroll.js\u30fbstyle.scss\u30fbtext-animation.js\u3092\u3053\u306e\u3088\u3046\u306b\u914d\u7f6e\u3059\u308b\u3002<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2095\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/be823748cf586178607ee6d604d812b1.png\" alt=\"\" width=\"216\" height=\"197\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2097\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/2fc53de17aace1e8a5f87b9ec39a8dfc.png\" alt=\"\" width=\"212\" height=\"461\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/2fc53de17aace1e8a5f87b9ec39a8dfc.png 212w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/2fc53de17aace1e8a5f87b9ec39a8dfc-138x300.png 138w\" sizes=\"auto, (max-width: 212px) 100vw, 212px\" \/><\/p>\n<p>\u8cbc\u308a\u4ed8\u3051\u305fmain.js\u5185\u306e\u4ee5\u4e0b\u3092\u5207\u308a\u53d6\u308a<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2096\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/0f843e3c3ad2339a1f3f11efdaf22907.png\" alt=\"\" width=\"791\" height=\"347\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/0f843e3c3ad2339a1f3f11efdaf22907.png 791w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/0f843e3c3ad2339a1f3f11efdaf22907-300x132.png 300w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/0f843e3c3ad2339a1f3f11efdaf22907-768x337.png 768w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/0f843e3c3ad2339a1f3f11efdaf22907-624x274.png 624w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/> scripts\/main.js\u306b\u3053\u306e\u3088\u3046\u306b\u8cbc\u308a\u4ed8\u3051<\/p>\n<p><!--more--><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2098\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/87325fc5f15da5b37dad24ec79574eb2.png\" alt=\"\" width=\"733\" height=\"452\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/87325fc5f15da5b37dad24ec79574eb2.png 733w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/87325fc5f15da5b37dad24ec79574eb2-300x185.png 300w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/87325fc5f15da5b37dad24ec79574eb2-624x385.png 624w\" sizes=\"auto, (max-width: 733px) 100vw, 733px\" \/> \u8cbc\u308a\u4ed8\u3051\u305f_mixin\u306f\u3044\u3089\u306a\u304b\u3063\u305f\u306e\u3067\u524a\u9664\u3059\u308b\u3002<\/p>\n<p><!--more--><\/p>\n<h3>style.scss\u306e\u8a18\u8ff0\u3092\u5909\u66f4<\/h3>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-scss\" data-lang=\"SCSS\"><code>.animate-title,\r\n.tween-animate-title {\r\n  opacity: 0;\r\n\u00a0\r\n  &amp;.inview {\r\n    opacity: 1;\r\n\r\n  &amp; .char {\r\n    display: inline-block;\r\n}\r\n}\r\n\r\n  &amp; .char {\r\n    opacity: 0;\r\n}\r\n}\r\n\r\n.animate-title.inview .char {\r\n@include animation(\r\n$name: kf-animate-chars,\r\n$duration: 0.5s,\r\n$timing-function: cubic-bezier(0.39, 1.57, 0.58, 1),\r\n$fill-mode: both\r\n);\r\n\r\n@for $i from 1 through 30 {\r\n&amp;:nth-child(#{$i}) {\r\nanimation-delay: $i * 0.04s;\r\n}\r\n}\r\n}\r\n\r\n@keyframes kf-animate-chars {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-50%);\r\n}\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n}<\/code><\/pre>\n<\/div>\n<h2>\u5909\u66f4\u3057\u305fstyle.scss\u30fb_text-animation.scss\u306b\u30ea\u30cd\u30fc\u30e0\u3057\u3066modules\u306b\u79fb\u52d5<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2104\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/8e875ed2bbf339d94b955728bf99e75f.png\" alt=\"\" width=\"202\" height=\"482\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/8e875ed2bbf339d94b955728bf99e75f.png 202w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/8e875ed2bbf339d94b955728bf99e75f-126x300.png 126w\" sizes=\"auto, (max-width: 202px) 100vw, 202px\" \/><\/p>\n<h2>\u4ee5\u524d\u4f7f\u7528\u3057\u305fTweenMax.min.js\u3092\u30b3\u30d4\u30fc\u3057\u3066vendors\u306b\u8cbc\u308a\u4ed8\u3051<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2105\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/859bf35add3cce012ad0751c10a14d1b.png\" alt=\"\" width=\"200\" height=\"509\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/859bf35add3cce012ad0751c10a14d1b.png 200w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/859bf35add3cce012ad0751c10a14d1b-118x300.png 118w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/p>\n<h2>index.html\u306b\u8a18\u8ff0\u3057\u3066\u8aad\u307f\u8fbc\u307e\u305b\u308b<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2106\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/75a58a6244e879986de9cb13d7e38948.png\" alt=\"\" width=\"785\" height=\"286\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/75a58a6244e879986de9cb13d7e38948.png 785w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/75a58a6244e879986de9cb13d7e38948-300x109.png 300w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/75a58a6244e879986de9cb13d7e38948-768x280.png 768w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/75a58a6244e879986de9cb13d7e38948-624x227.png 624w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/p>\n<h3>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u308c\u308b\u304b\u52d5\u4f5c\u30c6\u30b9\u30c8\u3092\u3059\u308b<\/h3>\n<h2>index.html\u306b\u4ee5\u4e0b\u306e\u8a18\u8ff0\u3092\u8ffd\u52a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2108\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/e3c2044a3ee3a04ef5a85805b2f04fcb.png\" alt=\"\" width=\"646\" height=\"334\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/e3c2044a3ee3a04ef5a85805b2f04fcb.png 646w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/e3c2044a3ee3a04ef5a85805b2f04fcb-300x155.png 300w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/e3c2044a3ee3a04ef5a85805b2f04fcb-624x323.png 624w\" sizes=\"auto, (max-width: 646px) 100vw, 646px\" \/><\/h2>\n<h3>main.js\u306e\u8a18\u8ff0\u3092\u5909\u66f4<\/h3>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>document.addEventListener('DOMContentLoaded', function () {\r\n\/\/ new\u3067\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\r\n  const hero = new HeroSlider('.swiper-container');\r\n  hero.start();\r\n\r\n\/\/ \u30b3\u30fc\u30eb\u30d0\u30c3\u30af\u95a2\u6570\u3092\u8a2d\u3051\u308b\r\n  const cb = function (el, isIntersecting) {\r\n    if (isIntersecting) {\r\n      const ta = new TweenTextAnimation(el);\r\n    ta.animate();\r\n}\r\n};\r\n\r\n\/\/ \u7b2c1\u5f15\u6570\u306b\u30a8\u30ec\u30e1\u30f3\u30c8\u7b2c\u4e8c\u5f15\u6570\u306b\u30b3\u30fc\u30eb\u30d0\u30c3\u30af\u95a2\u6570\r\n  const so = new ScrollObserver(\".animate-title\", cb);\r\n\/\/ \u52d5\u4f5c\u30c6\u30b9\u30c8\u7528\r\n  const so2 = new ScrollObserver(\".tween-animate-title\", cb);\r\n});<\/code><\/pre>\n<\/div>\n<p>\u6587\u5b57\u304c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u308c\u3066\u3044\u308c\u3070OK<\/p>\n<div style=\"width: 625px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-2093-1\" width=\"625\" height=\"385\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/anime-test.mp4?_=1\" \/><a href=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/anime-test.mp4\">https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/anime-test.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<h3>2:\u30b9\u30e9\u30a4\u30c0\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u88c5<\/h3>\n<p>\u30b9\u30af\u30ed\u30fc\u30eb\u306e\u76e3\u8996\u3068\u30b9\u30e9\u30a4\u30c0\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u3068\u3053\u308d\u306e<strong>style.scss<\/strong>\u306e<strong>.cover-slide<\/strong>\u3088\u308a\u4e0a\u3092\u524a\u9664\u3057\u3066\u3001<strong>modules<\/strong>\u306b\u914d\u7f6e\u3057\u3066<strong>_image-slide.scss<\/strong>\u306b\u30ea\u30cd\u30fc\u30e0<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2111\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/60867d6d2cee6c638cf290501e37c7af.png\" alt=\"\" width=\"201\" height=\"281\" \/><\/p>\n<h2>_base.scss\u306b\u8a18\u8ff0\u3092\u8ffd\u52a0<\/h2>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-scss\" data-lang=\"SCSS\"><code>img {\r\n  max-width: 100%;\r\n  vertical-align: bottom;\r\n}<\/code><\/pre>\n<\/div>\n<h2>style.scss\u306b\u8a18\u8ff0\u3092\u8ffd\u52a0 <strong>@import &#8216;modules\/image-slide&#8217;;<\/strong><\/h2>\n<div>\n<div><strong>@import &#8216;modules\/button&#8217;;<\/strong><\/div>\n<div><\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2118\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/7a29bbec771155e80e6ecc26ac582da9.png\" alt=\"\" width=\"437\" height=\"241\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/7a29bbec771155e80e6ecc26ac582da9.png 437w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/7a29bbec771155e80e6ecc26ac582da9-300x165.png 300w\" sizes=\"auto, (max-width: 437px) 100vw, 437px\" \/><\/p>\n<p>index.html\u306b\u4ee5\u4e0b\u3092\u8a18\u8ff0\u3057\u3066\u78ba\u8a8d\u3059\u308b\u3068<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2115\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/f14634df1582b7233066ac74b190920b.png\" alt=\"\" width=\"739\" height=\"417\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/f14634df1582b7233066ac74b190920b.png 739w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/f14634df1582b7233066ac74b190920b-300x169.png 300w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/f14634df1582b7233066ac74b190920b-624x352.png 624w\" sizes=\"auto, (max-width: 739px) 100vw, 739px\" \/><\/p>\n<div style=\"width: 625px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-2093-2\" width=\"625\" height=\"420\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/cover-slide3.mp4?_=2\" \/><a href=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/cover-slide3.mp4\">https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/cover-slide3.mp4<\/a><\/video><\/div>\n<h2>\u30b9\u30e9\u30a4\u30c0\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c\u8ffd\u52a0\u3055\u308c\u305f\uff01<\/h2>\n<h3>3:\u30dc\u30bf\u30f3\u306e\u5b9f\u88c5<\/h3>\n<p><strong>_button.scss\u3092modules<\/strong>\u306b\u914d\u7f6e\u3059\u308b\u3002\u4e2d\u306f\u3053\u306e\u69d8\u306b\u306a\u3063\u3066\u3044\u308b<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-scss\" data-lang=\"SCSS\"><code>.btn {\r\nposition: relative;\r\ndisplay: inline-block;\r\nbackground-color: $cWhite;\r\nborder: 1px solid $cBlack;\r\nfont-weight: 600;\r\npadding: 10px 40px;\r\nmargin: 10px auto;\r\ncursor: pointer;\r\ntransition: all 0.3s;\r\ncolor: $cBlack;\r\ntext-decoration: none !important;\r\n\r\n&amp;.float:hover {\r\nbackground-color: $cBlack;\r\ncolor: $cWhite;\r\nbox-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n&amp;.filled {\r\nbackground-color: $cBlack;\r\ncolor: $cWhite;\r\nbox-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);\r\n\r\n&amp;:hover {\r\nbackground-color: $cWhite;\r\ncolor: $cBlack;\r\nbox-shadow: none;\r\n}\r\n}\r\n\r\n&amp;.letter-spacing:hover {\r\nbackground-color: $cBlack;\r\nletter-spacing: 3px;\r\ncolor: $cWhite;\r\n}\r\n\r\n&amp;.shadow {\r\nbox-shadow: none;\r\n\r\n&amp;:hover {\r\ntransform: translate(-2.5px, -2.5px);\r\nbox-shadow: 5px 5px 0 0 $cBlack;\r\n}\r\n}\r\n\r\n&amp;.solid {\r\nbox-shadow: 2px 2px 0 0 $cBlack;\r\nborder-radius: 7px;\r\n\r\n&amp;:hover {\r\ntransform: translate(2px, 2px);\r\nbox-shadow: none;\r\n}\r\n}\r\n\r\n&amp;.slide-bg {\r\nposition: relative;\r\noverflow: hidden;\r\nz-index: 1;\r\n\r\n&amp;::before {\r\ncontent: \"\";\r\ndisplay: inline-block;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground-color: $cBlack;\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\ntransform: translateX(-100%);\r\ntransition: transform 0.3s;\r\nz-index: -1;\r\n}\r\n\r\n&amp;:hover {\r\ncolor: $cWhite;\r\n\r\n&amp;::before {\r\ntransform: none;\r\n}\r\n}\r\n}\r\n&amp;.cover-3d {\r\nposition: relative;\r\nz-index: 1;\r\ntransform-style: preserve-3d;\r\nperspective: 300px;\r\n\r\n&amp; span {\r\ndisplay: inline-block;\r\ntransform: translateZ(20px);\r\n}\r\n\r\n&amp;::before {\r\ncontent: \"\";\r\ndisplay: inline-block;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground-color: $cBlack;\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\ntransform: rotateX(90deg);\r\ntransition: all 0.3s;\r\ntransform-origin: top center;\r\nopacity: 0;\r\n}\r\n\r\n&amp;:hover {\r\ncolor: $cWhite;\r\n\r\n&amp;::before {\r\ntransform: none;\r\nopacity: 1;\r\n}\r\n}\r\n}\r\n}\r\n\r\n\r\n.btn-cubic {\r\nposition: relative;\r\ndisplay: inline-block;\r\ntransform-style: preserve-3d;\r\nperspective: 300px;\r\nwidth: 150px;\r\nheight: 50px;\r\nmargin: 0 auto;\r\ncursor: pointer;\r\nfont-weight: 600;\r\n\r\n&amp; span {\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nborder: 1px solid $cBlack;\r\nline-height: 48px;\r\ntext-align: center;\r\ntransition: all 0.3s;\r\ntransform-origin: center center -25px;\r\ncolor: black;\r\n\r\n}\r\n\r\n&amp; .hovering {\r\nbackground-color: $cBlack;\r\ncolor: $cWhite;\r\ntransform: rotateX(90deg);\r\n}\r\n\r\n&amp; .default {\r\nbackground-color: $cWhite;\r\ncolor: $cBlack;\r\ntransform: rotateX(0);\r\n}\r\n\r\n&amp;:hover {\r\n&amp; .hovering {\r\ntransform: rotateX(0);\r\n}\r\n&amp; .default {\r\n\u00a0 transform: rotateX(-90deg);\r\n\u00a0 }\r\n\u00a0}\r\n}<\/code><\/pre>\n<\/div>\n<p>index.html\u306b\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2122\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/ccc3b61f17a0b39f831b444511434b90.png\" alt=\"\" width=\"1954\" height=\"462\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/ccc3b61f17a0b39f831b444511434b90.png 1954w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/ccc3b61f17a0b39f831b444511434b90-300x71.png 300w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/ccc3b61f17a0b39f831b444511434b90-1024x242.png 1024w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/ccc3b61f17a0b39f831b444511434b90-768x182.png 768w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/ccc3b61f17a0b39f831b444511434b90-1536x363.png 1536w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/ccc3b61f17a0b39f831b444511434b90-624x148.png 624w\" sizes=\"auto, (max-width: 1954px) 100vw, 1954px\" \/><\/p>\n<p>\u30dc\u30bf\u30f3\u304c\u751f\u6210\u3055\u308c\u3066\u3044\u308b\u306e\u3092\u78ba\u8a8d\u3059\u308b(\u4e00\u90e8\u304a\u304b\u3057\u3044\u306e\u306f\u5f8c\u3067\u4fee\u6b63)<\/p>\n<div style=\"width: 625px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-2093-3\" width=\"625\" height=\"254\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/Button.mp4?_=3\" \/><a href=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/Button.mp4\">https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/03\/Button.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1:\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u88c5 \u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u4f5c\u6210\u3057\u305fmain.js\u30fb_mixin.scss\u30fbscroll-polyfill.js_\u30fbscroll.js\u30fbstyle.scss\u30fbtext-animation.j [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2254,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[17,27],"tags":[],"class_list":["post-2093","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-programming-note"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/2093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/comments?post=2093"}],"version-history":[{"count":17,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/2093\/revisions"}],"predecessor-version":[{"id":7232,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/2093\/revisions\/7232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media\/2254"}],"wp:attachment":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media?parent=2093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/categories?post=2093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/tags?post=2093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}