{"id":539,"date":"2019-10-07T15:38:03","date_gmt":"2019-10-07T06:38:03","guid":{"rendered":"https:\/\/www.goodambition.biz\/?p=539"},"modified":"2019-12-10T18:18:15","modified_gmt":"2019-12-10T09:18:15","slug":"struggle-for-programming-5","status":"publish","type":"post","link":"https:\/\/www.goodambition.biz\/goodambition\/struggle-for-programming-5\/","title":{"rendered":"\u96e3\u3057\u3044\u3068\u8a55\u5224\uff01\u521d\u5fc3\u8005\u304cN\u4e88\u5099\u6821\u3067\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3092\u5b66\u3093\u3060\u611f\u60f3\u3068\u5099\u5fd8\u9332\uff01<br>No.5\uff1aCSS"},"content":{"rendered":"<h1>N\u4e88\u5099\u6821 \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30b3\u30fc\u30b9 \u7b2c5\u56de<\/h1>\n<p>\u3042\u306a\u305f\u306f2019\u5e74\u306e\u76ee\u6a19\u3063\u3066\u7acb\u3066\u307e\u3057\u305f\u304b\uff1f<br \/>\n\u3069\u3093\u306a\u76ee\u6a19\u3092\u7acb\u3066\u305f\u304b\u899a\u3048\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n<p>\u79c1\u306f2018\u5e74\u672b\u306b2019\u5e74\u306e\u76ee\u6a19\u3092\u7acb\u3066\u307e\u3057\u305f\u3002<br \/>\n\u305d\u306e\u4e00\u3064\u306b\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3092\u5b66\u3073\u4ed5\u4e8b\u3068\u3057\u3066\u4f7f\u3048\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3092\u3042\u3052\u307e\u3057\u305f\u3002<br \/>\n\u305d\u3057\u3066\u3001\u601d\u3044\u7acb\u3063\u305f\u304c\u5409\u65e5\u3068\u300cN\u4e88\u5099\u6821\u306e\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30b3\u30fc\u30b9\u300d\u3092\u7533\u3057\u8fbc\u307f\u307e\u3057\u305f\u3002<\/p>\n<p>\u305d\u3057\u3066\u53d7\u8b1b\u3068\u540c\u6642\u306b\u81ea\u8eab\u306e\u632f\u66ff\u3068\u3001\u3053\u308c\u304b\u3089\u59cb\u3081\u3088\u3046\u3068\u8003\u3048\u3066\u3044\u308b\u4eba\u306e\u53c2\u8003\u306b\u306a\u308c\u3070\u3068\u30d6\u30ed\u30b0\u3092\u66f8\u304d\u59cb\u3081\u307e\u3057\u305f\u3002<br \/>\n\u4eca\u56de\u30d6\u30ed\u30b0\u306e\u79fb\u8a2d\u306b\u3068\u3082\u306a\u3044\u3001\u518d\u5ea6\u305d\u306e\u30d6\u30ed\u30b0\u3092\u8aad\u307f\u8fd4\u3057\u306a\u304c\u3089\u3001\u4eca\u601d\u3046\u3053\u3068\u3092\u52a0\u3048\u3066\u8a18\u8f09\u3057\u3066\u3044\u304d\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p>\u307e\u305f\u79c1\u304c\u53d7\u8b1b\u3057\u305f\u306e\u306f\u30102018\u5e74\u5ea6\u3011\u3067\u3001\u73fe\u5728\u516c\u958b\u3055\u308c\u3066\u3044\u308b\u30102019\u5e74\u5ea6\u3011\u3068\u306e\u9055\u3044\u306b\u3064\u3044\u3066\u3082\u66f8\u3044\u3066\u3044\u304d\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<br \/>\n\u3053\u306e\u30d6\u30ed\u30b0\u306f\u3001\u521d\u5fc3\u8005\u304c\u5b66\u3073\u306a\u304c\u3089\u66f8\u3044\u3066\u3044\u308b\u305f\u3081\u3001\u9593\u9055\u3063\u3066\u3044\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\n\u5206\u304b\u308a\u6b21\u7b2c\u4fee\u6b63\u3057\u3066\u3044\u304f\u3064\u3082\u308a\u3067\u3059\u3002<\/p>\n<p>\u305d\u306e\u3042\u305f\u308a\u3082\u542b\u3081\u697d\u3057\u3093\u3067\u3044\u305f\u3060\u3051\u308c\u3070\u3068\u601d\u3044\u307e\u3059\u3002\u00a0<\/p>\n<p>\u6700\u5f8c\u306b\u9032\u3081\u3066\u3044\u3066\u308f\u304b\u3089\u306a\u304b\u3063\u305f\u3068\u3053\u308d\u3084\u6c17\u306b\u306a\u3063\u305f\u3068\u3053\u308d\u3092\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n<h1>\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u5165\u9580 web\u30a2\u30d7\u30ea\u30b3\u30fc\u30b9\u3000\u7b2c5\u56de<\/h1>\n<p>\u524d\u56de\u307e\u3067\u306b\u3001HTML, JavaScript\u306b\u3064\u3044\u3066\u5b66\u3093\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n<p>\u4eca\u56de\u306f\u3001CSS\uff08Cascading Style Sheets)\u306b\u3064\u3044\u3066\u5b66\u3073\u307e\u3059\u3002<\/p>\n<p>\u3053\u306e\u7ae0\u304b\u3089\u3001HTML\u30d5\u30a1\u30a4\u30eb\u3001JS\uff08JacaScript\uff09\u30d5\u30a1\u30a4\u30eb\u3001CSS\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<p>\u305d\u308c\u305e\u308c\u306e\u9055\u3044\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30a4\u30e1\u30fc\u30b8\u3067\u3059\u3002<\/p>\n<ul>\n<li>HTML\uff1a \u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306e\u5185\u5bb9<\/li>\n<li>JavaScript\uff1a \u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u51e6\u7406<\/li>\n<li>CSS\uff1a\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306e\u898b\u305f\u76ee<\/li>\n<\/ul>\n<p>\u3059\u3079\u3066\u3092\u4e00\u3064\u306e\u30d5\u30a1\u30a4\u30eb\u3067\u4f5c\u6210\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u304c\u3001\u5909\u66f4\u3059\u308b\u969b\u306b\u4fbf\u5229\u306a\u3088\u3046\u306b\u305d\u308c\u305e\u308c\u3092\u5225\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<ul>\n<li>\u4eca\u56de\u306e\u5185\u5bb9\u307e\u3068\u3081\uff08\u7b2c1\u7ae0 12~13\uff09<br \/>\n\u30fbCSS\u306b\u3064\u3044\u3066<br \/>\n\u30fbCSS\u306b\u3088\u308b\u6587\u5b57\u306e\u5909\u66f4<\/li>\n<\/ul>\n<p><\/p>\n<ul>\n<li>\u4eca\u56de\u306e\u76ee\u6a19<br \/>\n\u30fb\u898b\u51fa\u3057\u306e\u8272\u306e\u5909\u66f4<br \/>\n\u30fb\u898b\u51fa\u3057\u306e\u89d2\u5ea6\u5909\u66f4<\/li>\n<\/ul>\n<p><\/p>\n<ul>\n<li>\u4eca\u56de\u65b0\u3057\u304f\u6271\u3063\u3066\u3044\u308b\u30bf\u30b0\u7b49<br \/>\n\u30fbstyle\u30bf\u30b0<br \/>\n\u30fblink rel=&#8221;stylesheet&#8221; href=&#8221;\u3007\u3007.css&#8221;><br \/>\n\u30fbbody\u30bf\u30b0<br \/>\n\u30fbbackground-color<br \/>\n\u30fbborder<br \/>\n\u30fbclass<br \/>\n\u30fbrotateX, rotateY, rotateZ<\/li>\n<\/ul>\n<h2>CSS\u306b\u3064\u3044\u3066<\/h2>\n<p>CSS\u306f\u3001Cascading Style Sheets\u306e\u7565\u79f0\u3067\u3059\u3002<br \/>\ncascade\u3068\u306f\u3001\u300c\uff5e\u3092\u6b21\u3078\u3068\u3064\u306a\u3052\u308b\u3001\u8ee2\u9001\u3059\u308b\u300d\u3068\u3044\u3046\u610f\u5473\u3067\u3001Style Sheets\u3092\u6b21\u3078\u3068\u3064\u306a\u3052\u308b\u3068\u3044\u3046\u610f\u5473\u3067\u3059\u3002<br \/>\n\u3064\u307e\u308a\u3001HTML\u306e\u30b9\u30bf\u30a4\u30eb\uff08\u80cc\u666f\u3084\u6587\u5b57\u306e\u5927\u304d\u3055\u306a\u3069\uff09\u3092\u304d\u3081\u308b\u8a00\u8a9e\u3067\u3059\u3002<\/p>\n<h3>style\u30bf\u30b0<\/h3>\n<p>&lt; style >\u25cb\u25cb\u25cb&lt; \/style ><\/p>\n<p>HTML\u30d5\u30a1\u30a4\u30eb\u5185\u3067\u3001CSS\u3092\u4f7f\u7528\u3059\u308b\u969b\u306b\u7528\u3044\u308b\u30bf\u30b0\u3067\u3059\u3002<br \/>\nJavaScript\u3092\u3001HTML\u30d5\u30a1\u30a4\u30eb\u5185\u3067\u4f7f\u7528\u3059\u308b\u306e\u306b\u4f7f\u7528\u3057\u305f\u306e\u3068\u540c\u3058\u3088\u3046\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<br \/>\n&lt; style >\u3068&lt; \/style >\u306e\u9593\uff08\u4eca\u56de\u306f\u25cb\u25cb\u25cb\uff09\u3092CSS\u3068\u3057\u3066\u8aad\u3080\u3088\u3046\u306b\u6307\u793a\u3057\u307e\u3059\u3002<\/p>\n<p>JavaScript\u3067\u306f\u3001\u5225\u3067\u4f5c\u6210\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u3092HTML\u30d5\u30a1\u30a4\u30eb\u3067\u547c\u3073\u51fa\u3059\u969b\u306b\u3001&lt; script src=&#8221;a.js&#8221;>&lt; \/script>\u3092\u4f7f\u7528\u3057\u307e\u3057\u305f\u3002<br \/>\nCSS\u3067\u306f\u3001HTML\u30d5\u30a1\u30a4\u30eb\u5185\u3067CSS\u30d5\u30a1\u30a4\u30eb\u3092\u547c\u3073\u51fa\u3059\u306e\u306b&lt; link rel=&#8221;stylesheet&#8221; href=&#8221;\u3007\u3007.css&#8221;>\u3092\u4f7f\u3044\u307e\u3059\u3002<br \/>\n\u3053\u306e\u66f8\u304d\u65b9\u3067\u306f\u3001\u4e0a\u8a18\u3067\u306f\u3001\u25cb\u25cb.css\u30d5\u30a1\u30a4\u30eb\u3092\u547c\u3073\u51fa\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<h3>body\u30bf\u30b0<\/h3>\n<p>html\u3067\u3001&lt; body>\u25cb\u25cb\u25cb&lt; \/body>\u306e\u90e8\u5206\u306b\u3001\u6587\u66f8\u306e\u672c\u4f53\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002<br \/>\n\u25cb\u25cb\u25cb\u306e\u90e8\u5206\u306b\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u5185\u5bb9\u306b\u3064\u3044\u3066\u8a18\u8f09\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<h3>background-color<\/h3>\n<p>\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b\u969b\u306b\u4f7f\u7528\u3059\u308b\u306e\u304c\u3001background-color\u3067\u3059\u3002<br \/>\n\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a18\u8f09\u3059\u308b\u3053\u3068\u3067\u80cc\u666f\u8272\u3092\u9752\u8272\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>body{<br \/>\n  background-color:lightblue<br \/>\n}<br \/>\n\u4e0a\u8a18\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u80cc\u666f\u8272\u304c\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/p>\n<img loading=\"lazy\" src=\"https:\/\/www.goodambition.biz\/goodambition\/wp-content\/uploads\/2019\/10\/51-e1570429903756.png\" alt=\"\u80cc\u666f\u8272\" width=\"312\" height=\"158\" class=\"aligncenter size-full wp-image-552\" \/>\n<p>\u307e\u305f\u5168\u4f53\u306e\u80cc\u666f\u8272\u3067\u306f\u306a\u304f\u3001\u8868\u4e2d\u306e\u80cc\u666f\u306e\u307f\u5909\u66f4\u3057\u305f\u3044\u5834\u5408\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a18\u8f09\u3057\u307e\u3059\u3002<\/p>\n<p>table ,td ,th{<br \/>\nbackground-color: lightblue<br \/>\n}<\/p>\n<p>table\uff1a\u8868\u3001th\uff1atable\u5185\u306e\u898b\u51fa\u3057\u3001td\uff1atable\u5185\u306e\u30c7\u30fc\u30bf\u3092lightblue\u306b\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n<p>\u4e0a\u8a18\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u3088\u3063\u3066<\/p>\n<img loading=\"lazy\" src=\"https:\/\/www.goodambition.biz\/goodambition\/wp-content\/uploads\/2019\/10\/41.png\" alt=\"\u80cc\u666f\u8272\u5909\u66f4\u524d\" width=\"126\" height=\"63\" class=\"aligncenter size-full wp-image-542\" \/>\n<p>\u304c<\/p>\n<img loading=\"lazy\" src=\"https:\/\/www.goodambition.biz\/goodambition\/wp-content\/uploads\/2019\/10\/42.png\" alt=\"\u80cc\u666f\u8272\u5909\u66f4\u5f8c\" width=\"118\" height=\"71\" class=\"aligncenter size-full wp-image-543\" \/>\n<p>\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<h3>border<\/h3>\n<p>\u8868\u306a\u3069\u306e\u5883\u754c\u7dda\u3092\u5909\u66f4\u3057\u305f\u3044\u5834\u5408\u306b\u3001border\u3092\u4f7f\u3044\u307e\u3059\u3002<br \/>\n\u5883\u754c\u7dda\u306f\u3001solid\uff1a\u5b9f\u7dda\u3001double\uff1a\u4e8c\u91cd\u7dda\u3001dashed\uff1a\u7834\u7dda\u3001dotted\uff1a\u70b9\u7dda\u306e\u3088\u3046\u306b\u8a18\u8f09\u3057\u307e\u3059\u3002<br \/>\n\u592a\u3055\u306f\u30d4\u30af\u30bb\u30eb\u3067\u6307\u5b9a\u3057\u3001\u3007px\u306e\u3088\u3046\u306b\u8a18\u8f09\u3057\u307e\u3059\u3002<\/p>\n<p>table ,td ,th{<br \/>\nborder: solid 1px gray;<br \/>\nbackground-color: lightblue<br \/>\n}<br \/>\n\u4e0a\u8a18\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u3088\u3063\u3066<\/p>\n<img loading=\"lazy\" src=\"https:\/\/www.goodambition.biz\/goodambition\/wp-content\/uploads\/2019\/10\/42.png\" alt=\"\u80cc\u666f\u8272\u5909\u66f4\u5f8c\" width=\"118\" height=\"71\" class=\"aligncenter size-full wp-image-543\" \/>\n<p>\u304c<\/p>\n<img loading=\"lazy\" src=\"https:\/\/www.goodambition.biz\/goodambition\/wp-content\/uploads\/2019\/10\/43.png\" alt=\"\u5883\u754c\u7dda\u5909\u66f4\" width=\"126\" height=\"74\" class=\"aligncenter size-full wp-image-544\" \/>\n<p>\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<h2>CSS\u3092\u4f7f\u3063\u305f\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0<\/h2>\n<p>CSS\u3068JavaScript\u3092\u4f7f\u3046\u3053\u3068\u3067\u3001\u6587\u5b57\u3092\u56de\u8ee2\u3055\u305b\u305f\u308a\u3001\u56de\u8ee2\u3054\u3068\u306b\u6587\u5b57\u306e\u8272\u3092\u5909\u66f4\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<h2>class\u306b\u3064\u3044\u3066<\/h2>\n<p>CSS\u306b\u3088\u308a\u5909\u66f4\u3057\u305f\u3044\u90e8\u5206\u306ecalss\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u305d\u3053\u3060\u3051\u898b\u305f\u76ee\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<p>HTML\u30d5\u30a1\u30a4\u30eb\u5185\u3067\u3001\u4e0b\u8a18\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<br \/>\n\u00a0<br \/>\n&lt; h1 class = &#8220;\u25cb\u25cb&#8221;>N\u4e88\u5099\u6821&lt; \/h1><br \/>\n&lt; h1 id = &#8220;\u25b3\u25b3&#8221;>\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30b3\u30fc\u30b9&lt; \/h1><br \/>\n\u3053\u306e\u6642\u70b9\u3067\u3001\u30da\u30fc\u30b8\u4e0a\u3067\u306f\u4e0b\u8a18\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n<img loading=\"lazy\" src=\"https:\/\/www.goodambition.biz\/goodambition\/wp-content\/uploads\/2019\/10\/44.png\" alt=\"\u6587\u5b57\u5909\u66f4\u524d\" width=\"341\" height=\"110\" class=\"aligncenter size-full wp-image-545\" \/>\n<p>\u3055\u3089\u306b\u3001CSS\u30d5\u30a1\u30a4\u30eb\u3067\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p>.\u25cb\u25cb {color: red}<br \/>\n\u305d\u3046\u3059\u308b\u3068<\/p>\n<img loading=\"lazy\" src=\"https:\/\/www.goodambition.biz\/goodambition\/wp-content\/uploads\/2019\/10\/45.png\" alt=\"\u6587\u5b57\u8272\u5909\u66f4\u5f8c\" width=\"338\" height=\"111\" class=\"aligncenter size-full wp-image-546\" \/>\n<p>\u3053\u3046\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n<p>class\u3067\u25cb\u25cb\u3068\u6307\u5b9a\u3057\u305f\u898b\u51fa\u3057\u3060\u3051\u304c\u8d64\u8272\u306b\u5909\u5316\u3057\u307e\u3059\u3002<\/p>\n<p>\u00a0<\/p>\n<h2>rotateX, rotateY, rotateZ<\/h2>\n<p>\u6587\u5b57\u306f\u3001X\u8ef8\uff08\u753b\u9762\u4e0a\u306e\u6a2a\u8ef8\uff09\u3001Y\u8ef8\uff08\u753b\u9762\u4e0a\u306e\u7e26\u8ef8\uff09\u3001Z\u8ef8\uff08\u753b\u9762\u306e\u524d\u5f8c\uff09\u306b\u5bfe\u3057\u3066\u56de\u8ee2\u3055\u305b\u308b\u3053\u3068\u304c\u51fa\u6765\u307e\u3059\u3002<\/p>\n<p>CSS\u30d5\u30a1\u30a4\u30eb\u306b\u3001\u4e0b\u8a18\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p>var \u00d7\u00d7 = document.getElementById(&#8216;\u25b3\u25b3&#8217;);<br \/>\n\u00d7\u00d7.style.transform = &#8216;rotateZ(10deg)&#8217;<br \/>\n1\u884c\u76ee\u3067\u3001HTML\u30d5\u30a1\u30a4\u30eb\u5185\u3067\u3001id\u540d\u3092\u25b3\u25b3\u3068\u8a2d\u5b9a\u3057\u305f\u7269\u3092\u5909\u6570\u00d7\u00d7\u3068\u8a2d\u5b9a\u3057\u307e\u3059\u3002<br \/>\n2\u884c\u76ee\u3067\u3001\u00d7\u00d7\u3068\u8a2d\u5b9a\u3057\u305f\u5909\u6570\u3092Z\u8ef8\u306b\u5bfe\u3057\u306610\u5ea6\u56de\u8ee2\u3055\u305b\u307e\u3059\u3002<\/p>\n<p>\u4e0a\u8a18\u306e\u7d50\u679c\u304c\u3001<\/p>\n<img loading=\"lazy\" src=\"https:\/\/www.goodambition.biz\/goodambition\/wp-content\/uploads\/2019\/10\/46.png\" alt=\"\u6587\u5b57\u89d2\u5ea6\u5909\u66f4\u5f8c\" width=\"332\" height=\"139\" class=\"aligncenter size-full wp-image-547\" \/>\n<p>\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002id\u3092\u25b3\u25b3\u3068\u8a2d\u5b9a\u3057\u305f\u898b\u51fa\u3057\u306e\u307f\u304c10\u5ea6\u56de\u8ee2\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>\u3053\u308c\u3092\u3001\u4ee5\u524d\u306b\u7fd2\u3063\u305fsetInterval\u7b49\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u753b\u9762\u4e0a\u3067\u56de\u8ee2\u3055\u305b\u305f\u308a\u3001\u56de\u8ee2\u306b\u3088\u3063\u3066\u8272\u304c\u5909\u5316\u3059\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u56de\u8ee2\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>var deg = 0;<br \/>\nfunction rotate() {<br \/>\n  deg = deg + 6;<br \/>\n  \u00d7\u00d7.style.transform = &#8216;rotateX(&#8216; + deg +  &#8216;deg)&#8217;;<br \/>\n}<br \/>\nsetInterval(rotate, 20);<\/p>\n<p>1\u884c\u76ee\u3067\u3001deg\u3068\u3044\u3046\u5909\u6570\u306b0\u3092\u4ee3\u5165\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n2-5\u884c\u76ee\u3067\u3001rotate\u3068\u3044\u3046\u95a2\u6570\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n\u95a2\u6570\u306e\u4e2d\u8eab\u306f\u30013\u884c\u76ee\u3067\u95a2\u6570deg\u306b+6\u3057\u305f\u3082\u306e\u3092\u65b0\u3057\u3044deg\u306b\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n\u305d\u3057\u30664\u884c\u76ee\u3067\u3001\u65b0\u3057\u304f\u8a2d\u5b9a\u3057\u3066deg\u306e\u5206\u3060\u3051\u56de\u8ee2\u3055\u305b\u3066\u3044\u307e\u3059\u3002<br \/>\n6\u884c\u76ee\u3001rotate\u95a2\u6570\u309220\u30df\u30ea\u79d2\u3054\u3068\u306b\u7e70\u308a\u8fd4\u3057\u3066\u5b9f\u884c\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<hr>\n<p>\u4eca\u56de\u306fHTML\u3001JavaScript\u306b\u7d9a\u3044\u3066\u3001\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306e\u898b\u305f\u76ee\u3092\u5909\u66f4\u3059\u308b\u306e\u306b\u4f7f\u3046CSS\u306b\u3064\u3044\u3066\u5b66\u3073\u307e\u3057\u305f\u3002<\/p>\n<p>CSS\u3092\u7528\u3044\u308b\u3053\u3068\u3067\u30da\u30fc\u30b8\u4e0a\u3067\u6307\u5b9a\u3057\u305f\u6587\u5b57\u3060\u3051\u3092\u5909\u66f4\u3057\u305f\u308a\u3001\u56de\u8ee2\u3055\u305b\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u6b21\u56de\u304b\u3089\u306f\u3001\u4eca\u307e\u3067\u5b66\u3093\u3067\u304d\u305fHTML, JavaScript, CSS\u3092\u4f7f\u7528\u3057\u3066\u30a6\u30a7\u30d6\u4e0a\u3067\u306e\u540d\u524d\u8a3a\u65ad\u6a5f\u80fd\u306b\u3064\u3044\u3066\u4f5c\u6210\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>N\u4e88\u5099\u6821 \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30b3\u30fc\u30b9 \u7b2c5\u56de \u3042\u306a\u305f\u306f2019\u5e74\u306e\u76ee\u6a19\u3063\u3066\u7acb\u3066\u307e\u3057\u305f\u304b\uff1f \u3069\u3093\u306a\u76ee\u6a19\u3092\u7acb\u3066\u305f\u304b\u899a\u3048\u3066\u3044\u307e\u3059\u304b\uff1f \u79c1\u306f2018\u5e74\u672b\u306b2019\u5e74\u306e\u76ee\u6a19\u3092\u7acb\u3066\u307e\u3057\u305f\u3002 \u305d\u306e\u4e00\u3064\u306b\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3092\u5b66\u3073\u4ed5\u4e8b\u3068\u3057\u3066\u4f7f\u3048\u308b\u3088<\/p>\n","protected":false},"author":1,"featured_media":732,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/posts\/539"}],"collection":[{"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/comments?post=539"}],"version-history":[{"count":6,"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/posts\/539\/revisions"}],"predecessor-version":[{"id":778,"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/posts\/539\/revisions\/778"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/media\/732"}],"wp:attachment":[{"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/media?parent=539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/categories?post=539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.goodambition.biz\/goodambition\/wp-json\/wp\/v2\/tags?post=539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}