{"id":661,"date":"2017-10-25T15:17:44","date_gmt":"2017-10-25T06:17:44","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=661"},"modified":"2017-10-25T15:23:14","modified_gmt":"2017-10-25T06:23:14","slug":"%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e4%b8%8d%e8%a6%81%ef%bc%81%e9%a3%9b%e3%81%b3%e5%9b%9e%e3%82%8b%e8%9a%8a%e3%81%ae%e3%82%88%e3%81%86%e3%81%aa%e5%8b%95%e3%81%8d%e3%82%92%e4%bd%9c%e3%82%8a","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2017\/10\/%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e4%b8%8d%e8%a6%81%ef%bc%81%e9%a3%9b%e3%81%b3%e5%9b%9e%e3%82%8b%e8%9a%8a%e3%81%ae%e3%82%88%e3%81%86%e3%81%aa%e5%8b%95%e3%81%8d%e3%82%92%e4%bd%9c%e3%82%8a\/","title":{"rendered":"\u30d7\u30e9\u30b0\u30a4\u30f3\u4e0d\u8981\uff01\u98db\u3073\u56de\u308b\u868a\u306e\u3088\u3046\u306a\u52d5\u304d\u3092\u4f5c\u308a\u307e\u3057\u305f\u3002"},"content":{"rendered":"<p><!-- \u672c\u6587 --><br \/>\n\u30e9\u30f3\u30c0\u30e0\u306b\u8981\u7d20\u3092\u52d5\u304b\u3057\u3066\u3001\u98db\u3073\u56de\u308b\u868a\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p><!--more--><\/p>\n<p>\u2193\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n<p>\u25bcJavaScript<\/p>\n<pre class=\"lang:js decode:true \" title=\"JavaScript\" >\r\nwindow.onload=function(){\r\n    function mosquito(id) {\r\n  var randomElm = document.getElementById(id);\r\n\r\n  var randomTop = 50;\r\n  var randomLeft = 50;\r\n\r\n  randomElm.style.top = randomTop + \"%\";\r\n  randomElm.style.left = randomLeft + \"%\";\r\n\r\n  var timer= setInterval(function() {\r\n\r\n    if(Math.random() * 2 < 1) {\r\n      randomTop++;\r\n    } else {\r\n      randomTop--;\r\n    };\r\n\r\n    if(randomTop === 0) {\r\n      randomTop = 2;\r\n    }\r\n    if(randomTop === 100) {\r\n      randomTop = 98;\r\n    }\r\n\r\n    if(Math.random() * 2 < 1) {\r\n      randomLeft++;\r\n    } else {\r\n      randomLeft--;\r\n    };\r\n\r\n    if(randomLeft === 0) {\r\n      randomLeft = 2;\r\n    }\r\n    if(randomLeft === 100) {\r\n      randomLeft = 98;\r\n    }\r\n\r\n  randomElm.style.left = randomLeft + \"%\";\r\n  randomElm.style.top = randomTop + \"%\";\r\n  }, 100);\r\n};\r\n\r\nmosquito(\"mosquito\");\r\n};\r\n\r\n<\/pre>\n<pre class=\"lang:css decode:true \" title=\"CSS\" >\r\n\u25bcCSS\r\n<style type=\"text\/css\">\r\n.randomWrap {\r\n  background-color: #ccc;\r\n  position:relative;\r\n  height: 300px;\r\n  margin: 50px 0;\r\n}\r\n\r\n#mosquito {\r\n  position: absolute;\r\n  transition: .1s;\r\n  transform: translate(-50%, -50%);\r\n}\r\n<\/pre>\n<pre class=\"lang:xhtml decode:true \" title=\"HTML\" >\r\n\u25bcHTML\r\n<div class=\"randomWrap\">\r\n    <img decoding=\"async\" src=\"img\/mosquito.png\" id=\"mosquito\">\r\n<\/div>\r\n<\/pre>\n<p>\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001\u4ee5\u4e0b\u306e\u30b5\u30a4\u30c8\u306e\u300edonatu33\u300f\u3055\u3093\u3067\u3059\u3002\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<br \/>\n<a href=\"http:\/\/donatu33.sakura.ne.jp\/web\/programming\/jquery%E3%81%A7html%E3%81%AE%E8%A6%81%E7%B4%A0%E3%82%92%E3%83%A9%E3%83%B3%E3%83%80%E3%83%A0%E3%81%AB%E5%8B%95%E3%81%8B%E3%81%99\/\">donatu33<\/a><br \/>\n<a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/mosquito\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30e9\u30f3\u30c0\u30e0\u306b\u8981\u7d20\u3092\u52d5\u304b\u3057\u3066\u3001\u98db\u3073\u56de\u308b\u868a\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/661"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=661"}],"version-history":[{"count":5,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/661\/revisions"}],"predecessor-version":[{"id":666,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/661\/revisions\/666"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}