{"id":4055,"date":"2024-12-07T13:43:19","date_gmt":"2024-12-07T04:43:19","guid":{"rendered":"http:\/\/wwweb.jp\/?p=4055"},"modified":"2025-09-15T16:14:38","modified_gmt":"2025-09-15T07:14:38","slug":"%e3%82%af%e3%83%aa%e3%82%b9%e3%83%9e%e3%82%b9%e7%89%b9%e9%9b%86","status":"publish","type":"post","link":"https:\/\/wwweb.jp\/?p=4055","title":{"rendered":"\u96ea\u306e\u964d\u308b\u8857"},"content":{"rendered":"\n

\u30ec\u30d9\u30eb\u2605\u2605\u2606\u2606\u2606
java script(\u30b8\u30e3\u30d0\u30b9\u30af\u30ea\u30d7\u30c8)\u3092\u4f7f\u3063\u3066\u3001\u30a6\u30a7\u30d6\u30da\u30fc\u30b8\u306b\u96ea\u3092\u964d\u3089\u305b\u307e\u3059\u3002
<\/p>\n\n\n\n

jQuery-Snowfall<\/h2>\n\n\n\n

https:\/\/rayhyde.github.io\/fallingsnow<\/a><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u3010\u30b5\u30f3\u30d7\u30eb\u3011https:\/\/wwweb.jp\/sample\/snow\/<\/a><\/p>\n\n\n\n

HTML\u306e\u8a18\u8ff0<\/h3>\n\n\n\n

HTML\u3092\u7528\u610f\u3057\u3001\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u5165\u529b\u3057\u307e\u3059\u3002
\u52d5\u304d\u306e\u3042\u308b\u6f14\u51fa\u3092\u53d6\u308a\u5165\u308c\u308b\u5834\u5408\u3001\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u52d5\u304b\u3059\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u30fc\u3001\u53ca\u3073\u30d7\u30e9\u30b0\u30a4\u30f3\u306a\u3069\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002\u4eca\u56de\u306f\u3001jQuery-Snowfall\u3068\u3044\u3046\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u300cCDN\u300d(\u30b3\u30f3\u30c6\u30f3\u30c4\u30c7\u30ea\u30d0\u30ea\u30fc\u30cd\u30c3\u30c8\u30ef\u30fc\u30af)\u3092\u5229\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

\u3010CDN\u3068\u306f\u3011(AI\u306b\u3088\u308b\u89e3\u8aac)
CDN\u306f\u3001\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u306e\u30c7\u30fc\u30bf\u3092\u4e16\u754c\u4e2d\u306b\u5206\u3051\u3066\u7f6e\u3044\u3066\u304a\u304f\u3057\u304f\u307f<\/strong>\u3002\u305d\u308c\u306b\u3088\u3063\u3066\u3001\u8fd1\u3044\u5834\u6240\u304b\u3089\u30c7\u30fc\u30bf\u3092\u3082\u3089\u3048\u308b<\/strong>\u306e\u3067\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u52d5\u753b\u304c\u65e9\u304f\u8868\u793a\u3055\u308c\u308b\u3002\u307f\u3093\u306a\u304c\u5feb\u9069\u306b\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u3092\u4f7f\u3048\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u308c\u308b\u300c\u3072\u307f\u3064\u306e\u88cf\u65b9\u300d\u3067\u3059\u3002<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang="ja">\n<head>\n<meta charset="utf-8">\n<title>\u30bf\u30a4\u30c8\u30eb<\/title>\n<link rel="stylesheet" href="style.css">\n<script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js"><\/script>\n<script src="https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/JQuery-Snowfall\/1.7.4\/snowfall.jquery.min.js" integrity="sha512-2lnPnqNBAOffMBUQuPtK4BdPQ44edvBmuJK6fzj\/EuAtX\/VSW6xkuMrngwyuNkF36IQ+jkllOqLNlZu9PMXh0Q==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script><\/head>\n<script src="https:\/\/cdn.jsdelivr.net\/npm\/snow@1.3.1\/snow.min.js"><\/script>\n<body>\n    \n\n\n\n\n\n<!---- <\/body>\u306e\u76f4\u524d\u306b\u8a18\u8ff0\u3000---------------------->\n<script type="text\/javascript">\n      $(document).ready(function () {\n        $("body").snowfall({\n          flakeCount: 45, \/\/ number\n          flakeColor: "#ffffff", \/\/ string\n          flakeIndex: 999999, \/\/ number\n          minSize: 1, \/\/ number\n          maxSize: 9, \/\/ number\n          minSpeed: 2, \/\/ number\n          maxSpeed: 3, \/\/ number\n          round: true, \/\/ bool\n          shadow: false, \/\/ bool\n        });\n      });\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre><\/div>\n\n\n\n
CSS\u306e\u8a18\u8ff0<\/h2>\n\n\n\n
\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3092\u7528\u610f\u3057\u3001\u4ee5\u4e0b\u3092\u8a18\u8ff0\u3059\u308b\u3002<\/p>\n\n\n\n
 body {\n        background-color: #000;\n        height: 100vh;\n        color:#fff;\n      }\n\n<\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"\u30ec\u30d9\u30eb\u2605\u2605\u2606\u2606\u2606java script(\u30b8\u30e3\u30d0\u30b9\u30af\u30ea\u30d7\u30c8)\u3092\u4f7f\u3063\u3066\u3001\u30a6\u30a7\u30d6\u30da\u30fc\u30b8\u306b\u96ea\u3092\u964d\u3089\u305b\u307e\u3059\u3002 jQuery-Snowfall https:\/\/rayhyde.github.io\/fallingsnow \u3010\u30b5\u30f3\u30d7\u30eb\u3011 […]","protected":false},"author":1,"featured_media":4351,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[226],"tags":[246,250,251,252,253,255],"class_list":["post-4055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-intermediate","tag-246","tag-javascript","tag-251","tag-snow","tag-253","tag-255"],"jetpack_featured_media_url":"https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2024\/12\/img_744daad78cb33c92ef3e11ed9e86d38732866.avif","_links":{"self":[{"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/posts\/4055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4055"}],"version-history":[{"count":16,"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/posts\/4055\/revisions"}],"predecessor-version":[{"id":4360,"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/posts\/4055\/revisions\/4360"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/media\/4351"}],"wp:attachment":[{"href":"https:\/\/wwweb.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}