{"id":4424,"date":"2020-03-12T12:45:37","date_gmt":"2020-03-12T03:45:37","guid":{"rendered":"http:\/\/utamininote.folder.jp\/?p=4424"},"modified":"2020-06-24T15:30:23","modified_gmt":"2020-06-24T06:30:23","slug":"%e3%82%ab%e3%83%bc%e3%83%86%e3%83%b3%e3%82%92%e9%96%8b%e3%81%8f%e3%82%88%e3%81%86%e3%81%aa%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3","status":"publish","type":"post","link":"https:\/\/utamininote.folder.jp\/?p=4424","title":{"rendered":"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3"},"content":{"rendered":"<p>\u3073\u3088\u3093\u3068\u30d0\u30fc\u304c\u4f38\u3073\u3066\u3001\u6d88\u3048\u3066\u3044\u304f\u306e\u306b\u5408\u308f\u305b\u3066\u30c6\u30ad\u30b9\u30c8\u304c\u73fe\u308f\u308c\u308b\u30a2\u30ec\u3002<br \/>\n\u4f7f\u3046\u6a5f\u4f1a\u304c\u306a\u3044\u3051\u308c\u3069\u3001\u3069\u3053\u304b\u3067\u4f7f\u3063\u3066\u307f\u305f\u3044\u306e\u3067\u30c6\u30b9\u30c8\u304c\u3066\u3089\u30e1\u30e2\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<p>\u4ee5\u4e0b\u30b5\u30f3\u30d7\u30eb\u3002\uff08&#8217;Rerun&#8217;\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u30b9\u30bf\u30fc\u30c8\uff09<\/p>\n<p class='codepen'  data-height='265' data-theme-id='0' data-slug-hash='dyoXaQo' data-default-tab='result' data-animations='run' data-editable='' data-embed-version='2'>\nSee the Pen \u30ab\u30fc\u30c6\u30f3animation by uta (@utamaro) on CodePen.<\/p>\n\n<h2>\u30b5\u30f3\u30d7\u30eb\u306e\u30b3\u30fc\u30c9\u8aac\u660e<\/h2>\n<h3>HTML<\/h3>\n<p>html\u306e\u8a18\u8ff0\u306f\u3053\u308c\u3060\u3051\u3002\u30dd\u30a4\u30f3\u30c8\u306f<code>curtain<\/code>\u30af\u30e9\u30b9\u3092\u3064\u3051\u305f\u8981\u7d20\u306e\u4e2d\u306b\u3001\u30c6\u30ad\u30b9\u30c8\u304c\u5165\u3063\u305f\u8981\u7d20\u3092\u5165\u308c\u5b50\u306b\u3059\u308b\u70b9\u3002<\/p>\n<pre><code class=\"language-markup\">&lt;p class=\"curtain\"&gt;&lt;span&gt;SAMPLE CODE SAMPLE CODE&lt;\/span&gt;&lt;\/p&gt; <\/code><\/pre>\n<h3>CSS<\/h3>\n<p>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u90e8\u5206\u306e\u52d5\u304d\u306fcss\u3067\u5236\u5fa1\u3057\u307e\u3059\u3002<br \/>\n\u305d\u308c\u305e\u308c\u306e\u8a18\u8ff0\u8aac\u660e\u306f\u30b3\u30e1\u30f3\u30c8\u30a2\u30a6\u30c8\u306b\u3002\u4f7f\u7528\u3059\u308b\u969b\u306b\u6d88\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<pre><code class=\"language-css\">.curtain {\n  position: relative;\n\tdisplay:inline-block;\n  font-size: 30px;\n}\n\/* span\u8981\u7d20 \u6700\u521d\u306f\u975e\u8868\u793a *\/\n.curtain span {\n  transition: all 0s 1s ease;\n  opacity: 0;\n  padding: 0 0.2em;\n}\n\/* .curtain\u306b.active\u304c\u3064\u3044\u305f\u3089span\u3092\u8868\u793a\uff081s\u5f8c\u306b0s\u304b\u3051\u3066\u900f\u660e\u5ea6\u30920\u21921\u306b\uff09 *\/\n.curtain.active span {\n  opacity: 1;\n  color:#333;\n}\n\/* .curtain\u306b\u64ec\u4f3c\u8981\u7d20(\u30ab\u30fc\u30c6\u30f3\u90e8\u5206)\u3092\u8ffd\u52a0\u3057\u3066\u3001transform\u3067\u6a2a\u5e45\u30920\u306b\u3057\u3066\u304a\u304f scaleX(0) *\/\n.curtain:after {\n  display: inline;\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: scaleX(0);\n  background: #333;\n}\n\/* .curtain\u306b.active\u304c\u3064\u3044\u305f\u3089\u64ec\u4f3c\u8981\u7d20\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u59cb\u3055\u305b\u308b *\/\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u540d,\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5b8c\u4e86\u307e\u3067\u306e\u6240\u8981\u6642\u9593,\u5909\u5316\u306e\u5ea6\u5408\u3044,\u9045\u5ef6\u6642\u9593,\u56de\u6570,\u518d\u751f\u65b9\u5411,\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u524d\u5f8c\u306e\u30b9\u30bf\u30a4\u30eb,\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u518d\u751f\u30fb\u505c\u6b62 *\/\n.curtain.active:after {\n  animation: curtainEffect 1s ease-in-out 0.5s 1 normal both running;\n}\n@keyframes curtainEffect {\n  0% {\n    transform-origin: left center;\n    transform: scaleX(0);\n  }\n  49.999% {\n    transform-origin: left center;\n    transform: scaleX(1);\n  }\n  50% {\n    transform-origin: right center;\n    transform: scaleX(1);\n  }\n  100% {\n    transform-origin: right center;\n    transform: scaleX(0);\n  }\n}\n\/*\n* transform-origin\u3067\u5909\u5f62\u306b\u304a\u3051\u308b\u539f\u70b9\u3092\u8a2d\u5b9a\uff08\u6700\u521d\u306f\u5de6\u7aef\u30fb\u5929\u5730\u4e2d\u592e\u306b\u30bb\u30c3\u30c8\uff09\n* \u305d\u306e\u307e\u307escaleX(1)\u3067\u53f3\u5074\u3044\u3063\u3071\u3044\u307e\u3067\u8981\u7d20\u3092\u4f38\u3070\u3057\u3001\n* \u4f38\u3070\u3057\u305f\u72b6\u614b\u3067\u539f\u70b9\u3092\u53f3\u30fb\u4e0a\u4e0b\u4e2d\u592e\u306b\u30bb\u30c3\u30c8\u3057\u76f4\u3059\u3002\n* \u539f\u70b9\u304c\u53f3\u306b\u5909\u308f\u3063\u305f\u3053\u3068\u3067scaleX(0)\u306b\u623b\u308b\u969b\u3001\u53f3\u5074\u306b\u6d88\u3048\u308b\u3088\u3046\u306b\u6d41\u308c\u308b\n*\/\n <\/code><\/pre>\n<p>\u52d5\u304d\u3068\u3057\u3066\u306f\u3001.curtain\u306b\u7591\u4f3c\u8981\u7d20\u3092\u8ffd\u52a0\u3057\u3066\u305d\u308c\u3092\u30ab\u30fc\u30c6\u30f3\u90e8\u5206\u3068\u3057\u307e\u3059\u3002<br \/>\nspan\u90e8\u5206\u306f\u6700\u521d\u306f\u900f\u660e\u306b\u3057\u3066\u304a\u304d\u3001\u30ab\u30fc\u30c6\u30f3\u304c\u958b\u304d\u304d\u3063\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u8868\u793a\u3002<br \/>\n\u30ab\u30fc\u30c6\u30f3\u304c\u518d\u5ea6\u958b\u304f\u306e\u306b\u5408\u308f\u305b\u3066\u3001\u4e0b\u306b\u8868\u793a\u3055\u305b\u3066\u304a\u3044\u305fspan\u8981\u7d20\u304c\u73fe\u308f\u308c\u308b\u3001\u3068\u3044\u3046\u6d41\u308c\u3067\u3059\u3002<\/p>\n<h3>javascript<\/h3>\n<p>.curtain\u8981\u7d20\u306b.active\u3092\u3064\u3051\u308b\u3053\u3068\u3067\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u958b\u59cb\u306e\u5408\u56f3\u3068\u3057\u307e\u3059\u3002<br \/>\n\u5168\u3066\u306ehtml\u304c\u8aad\u307f\u8fbc\u307e\u308c\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u5b9f\u884c\u3055\u305b\u307e\u3059\u3002<\/p>\n<pre><code class=\"language-markup\">&lt;script&gt;\nwindow.onload = function() {\n  var curtainElements = document.getElementsByClassName('curtain');\n  [].forEach.call(curtainElements, function(elem) {\n      elem.classList.add('active');\n  })\n};\n&lt;\/script&gt; <\/code><\/pre>\n<p>html\u306b\u76f4\u63a5\u8a18\u8ff0\u3059\u308b\u7528\u306b<code>&lt;script&gt;<\/code>\u30bf\u30b0\u3092\u3064\u3051\u3066\u3044\u307e\u3059\u3002<code>&lt;\/body&gt;<\/code>\u76f4\u524d\u3042\u305f\u308a\u306b\u8a18\u8ff0\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3073\u3088\u3093\u3068\u30d0\u30fc\u304c\u4f38\u3073\u3066\u3001\u6d88\u3048\u3066\u3044\u304f\u306e\u306b\u5408\u308f\u305b\u3066\u30c6\u30ad\u30b9\u30c8\u304c\u73fe\u308f\u308c\u308b\u30a2\u30ec\u3002 \u4f7f\u3046\u6a5f\u4f1a\u304c\u306a\u3044\u3051\u308c\u3069\u3001\u3069\u3053\u304b\u3067\u4f7f\u3063\u3066\u307f\u305f\u3044\u306e\u3067\u30c6\u30b9\u30c8\u304c\u3066\u3089\u30e1\u30e2\u3057\u3066\u304a\u304d\u307e\u3059\u3002 \u4ee5\u4e0b\u30b5\u30f3\u30d7\u30eb\u3002\uff08&#8217;Rerun&#8217;\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5245,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-4424","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 | uta Mini Note<\/title>\n<meta name=\"description\" content=\"HTML\u3001CSS\u3001JavaScript\u7b49\u3001\u3088\u304f\u4f7f\u3046\u3082\u306e\u3084\u6642\u3005\u4f7f\u3046\u3082\u306e\u3092\u30e1\u30e2\u4ee3\u308f\u308a\u306b\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002\u666e\u6bb5\u4f7f\u308f\u306a\u3044\u3082\u306e\u306e\u5b9f\u9a13\u7684\u306a\u3053\u3068\u3082\u3057\u3066\u3044\u307e\u3059\u3002\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 | uta Mini Note\" \/>\n<meta property=\"og:description\" content=\"HTML\u3001CSS\u3001JavaScript\u7b49\u3001\u3088\u304f\u4f7f\u3046\u3082\u306e\u3084\u6642\u3005\u4f7f\u3046\u3082\u306e\u3092\u30e1\u30e2\u4ee3\u308f\u308a\u306b\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002\u666e\u6bb5\u4f7f\u308f\u306a\u3044\u3082\u306e\u306e\u5b9f\u9a13\u7684\u306a\u3053\u3068\u3082\u3057\u3066\u3044\u307e\u3059\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/utamininote.folder.jp\/?p=4424\" \/>\n<meta property=\"og:site_name\" content=\"uta Mini Note\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-12T03:45:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-24T06:30:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"utamaru\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"utamaru\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424#article\",\"isPartOf\":{\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424\"},\"author\":{\"name\":\"utamaru\",\"@id\":\"https:\/\/utamininote.folder.jp\/#\/schema\/person\/7a76a0ed9bb90bceb94fa53dc50eb9e1\"},\"headline\":\"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\",\"datePublished\":\"2020-03-12T03:45:37+00:00\",\"dateModified\":\"2020-06-24T06:30:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424\"},\"wordCount\":38,\"publisher\":{\"@id\":\"https:\/\/utamininote.folder.jp\/#\/schema\/person\/7a76a0ed9bb90bceb94fa53dc50eb9e1\"},\"image\":{\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424#primaryimage\"},\"thumbnailUrl\":\"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png\",\"articleSection\":[\"JAVASCRIPT\"],\"inLanguage\":\"ja\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424\",\"url\":\"https:\/\/utamininote.folder.jp\/?p=4424\",\"name\":\"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 | uta Mini Note\",\"isPartOf\":{\"@id\":\"https:\/\/utamininote.folder.jp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424#primaryimage\"},\"image\":{\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424#primaryimage\"},\"thumbnailUrl\":\"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png\",\"datePublished\":\"2020-03-12T03:45:37+00:00\",\"dateModified\":\"2020-06-24T06:30:23+00:00\",\"description\":\"HTML\u3001CSS\u3001JavaScript\u7b49\u3001\u3088\u304f\u4f7f\u3046\u3082\u306e\u3084\u6642\u3005\u4f7f\u3046\u3082\u306e\u3092\u30e1\u30e2\u4ee3\u308f\u308a\u306b\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002\u666e\u6bb5\u4f7f\u308f\u306a\u3044\u3082\u306e\u306e\u5b9f\u9a13\u7684\u306a\u3053\u3068\u3082\u3057\u3066\u3044\u307e\u3059\u3002\",\"breadcrumb\":{\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/utamininote.folder.jp\/?p=4424\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424#primaryimage\",\"url\":\"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png\",\"contentUrl\":\"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png\",\"width\":1024,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/utamininote.folder.jp\/?p=4424#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30c8\u30c3\u30d7\",\"item\":\"https:\/\/utamininote.folder.jp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JAVASCRIPT\",\"item\":\"https:\/\/utamininote.folder.jp\/?cat=27\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/utamininote.folder.jp\/#website\",\"url\":\"https:\/\/utamininote.folder.jp\/\",\"name\":\"uta Mini Note\",\"description\":\"web\u30c7\u30b6\u30a4\u30f3\u95a2\u9023\u306e\u5099\u5fd8\u9332\",\"publisher\":{\"@id\":\"https:\/\/utamininote.folder.jp\/#\/schema\/person\/7a76a0ed9bb90bceb94fa53dc50eb9e1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/utamininote.folder.jp\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/utamininote.folder.jp\/#\/schema\/person\/7a76a0ed9bb90bceb94fa53dc50eb9e1\",\"name\":\"utamaru\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/utamininote.folder.jp\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/14f8fd7c7a0cf734367030c0997605e95a08bc09b680d9d20c10331356d5f419?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/14f8fd7c7a0cf734367030c0997605e95a08bc09b680d9d20c10331356d5f419?s=96&d=mm&r=g\",\"caption\":\"utamaru\"},\"logo\":{\"@id\":\"https:\/\/utamininote.folder.jp\/#\/schema\/person\/image\/\"},\"url\":\"https:\/\/utamininote.folder.jp\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 | uta Mini Note","description":"HTML\u3001CSS\u3001JavaScript\u7b49\u3001\u3088\u304f\u4f7f\u3046\u3082\u306e\u3084\u6642\u3005\u4f7f\u3046\u3082\u306e\u3092\u30e1\u30e2\u4ee3\u308f\u308a\u306b\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002\u666e\u6bb5\u4f7f\u308f\u306a\u3044\u3082\u306e\u306e\u5b9f\u9a13\u7684\u306a\u3053\u3068\u3082\u3057\u3066\u3044\u307e\u3059\u3002","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"ja_JP","og_type":"article","og_title":"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 | uta Mini Note","og_description":"HTML\u3001CSS\u3001JavaScript\u7b49\u3001\u3088\u304f\u4f7f\u3046\u3082\u306e\u3084\u6642\u3005\u4f7f\u3046\u3082\u306e\u3092\u30e1\u30e2\u4ee3\u308f\u308a\u306b\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002\u666e\u6bb5\u4f7f\u308f\u306a\u3044\u3082\u306e\u306e\u5b9f\u9a13\u7684\u306a\u3053\u3068\u3082\u3057\u3066\u3044\u307e\u3059\u3002","og_url":"https:\/\/utamininote.folder.jp\/?p=4424","og_site_name":"uta Mini Note","article_published_time":"2020-03-12T03:45:37+00:00","article_modified_time":"2020-06-24T06:30:23+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png","type":"image\/png"}],"author":"utamaru","twitter_card":"summary_large_image","twitter_misc":{"\u57f7\u7b46\u8005":"utamaru","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"1\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/utamininote.folder.jp\/?p=4424#article","isPartOf":{"@id":"https:\/\/utamininote.folder.jp\/?p=4424"},"author":{"name":"utamaru","@id":"https:\/\/utamininote.folder.jp\/#\/schema\/person\/7a76a0ed9bb90bceb94fa53dc50eb9e1"},"headline":"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3","datePublished":"2020-03-12T03:45:37+00:00","dateModified":"2020-06-24T06:30:23+00:00","mainEntityOfPage":{"@id":"https:\/\/utamininote.folder.jp\/?p=4424"},"wordCount":38,"publisher":{"@id":"https:\/\/utamininote.folder.jp\/#\/schema\/person\/7a76a0ed9bb90bceb94fa53dc50eb9e1"},"image":{"@id":"https:\/\/utamininote.folder.jp\/?p=4424#primaryimage"},"thumbnailUrl":"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png","articleSection":["JAVASCRIPT"],"inLanguage":"ja"},{"@type":"WebPage","@id":"https:\/\/utamininote.folder.jp\/?p=4424","url":"https:\/\/utamininote.folder.jp\/?p=4424","name":"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 | uta Mini Note","isPartOf":{"@id":"https:\/\/utamininote.folder.jp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/utamininote.folder.jp\/?p=4424#primaryimage"},"image":{"@id":"https:\/\/utamininote.folder.jp\/?p=4424#primaryimage"},"thumbnailUrl":"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png","datePublished":"2020-03-12T03:45:37+00:00","dateModified":"2020-06-24T06:30:23+00:00","description":"HTML\u3001CSS\u3001JavaScript\u7b49\u3001\u3088\u304f\u4f7f\u3046\u3082\u306e\u3084\u6642\u3005\u4f7f\u3046\u3082\u306e\u3092\u30e1\u30e2\u4ee3\u308f\u308a\u306b\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002\u666e\u6bb5\u4f7f\u308f\u306a\u3044\u3082\u306e\u306e\u5b9f\u9a13\u7684\u306a\u3053\u3068\u3082\u3057\u3066\u3044\u307e\u3059\u3002","breadcrumb":{"@id":"https:\/\/utamininote.folder.jp\/?p=4424#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/utamininote.folder.jp\/?p=4424"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/utamininote.folder.jp\/?p=4424#primaryimage","url":"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png","contentUrl":"https:\/\/utamininote.folder.jp\/wp\/wp-content\/uploads\/wp_eye_catchi-1.png","width":1024,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/utamininote.folder.jp\/?p=4424#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30c8\u30c3\u30d7","item":"https:\/\/utamininote.folder.jp\/"},{"@type":"ListItem","position":2,"name":"JAVASCRIPT","item":"https:\/\/utamininote.folder.jp\/?cat=27"},{"@type":"ListItem","position":3,"name":"\u30ab\u30fc\u30c6\u30f3\u3092\u958b\u304f\u3088\u3046\u306a\u30c6\u30ad\u30b9\u30c8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3"}]},{"@type":"WebSite","@id":"https:\/\/utamininote.folder.jp\/#website","url":"https:\/\/utamininote.folder.jp\/","name":"uta Mini Note","description":"web\u30c7\u30b6\u30a4\u30f3\u95a2\u9023\u306e\u5099\u5fd8\u9332","publisher":{"@id":"https:\/\/utamininote.folder.jp\/#\/schema\/person\/7a76a0ed9bb90bceb94fa53dc50eb9e1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/utamininote.folder.jp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":["Person","Organization"],"@id":"https:\/\/utamininote.folder.jp\/#\/schema\/person\/7a76a0ed9bb90bceb94fa53dc50eb9e1","name":"utamaru","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/utamininote.folder.jp\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/14f8fd7c7a0cf734367030c0997605e95a08bc09b680d9d20c10331356d5f419?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/14f8fd7c7a0cf734367030c0997605e95a08bc09b680d9d20c10331356d5f419?s=96&d=mm&r=g","caption":"utamaru"},"logo":{"@id":"https:\/\/utamininote.folder.jp\/#\/schema\/person\/image\/"},"url":"https:\/\/utamininote.folder.jp\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=\/wp\/v2\/posts\/4424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4424"}],"version-history":[{"count":20,"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=\/wp\/v2\/posts\/4424\/revisions"}],"predecessor-version":[{"id":5247,"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=\/wp\/v2\/posts\/4424\/revisions\/5247"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=\/wp\/v2\/media\/5245"}],"wp:attachment":[{"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/utamininote.folder.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}