{"id":261,"date":"2022-06-20T08:55:00","date_gmt":"2022-06-19T23:55:00","guid":{"rendered":"https:\/\/www.b64.pw\/blog\/?p=261"},"modified":"2022-06-20T08:55:01","modified_gmt":"2022-06-19T23:55:01","slug":"%e6%96%87%e5%ad%97%e3%82%92%e4%ba%8c%e9%87%8d%e7%b8%81%e5%8f%96%e3%82%8a%e3%81%a7%e5%8f%b3%e3%81%8b%e3%82%89%e5%b7%a6%e3%81%ab%e6%b5%81%e3%81%99","status":"publish","type":"post","link":"https:\/\/www.b64.pw\/blog\/?p=261","title":{"rendered":"\u6587\u5b57\u3092\u4e8c\u91cd\u7e01\u53d6\u308a\u3067\u53f3\u304b\u3089\u5de6\u306b\u6d41\u3059"},"content":{"rendered":"\n<p>\u30cb\u30e5\u30fc\u30b9\u3068\u304b\u306e\u4e0b\u306b\u305a\u3063\u3068\u53f3\u304b\u3089\u5de6\u306b\u6587\u5b57\u304c\u6d41\u308c\u308bwidget\u306e\u3088\u3046\u306a\u3082\u306e\u3092\u3064\u304f\u3063\u305f\u3002(marquee, ticker\u3068\u304b\u547c\u3070\u308c\u308b)<br>OBS\u306b\u8aad\u307f\u8fbc\u307e\u305b\u3066\u914d\u4fe1\u3068\u304b\u306e\u7d20\u6750\u306b\u4f7f\u3048\u308b\u304b\u306a\u3068\u3002<\/p>\n\n\n\n<p class=\"codepen\" data-height=\"300\" data-default-tab=\"html,result\" data-slug-hash=\"NWymJWL\" data-user=\"pg-ito\" style=\"height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/pg-ito\/pen\/NWymJWL\">\n  Untitled<\/a> by pg-ito (<a href=\"https:\/\/codepen.io\/pg-ito\">@pg-ito<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n<script async src=\"https:\/\/cpwebassets.codepen.io\/assets\/embed\/ei.js\"><\/script>\n\n\n\n<p><strong>HTML<\/strong><\/p>\n\n\n\n<p>JS\u3067\u3053\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3055\u308c\u308b\u3002\u3053\u308c\u3092CSS\u3067\u6587\u5b57\u3092\u4e8c\u91cd\u306b\u63cf\u753b\u3059\u308b\u3068\u304d\u306b\u4f7f\u3046\u3002<br>\u307e\u305f\u3001li\u8981\u7d20\u30922\u3064\u3060\u3076\u3089\u305b\u3066\u304a\u304f\u306e\u306f\u30eb\u30fc\u30d7\u518d\u751f\u3057\u305f\u3068\u304d\u306b\u5207\u308c\u76ee\u306a\u304f\u8868\u793a\u3055\u308c\u7d9a\u3051\u308b\u305f\u3081\u306e\u4ed5\u639b\u3051\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;li class=&quot;news_item&quot; data-text=&quot;\u4f50\u6ce2\u91ce\u3044\u308a\u3053\u30c1\u30e3\u30f3\u30cd\u30eb Twitter: @SabanoIriko&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>CSS<\/strong><\/p>\n\n\n\n<p>\u7d99\u304e\u76ee\u306a\u304f\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u305f\u3081\u306b0%\u304b\u3089-50%\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>@keyframes hscroll {\n\t0% { transform:translateX(0%); }\n\t100% { transform:translateX(-50%); }\n}<\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>JS<\/strong><\/p>\n\n\n\n<p>js\u3067data-text\u306e\u5024\u3092li\u8981\u7d20\u306e\u6587\u8a00\u3068\u540c\u3058\u306b\u3057\u3066\u304a\u304f\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>newsEls.forEach(function(newsEl){\n  const attr = document.createAttribute(&#39;data-text&#39;);\n  attr.value = newsEl.innerHTML;\n  newsEl.setAttributeNode(attr);  \n})<\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u30cb\u30e5\u30fc\u30b9\u3068\u304b\u306e\u4e0b\u306b\u305a\u3063\u3068\u53f3\u304b\u3089\u5de6\u306b\u6587\u5b57\u304c\u6d41\u308c\u308bwidget\u306e &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,3],"tags":[],"_links":{"self":[{"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/posts\/261"}],"collection":[{"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=261"}],"version-history":[{"count":14,"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/posts\/261\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/posts\/261\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.b64.pw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}