Gear Design Calculator<\/title>\n<\/head>\n<body>\n <h1>Gear Design Calculator<\/h1>\n <form id=\"gearForm\">\n <label for=\"pitch\">Pitch:<\/label>\n <input type=\"number\" id=\"pitch\" name=\"pitch\"><br><br>\n\n <label for=\"numberOfTeeth\">Number of Teeth:<\/label>\n <input type=\"number\" id=\"numberOfTeeth\" name=\"numberOfTeeth\"><br><br>\n\n <input type=\"button\" value=\"Calculate\" onclick=\"calculateGear()\">\n <\/form>\n\n <h2>Results:<\/h2>\n <div id=\"results\"><\/div>\n\n <script>\nfunction calculateGear() {\n var pitch = document.getElementById('pitch').value;\n var numberOfTeeth = document.getElementById('numberOfTeeth').value;\n\n var pitchDiameter = numberOfTeeth \/ pitch;\n var rootDiameter = pitchDiameter - (2.25 \/ pitch);\n var outsideDiameter = pitchDiameter + (2 \/ pitch); \/\/ \u3053\u3053\u306f\u6b6f\u8eca\u306e\u7a2e\u985e\u306b\u5fdc\u3058\u3066\u8abf\u6574\u304c\u5fc5\u8981\n var toothThickness = Math.PI \/ (2 * pitch);\n var circularThicknessAngle = (toothThickness \/ (pitchDiameter \/ 2)) * (180 \/ Math.PI);\n var circleARadius = pitchDiameter \/ 8;\n\n var resultsDiv = document.getElementById('results');\n resultsDiv.innerHTML = \"Root Circle Diameter: \" + rootDiameter.toFixed(2) +\n \"<br>Pitch Circle Diameter: \" + pitchDiameter.toFixed(2) +\n \"<br>Outside Circle Diameter: \" + outsideDiameter.toFixed(2) +\n \"<br>Circular Thickness Angle: \" + circularThicknessAngle.toFixed(2) + \" degrees\" +\n \"<br>Circle A Radius: \" + circleARadius.toFixed(2);\n}\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u30bf\u30a4\u30e0\u30b3\u30fc\u30c9<\/h2>\n\n\n\n<style>\n\t@font-face {\n\t font-family: \"D7MBI\";\n\t src: url(\".\/fonts\/DSEG7Modern-BoldItalic.woff\") format('woff');\n\t}\n\t.D7MBI {\n\tfont-family: \"D7MBI\";\n\t}\n\t\n\t.Clock-Time-Background{\n\t\tz-index:50;\n\t\tposition:absolute;\n\t\ttop:-16px;\n\t\tleft:6px;\n\t\tcolor:rgba(114, 255, 114, 0.255);\n\t\tfont-size:70px;\n\t}\n\n\t.FPS-Time-Background{\n\t\tz-index:50;\n\t\tposition:absolute;\n\t\ttop:73px;\n\t\tleft:6px;\n\t\tcolor:rgba(114, 255, 114, 0.255);\n\t\tfont-size:70px;\n\t}\n\n\t.Clock-Wrapper{\n\t\tposition:relative;\n\t\tborder:6px solid #000;\n\t\tborder-radius:9px;\n\t\theight:180px;\n\t\twidth:533px;\n\t\tbackground-color:#000000;\n\t\tbox-shadow: 4px 4px 1px 0px rgba(0,0,0,0.4) inset; \n\t}\n\t\n\t.Clock-Time-Front{\n\t\tz-index:100;\n\t\tposition:absolute;\n\t\ttop:-16px;\n\t\tleft:6px;\n\t\tcolor:rgb(6, 255, 6);\n\t\tfont-size:70px;\n\t}\n\n\t.FPS-Time-Front{\n\t\tz-index:100;\n\t\tposition:absolute;\n\t\ttop:72px;\n\t\tright:15px;\n\t\ttext-align:right;\n\t\tcolor:rgb(6, 255, 6);\n\t\tfont-size:70px;\n\t}\n\n<\/style>\n<script>\n\nlet FrameCounter = 0;\n\n\nconst times = [];\nlet Ffps;\nlet pTime=0;\n\n\/\/ 2\u6841\u30ab\u30f3\u30de\u533a\u5207\u308a\u3068\u3059\u308b.\nfunction comma(num) {\n return String(num).replace( \/(\\d)(?=(\\d\\d)+(?!\\d))\/g, '$1 ');\n}\n\nfunction refreshLoop() {\n window.requestAnimationFrame(() => {\n const now = performance.now();\n while (times.length > 0 && times[0] <= now - 1000) {\n times.shift();\n }\n times.push(now);\n Ffps = times.length;\n\tdocument.getElementById(\"FPS\").innerHTML = \"FPS:\" + Ffps;\n refreshLoop();\n });\n}\n\n\/\/ update canvas with some information and animation\nvar fps = new FpsCtrl(30, function(e) {\n\tpTime = e.frame;\n})\n\n\/\/ UI\nfunction bState(){\n\tfps.isPlaying ? fps.pause() : fps.restart();\n}\n\nfunction sFPS() {\n\tfps.frameRate(document.getElementById(\"sFPS\").value);\n\t\/\/ start the loop\n\tlet sTime = new Date();\n\t\tsetTimeout(() => {\n \t\tfps.start();\n \t\t}, (1000 - sTime.getMilliseconds()));\n\n}\n\nfunction FpsCtrl(fps, callback) {\n\n\tvar\tdelay = 1000 \/ fps,\n\t\ttime = null,\n\t\tframe = -1,\n\t\ttref;\n\n\tfunction loop(timestamp) {\n\t\tif (time === null) time = timestamp;\n\t\tvar seg = Math.floor((timestamp - time) \/ delay);\n\t\tif (seg > frame) {\n\t\t\tframe = seg;\n\t\t\tFrameCounter = Math.trunc(frame % fps);\n\t\t\tcallback({\n\t\t\t\ttime: timestamp,\n\t\t\t\tframe: frame\n\t\t\t})\n\t\t}\n\t\ttref = requestAnimationFrame(loop)\n\t}\n\n\tthis.isPlaying = false;\n\t\n\tthis.frameRate = function(newfps) {\n\t\tif (!arguments.length) return fps;\n\t\tfps = newfps;\n\t\tdelay = 1000 \/ fps;\n\t\tframe = -1;\n\t\ttime = null;\n\t};\n\t\n\tthis.restart = function() {\n\t\t\tlet sTime = new Date();\n\t\t\tFrameCounter=0;\n\t\t\tsetTimeout(() => {\n \t\t\tthis.start();\n \t\t\t}, (1000 - sTime.getMilliseconds()));\n\t};\n\n\tthis.start = function() {\n\t\tif (!this.isPlaying) {\n\t\t\tthis.isPlaying = true;\n\t\t\ttref = requestAnimationFrame(loop);\n\t\t}\n\t};\n\t\n\tthis.pause = function() {\n\t\tif (this.isPlaying) {\n\t\t\tcancelAnimationFrame(tref);\n\t\t\tthis.isPlaying = false;\n\t\t\ttime = null;\n\t\t\tframe = -1;\n\t\t}\n\t};\n}\n\n\n\t\tfunction showClock() {\n\t\tlet nowTime = new Date();\n\n\t\t\/\/if( nowTime.getMilliseconds() == 0){\n\t\t\/\/\tFrameCounter=0;\n\t\t\/\/}\n\t\t let nowHour = ( '00' + nowTime.getHours()). slice( -2 );\n\t\t let nowMin = ( '00' + nowTime.getMinutes()). slice( -2 );\n\t\t let nowSec = ( '00' + nowTime.getSeconds()). slice( -2 );\n\t\t let nowFrame = ( '00' + FrameCounter). slice( -2 );\n\n\t\tif( nowTime.getMilliseconds() > 499 ){\n\t\t\tcolon = ' ';\n\t\t}else{\n\t\t\tcolon = ':';\n\t\t}\n\t\n\tdocument.getElementById(\"DSEGClock\").innerHTML = nowHour + colon + nowMin + \":\" + nowSec + \":\" + nowFrame +\"\";\n\tdocument.getElementById(\"DSEGClockFPS\").innerHTML = comma(pTime);\n\n\t}\n\n\/*\n24\n29,97\n25\n30\n23,98\n50\n59,94\n60\n*\/\n\/\/\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\n\nrefreshLoop();\nsetInterval('showClock()',1);\n\n\n<\/script>\n\n<div id=\"FPS\"><\/div>\n<div id=\"FC2\"><\/div>\n<label>Framerate: <select id=\"sFPS\" onchange=\"sFPS()\">\n\t<option>12<\/option>\n\t<option>15<\/option>\n\t<option>24<\/option>\n\t<option>25<\/option>\n\t<option>29.97<\/option>\n\t<option selected>30<\/option>\n\t<option>60<\/option>\n<\/select><\/label><br>\n<button onclick=\"bState()\">Start\/Stop<\/button>\n\n\t<h3><p id=\"realtime\"><\/p><\/h3>\n\t<div class=\"center\">\n\t\t<div class=\"Clock-Wrapper\">\n\t\t\t<span class=\"Clock-Time-Background D7MBI\">88:88:88:88<\/span><\/span>\n\t\t\t<span class=\"FPS-Time-Background D7MBI\">Fr 88 88 88<\/span><\/span>\n\t\t\t\n\t\t\t<span id=\"DSEGClock\" class=\"Clock-Time-Front D7MBI\"><\/span>\n\t\t\t<span id=\"DSEGClockFPS\" class=\"FPS-Time-Front D7MBI\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u53c2\u8003<\/h3>\n\n\n\n<p>\u30fbControlling fps with requestAnimationFrame?<a href=\"https:\/\/stackoverflow.com\/questions\/19764018\/controlling-fps-with-requestanimationframe\">https:\/\/stackoverflow.com\/questions\/19764018\/controlling-fps-with-requestanimationframe<\/a><\/p>\n\n\n\n<p>\u30fb7\u30bb\u30b0\u30fb14\u30bb\u30b0\u30d5\u30a9\u30f3\u30c8 \u300cDSEG\u300d<br><a href=\"https:\/\/www.keshikan.net\/fonts.html\">https:\/\/www.keshikan.net\/fonts.html<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uff12\u9032\u6570\u30fb10\u9032\u6570\u30fb16\u9032\u6570\u5909\u63db\u30c4\u30fc\u30eb<\/h2>\n\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.4\/jquery.min.js\"><\/script>\n<script>$(function(){\n$(\"#button\").click(function(){\n\nvar val = Number($(\"#input\").val());\n\nvar s = val.toString(2).toUpperCase();\n$(\"#bin\").val(s);\nvar s = val.toString(10).toUpperCase();\n$(\"#dec\").val(s);\nvar s = val.toString(16).toUpperCase();\n$(\"#hex\").val(s);\n\n});\n});\n<\/script>\n<div class=\"display\"><\/div>\n<b>\uff1c\u5165\u529b\u3000\u4f8b\uff1a0b100, 10, 0x10\uff1e<\/b>\n<p><input type=\"text\" id=\"input\" name=\"input\" required=\"\" size=\"50\"><input type=\"button\" id=\"button\" value=\"\u5b9f\u884c\"><\/p>\n<b>\uff1c\u51fa\u529b\uff1e<\/b>\n<p><input type=\"text\" id=\"bin\" name=\"bin\" required=\"\" size=\"50\" readonly=\"\">2\u9032\u6570(0b)<\/p>\n<p><input type=\"text\" id=\"dec\" name=\"dec\" required=\"\" size=\"50\" readonly=\"\">10\u9032\u6570<\/p>\n<p><input type=\"text\" id=\"hex\" name=\"hex\" required=\"\" size=\"50\" readonly=\"\">16\u9032\u6570(0x)<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30ea\u30f3\u30af\u4f5c\u6210\u30c4\u30fc\u30eb<\/h2>\n\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.4\/jquery.min.js\"><\/script>\n <script>$(function(){\n $(\"#button2\").click(function(){\n \n var val = Number($(\"#input\").val());\n \n var containar ='<a href=\"'+ $(\"#amazonUrl\").val() + '\" rel=\"nofollow\"><img decoding=\"async\" style=\"border: none;\" src=\"'+ $(\"#imgInput\").val() +'\" target=\"_blank\"><\/a>';\n var content ='<a href=\"' + $(\"#amazonUrl\").val() +'\" rel=\"nofollow\">'+ $(\"#titleInput\").val() +'<\/a>'\n var li = '<li><a href=\"'+ $(\"#amazonUrl\").val() +'\" rel=\"nofollow\">Amazon<\/a><\/li>';\n if($(\"#af1Url\").val().length >0 && $(\"#af1Name\").val().length >0){\n li += '<li><a href=\"'+ $(\"#af1Url\").val() +'\" rel=\"nofollow\">'+ $(\"#af1Name\").val() +'<\/a><\/li>'; \n }\n if($(\"#af2Url\").val().length >0 && $(\"#af2Name\").val().length >0){\n li += '<li><a href=\"'+ $(\"#af2Url\").val() +'\" rel=\"nofollow\">'+ $(\"#af2Name\").val() +'<\/a><\/li>'; \n }\n if($(\"#af3Url\").val().length >0 && $(\"#af3Name\").val().length >0){\n li += '<li><a href=\"'+ $(\"#af3Url\").val() +'\" rel=\"nofollow\">'+ $(\"#af3Name\").val() +'<\/a><\/li>'; \n }\n var html = '<div class=\"affiliate-box\"><div class=\"affiliate-containar\">'+ containar+ '<div class=\"affiliate-content\">'+ content+ '<ul class=\"affiliate-button\">'+ li +'<\/ul><\/div><\/div><\/div>';\n \n $('#preview').html(html);\n $(\"#export\").val(html);\n });\n $(\"#js-copy\").on(\"click\", function () {\n let text = $(\"#export\").val();\n if (navigator.clipboard == undefined) {\n window.clipboardData.setData(\"Text\", text);\n } else {\n navigator.clipboard.writeText(text);\n } \n });\n });\n <\/script>\n <b>\uff1c\u5165\u529b\uff1e<\/b>\n <BR>\n Amazon<BR>\n \u5546\u54c1\u540d<BR><input type=\"text\" id=\"titleInput\" name=\"titleInput\" required=\"\" size=\"50\"><BR>\n \u753b\u50cfURL<BR><input type=\"text\" id=\"imgInput\" name=\"imgInput\" required=\"\" size=\"50\"><BR>\n \u5546\u54c1URL<BR><input type=\"text\" id=\"amazonUrl\" name=\"amazonUrl\" required=\"\" size=\"50\"><BR>\n<hr>\n \u8ffd\u52a0\uff11\uff1a<BR>\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30b5\u30a4\u30c8\u540d<BR>\n <input type=\"text\" id=\"af1Name\" name=\"af1Name\" required=\"\" size=\"50\" value=\"\u697d\u5929\u5e02\u5834\"><BR>\n \u5546\u54c1URL<BR>\n <input type=\"text\" id=\"af1Url\" name=\"af1Url\" required=\"\" size=\"50\"><BR><BR>\n \n \u8ffd\u52a0\uff12\uff1a<BR>\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30b5\u30a4\u30c8\u540d<BR>\n <input type=\"text\" id=\"af2Name\" name=\"af2Name\" required=\"\" size=\"50\" value=\"Yahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\"><BR>\n \u5546\u54c1URL<BR>\n <input type=\"text\" id=\"af2Url\" name=\"af2Url\" required=\"\" size=\"50\"><BR><BR>\n \n \u8ffd\u52a0\uff13\uff1a<BR>\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30b5\u30a4\u30c8\u540d<BR>\n <input type=\"text\" id=\"af3Name\" name=\"af3Name\" required=\"\" size=\"50\" value=\"\u305d\u306e\u4ed6\"><BR>\n \u5546\u54c1URL<BR><input type=\"text\" id=\"af3Url\" name=\"af3Url\" required=\"\" size=\"50\"><BR><BR>\n <input type=\"button\" id=\"button2\" value=\"\u5b9f\u884c\"><\/p>\n <hr>\n <b>\uff1c\u51fa\u529b\uff1e<\/b>\n <p><textarea id=\"export\" name=\"export\" size=\"50\" readonly=\"\" rows=\"5\" cols=\"50\">\u3053\u3053\u306bHTML\u30b3\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/textarea><\/p>\n <button id=\"js-copy\">\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc<\/button><BR>\n<br>\n<div id=\"preview\" class=\"preview\">\n \u3053\u3053\u306b\u51fa\u529b\u30b5\u30f3\u30d7\u30eb\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n<div class=\"affiliate-box\"><div class=\"affiliate-containar\"><a href=\"https:\/\/amzn.to\/3HIgucH\" rel=\"nofollow\"><img decoding=\"async\" style=\"border: none;\" src=\"https:\/\/m.media-amazon.com\/images\/I\/51RXlVPRVuL._SX391_BO1,204,203,200_.jpg\" target=\"_blank\"><\/a><div class=\"affiliate-content\"><a href=\"https:\/\/amzn.to\/3HIgucH\" rel=\"nofollow\">\u78ba\u304b\u306a\u529b\u304c\u8eab\u306b\u3064\u304fJavaScript\u300c\u8d85\u300d\u5165\u9580 \u7b2c2\u7248<\/a><ul class=\"affiliate-button\"><li><a href=\"https:\/\/amzn.to\/3HIgucH\" rel=\"nofollow\">Amazon<\/a><\/li><\/ul><\/div><\/div><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>\u53c2\u8003HP<\/strong><\/p>\n\n\n\n<p>\u99c6\u3051\u51fa\u3057\u306e\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u3064\u3076\u3084\u304d<br><a href=\"https:\/\/iwasawa-officialweb.com\/2020\/08\/30\/create_amzonaffiliatelink\/\">https:\/\/iwasawa-officialweb.com\/2020\/08\/30\/create_amzonaffiliatelink\/<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u30a2\u30d7\u30ea\u30ea\u30f3\u30af\u4f5c\u6210\u30c4\u30fc\u30eb<\/h2>\n\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.4\/jquery.min.js\"><\/script>\n <script>$(function(){\n $(\"#button3\").click(function(){\n \n var containar ='<div class=\"app-box\"><div class=\"app-containar\"><a href=\"'+ $(\"#appleUrl\").val() +'\"><img decoding=\"async\" class=\"app-containar-icon\" src=\"'+ $(\"#imgInput2\").val() +'\" alt=\"\"\/><\/a><div class=\"app-content\"><a href=\"'+ $(\"#appleUrl\").val() +'\">'+ $(\"#titleInput2\").val() +'<\/a>';\n var li = '<ul class=\"app-button\">';\n if($(\"#appleUrl\").val().length >0){\n li += '<li><a href=\"'+ $(\"#appleUrl\").val() +'\"><img decoding=\"async\" src=\"https:\/\/tools.applemediaservices.com\/api\/badges\/download-on-the-app-store\/black\/ja-jp?size=250x83&releaseDate=1594771200?h=758a04a074141bc0e9190e886a5dee72\" alt=\"Download on the App Store\" style=\"border-radius: 13px; width: 250px; height: 83px;\"><\/a><\/li>';\n }\n li += '<\/ul>';\n var html = containar+ li+ '<\/div><\/div><\/div>';\n \n $('#preview2').html(html);\n $(\"#export2\").val(html);\n });\n $(\"#js-copy2\").on(\"click\", function () {\n let text = $(\"#export2\").val();\n if (navigator.clipboard == undefined) {\n window.clipboardData.setData(\"Text\", text);\n } else {\n navigator.clipboard.writeText(text);\n } \n });\n });\n <\/script>\n <b>\uff1c\u5165\u529b\uff1e<\/b>\n <BR>\n \u30a2\u30d7\u30ea\u540d<BR><input type=\"text\" id=\"titleInput2\" name=\"titleInput2\" required=\"\" size=\"50\"><BR>\n \u30a2\u30d7\u30ea\u753b\u50cfURL<BR><input type=\"text\" id=\"imgInput2\" name=\"imgInput2\" required=\"\" size=\"50\"><BR>\n AppleStore\u30a2\u30d7\u30eaURL<BR><input type=\"text\" id=\"appleUrl\" name=\"appleUrl\" required=\"\" size=\"50\"><BR>\n<BR>\n <input type=\"button\" id=\"button3\" value=\"\u5b9f\u884c\"><\/p>\n <hr>\n <b>\uff1c\u51fa\u529b\uff1e<\/b>\n <p><textarea id=\"export2\" name=\"export2\" size=\"50\" readonly=\"\" rows=\"5\" cols=\"50\">\u3053\u3053\u306bHTML\u30b3\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/textarea><\/p>\n <button id=\"js-copy2\">\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc<\/button><BR>\n<br>\n<div id=\"preview2\" class=\"preview2\">\n \u3053\u3053\u306b\u51fa\u529b\u30b5\u30f3\u30d7\u30eb\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n<div class=\"app-box\"><div class=\"app-containar\"><a href=\"https:\/\/apple.co\/3BZ3k7q\"><img decoding=\"async\" class=\"app-containar-icon\" src=\"https:\/\/is2-ssl.mzstatic.com\/image\/thumb\/Purple122\/v4\/b1\/66\/43\/b16643bf-dbb7-a440-f795-7ffbe802e361\/AppIcon-1x_U007emarketing-0-4-0-85-220.png\/540x540bb.jpg\" alt=\"\"\/><\/a><div class=\"app-content\"><a href=\"https:\/\/apple.co\/3BZ3k7q\">AnkiMobile Flashcards<\/a><ul class=\"app-button\"><li><a href=\"https:\/\/apple.co\/3BZ3k7q\"><img decoding=\"async\" src=\"https:\/\/tools.applemediaservices.com\/api\/badges\/download-on-the-app-store\/black\/ja-jp?size=250x83&releaseDate=1594771200?h=758a04a074141bc0e9190e886a5dee72\" alt=\"Download on the App Store\" style=\"border-radius: 13px; width: 250px; height: 83px;\"><\/a><\/li><\/ul><\/div><\/div><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u95a2\u9023HP<\/h4>\n\n\n\n<p>Apple Store - App\u3092\u5ba3\u4f1d\u3002<br><a href=\"https:\/\/tools.applemediaservices.com\/ja-jp\/app-store\/\">https:\/\/tools.applemediaservices.com\/ja-jp\/app-store\/<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>\u4f55\u304b\u3068\u4f7f\u3046\u6a5f\u80fd\u3092JavaScript\u3067\u5b9f\u88c5\u3057\u3066\u8ffd\u52a0\u3057\u3066\u3044\u304f\u3002 \u6b6f\u8eca\u8a2d\u8a08\u8a08\u7b97 Gear Design Calculator Gear Design Calculator Pitch: Number of Teeth: Re […]<\/p>\n","protected":false},"author":1,"featured_media":709,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-199","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/ubun2m.com\/wp-content\/uploads\/2022\/02\/Untitled_Artwork-4.png","_links":{"self":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=199"}],"version-history":[{"count":0,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/199\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/media\/709"}],"wp:attachment":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":199,"date":"2022-02-28T06:06:14","date_gmt":"2022-02-27T21:06:14","guid":{"rendered":"https:\/\/ubun2m.com\/?p=199"},"modified":"2023-12-14T16:21:16","modified_gmt":"2023-12-14T07:21:16","slug":"%e3%83%87%e3%83%90%e3%83%83%e3%82%b0%e7%94%a8%e3%83%84%e3%83%bc%e3%83%ab%ef%bc%88javascript%ef%bc%89%e7%bd%ae%e3%81%8d%e5%a0%b4","status":"publish","type":"post","link":"https:\/\/ubun2m.com\/?p=199","title":{"rendered":"JavaScript\u30c4\u30fc\u30eb\u7f6e\u304d\u5834"},"content":{"rendered":"\n

\u4f55\u304b\u3068\u4f7f\u3046\u6a5f\u80fd\u3092JavaScript\u3067\u5b9f\u88c5\u3057\u3066\u8ffd\u52a0\u3057\u3066\u3044\u304f\u3002<\/p>\n\n\n\n

\n\n\n\n

\u6b6f\u8eca\u8a2d\u8a08\u8a08\u7b97<\/h2>\n\n\n\n\n\n\n Gear Design Calculator<\/title>\n<\/head>\n<body>\n <h1>Gear Design Calculator<\/h1>\n <form id=\"gearForm\">\n <label for=\"pitch\">Pitch:<\/label>\n <input type=\"number\" id=\"pitch\" name=\"pitch\"><br><br>\n\n <label for=\"numberOfTeeth\">Number of Teeth:<\/label>\n <input type=\"number\" id=\"numberOfTeeth\" name=\"numberOfTeeth\"><br><br>\n\n <input type=\"button\" value=\"Calculate\" onclick=\"calculateGear()\">\n <\/form>\n\n <h2>Results:<\/h2>\n <div id=\"results\"><\/div>\n\n <script>\nfunction calculateGear() {\n var pitch = document.getElementById('pitch').value;\n var numberOfTeeth = document.getElementById('numberOfTeeth').value;\n\n var pitchDiameter = numberOfTeeth \/ pitch;\n var rootDiameter = pitchDiameter - (2.25 \/ pitch);\n var outsideDiameter = pitchDiameter + (2 \/ pitch); \/\/ \u3053\u3053\u306f\u6b6f\u8eca\u306e\u7a2e\u985e\u306b\u5fdc\u3058\u3066\u8abf\u6574\u304c\u5fc5\u8981\n var toothThickness = Math.PI \/ (2 * pitch);\n var circularThicknessAngle = (toothThickness \/ (pitchDiameter \/ 2)) * (180 \/ Math.PI);\n var circleARadius = pitchDiameter \/ 8;\n\n var resultsDiv = document.getElementById('results');\n resultsDiv.innerHTML = \"Root Circle Diameter: \" + rootDiameter.toFixed(2) +\n \"<br>Pitch Circle Diameter: \" + pitchDiameter.toFixed(2) +\n \"<br>Outside Circle Diameter: \" + outsideDiameter.toFixed(2) +\n \"<br>Circular Thickness Angle: \" + circularThicknessAngle.toFixed(2) + \" degrees\" +\n \"<br>Circle A Radius: \" + circleARadius.toFixed(2);\n}\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u30bf\u30a4\u30e0\u30b3\u30fc\u30c9<\/h2>\n\n\n\n<style>\n\t@font-face {\n\t font-family: \"D7MBI\";\n\t src: url(\".\/fonts\/DSEG7Modern-BoldItalic.woff\") format('woff');\n\t}\n\t.D7MBI {\n\tfont-family: \"D7MBI\";\n\t}\n\t\n\t.Clock-Time-Background{\n\t\tz-index:50;\n\t\tposition:absolute;\n\t\ttop:-16px;\n\t\tleft:6px;\n\t\tcolor:rgba(114, 255, 114, 0.255);\n\t\tfont-size:70px;\n\t}\n\n\t.FPS-Time-Background{\n\t\tz-index:50;\n\t\tposition:absolute;\n\t\ttop:73px;\n\t\tleft:6px;\n\t\tcolor:rgba(114, 255, 114, 0.255);\n\t\tfont-size:70px;\n\t}\n\n\t.Clock-Wrapper{\n\t\tposition:relative;\n\t\tborder:6px solid #000;\n\t\tborder-radius:9px;\n\t\theight:180px;\n\t\twidth:533px;\n\t\tbackground-color:#000000;\n\t\tbox-shadow: 4px 4px 1px 0px rgba(0,0,0,0.4) inset; \n\t}\n\t\n\t.Clock-Time-Front{\n\t\tz-index:100;\n\t\tposition:absolute;\n\t\ttop:-16px;\n\t\tleft:6px;\n\t\tcolor:rgb(6, 255, 6);\n\t\tfont-size:70px;\n\t}\n\n\t.FPS-Time-Front{\n\t\tz-index:100;\n\t\tposition:absolute;\n\t\ttop:72px;\n\t\tright:15px;\n\t\ttext-align:right;\n\t\tcolor:rgb(6, 255, 6);\n\t\tfont-size:70px;\n\t}\n\n<\/style>\n<script>\n\nlet FrameCounter = 0;\n\n\nconst times = [];\nlet Ffps;\nlet pTime=0;\n\n\/\/ 2\u6841\u30ab\u30f3\u30de\u533a\u5207\u308a\u3068\u3059\u308b.\nfunction comma(num) {\n return String(num).replace( \/(\\d)(?=(\\d\\d)+(?!\\d))\/g, '$1 ');\n}\n\nfunction refreshLoop() {\n window.requestAnimationFrame(() => {\n const now = performance.now();\n while (times.length > 0 && times[0] <= now - 1000) {\n times.shift();\n }\n times.push(now);\n Ffps = times.length;\n\tdocument.getElementById(\"FPS\").innerHTML = \"FPS:\" + Ffps;\n refreshLoop();\n });\n}\n\n\/\/ update canvas with some information and animation\nvar fps = new FpsCtrl(30, function(e) {\n\tpTime = e.frame;\n})\n\n\/\/ UI\nfunction bState(){\n\tfps.isPlaying ? fps.pause() : fps.restart();\n}\n\nfunction sFPS() {\n\tfps.frameRate(document.getElementById(\"sFPS\").value);\n\t\/\/ start the loop\n\tlet sTime = new Date();\n\t\tsetTimeout(() => {\n \t\tfps.start();\n \t\t}, (1000 - sTime.getMilliseconds()));\n\n}\n\nfunction FpsCtrl(fps, callback) {\n\n\tvar\tdelay = 1000 \/ fps,\n\t\ttime = null,\n\t\tframe = -1,\n\t\ttref;\n\n\tfunction loop(timestamp) {\n\t\tif (time === null) time = timestamp;\n\t\tvar seg = Math.floor((timestamp - time) \/ delay);\n\t\tif (seg > frame) {\n\t\t\tframe = seg;\n\t\t\tFrameCounter = Math.trunc(frame % fps);\n\t\t\tcallback({\n\t\t\t\ttime: timestamp,\n\t\t\t\tframe: frame\n\t\t\t})\n\t\t}\n\t\ttref = requestAnimationFrame(loop)\n\t}\n\n\tthis.isPlaying = false;\n\t\n\tthis.frameRate = function(newfps) {\n\t\tif (!arguments.length) return fps;\n\t\tfps = newfps;\n\t\tdelay = 1000 \/ fps;\n\t\tframe = -1;\n\t\ttime = null;\n\t};\n\t\n\tthis.restart = function() {\n\t\t\tlet sTime = new Date();\n\t\t\tFrameCounter=0;\n\t\t\tsetTimeout(() => {\n \t\t\tthis.start();\n \t\t\t}, (1000 - sTime.getMilliseconds()));\n\t};\n\n\tthis.start = function() {\n\t\tif (!this.isPlaying) {\n\t\t\tthis.isPlaying = true;\n\t\t\ttref = requestAnimationFrame(loop);\n\t\t}\n\t};\n\t\n\tthis.pause = function() {\n\t\tif (this.isPlaying) {\n\t\t\tcancelAnimationFrame(tref);\n\t\t\tthis.isPlaying = false;\n\t\t\ttime = null;\n\t\t\tframe = -1;\n\t\t}\n\t};\n}\n\n\n\t\tfunction showClock() {\n\t\tlet nowTime = new Date();\n\n\t\t\/\/if( nowTime.getMilliseconds() == 0){\n\t\t\/\/\tFrameCounter=0;\n\t\t\/\/}\n\t\t let nowHour = ( '00' + nowTime.getHours()). slice( -2 );\n\t\t let nowMin = ( '00' + nowTime.getMinutes()). slice( -2 );\n\t\t let nowSec = ( '00' + nowTime.getSeconds()). slice( -2 );\n\t\t let nowFrame = ( '00' + FrameCounter). slice( -2 );\n\n\t\tif( nowTime.getMilliseconds() > 499 ){\n\t\t\tcolon = ' ';\n\t\t}else{\n\t\t\tcolon = ':';\n\t\t}\n\t\n\tdocument.getElementById(\"DSEGClock\").innerHTML = nowHour + colon + nowMin + \":\" + nowSec + \":\" + nowFrame +\"\";\n\tdocument.getElementById(\"DSEGClockFPS\").innerHTML = comma(pTime);\n\n\t}\n\n\/\n24\n29,97\n25\n30\n23,98\n50\n59,94\n60\n\/\n\/\/\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\n\nrefreshLoop();\nsetInterval('showClock()',1);\n\n\n<\/script>\n\n<div id=\"FPS\"><\/div>\n<div id=\"FC2\"><\/div>\n<label>Framerate: <select id=\"sFPS\" onchange=\"sFPS()\">\n\t<option>12<\/option>\n\t<option>15<\/option>\n\t<option>24<\/option>\n\t<option>25<\/option>\n\t<option>29.97<\/option>\n\t<option selected>30<\/option>\n\t<option>60<\/option>\n<\/select><\/label><br>\n<button onclick=\"bState()\">Start\/Stop<\/button>\n\n\t<h3><p id=\"realtime\"><\/p><\/h3>\n\t<div class=\"center\">\n\t\t<div class=\"Clock-Wrapper\">\n\t\t\t<span class=\"Clock-Time-Background D7MBI\">88:88:88:88<\/span><\/span>\n\t\t\t<span class=\"FPS-Time-Background D7MBI\">Fr 88 88 88<\/span><\/span>\n\t\t\t\n\t\t\t<span id=\"DSEGClock\" class=\"Clock-Time-Front D7MBI\"><\/span>\n\t\t\t<span id=\"DSEGClockFPS\" class=\"FPS-Time-Front D7MBI\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u53c2\u8003<\/h3>\n\n\n\n<p>\u30fbControlling fps with requestAnimationFrame?<a href=\"https:\/\/stackoverflow.com\/questions\/19764018\/controlling-fps-with-requestanimationframe\">https:\/\/stackoverflow.com\/questions\/19764018\/controlling-fps-with-requestanimationframe<\/a><\/p>\n\n\n\n<p>\u30fb7\u30bb\u30b0\u30fb14\u30bb\u30b0\u30d5\u30a9\u30f3\u30c8 \u300cDSEG\u300d<br><a href=\"https:\/\/www.keshikan.net\/fonts.html\">https:\/\/www.keshikan.net\/fonts.html<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uff12\u9032\u6570\u30fb10\u9032\u6570\u30fb16\u9032\u6570\u5909\u63db\u30c4\u30fc\u30eb<\/h2>\n\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.4\/jquery.min.js\"><\/script>\n<script>$(function(){\n$(\"#button\").click(function(){\n\nvar val = Number($(\"#input\").val());\n\nvar s = val.toString(2).toUpperCase();\n$(\"#bin\").val(s);\nvar s = val.toString(10).toUpperCase();\n$(\"#dec\").val(s);\nvar s = val.toString(16).toUpperCase();\n$(\"#hex\").val(s);\n\n});\n});\n<\/script>\n<div class=\"display\"><\/div>\n<b>\uff1c\u5165\u529b\u3000\u4f8b\uff1a0b100, 10, 0x10\uff1e<\/b>\n<p><input type=\"text\" id=\"input\" name=\"input\" required=\"\" size=\"50\"><input type=\"button\" id=\"button\" value=\"\u5b9f\u884c\"><\/p>\n<b>\uff1c\u51fa\u529b\uff1e<\/b>\n<p><input type=\"text\" id=\"bin\" name=\"bin\" required=\"\" size=\"50\" readonly=\"\">2\u9032\u6570(0b)<\/p>\n<p><input type=\"text\" id=\"dec\" name=\"dec\" required=\"\" size=\"50\" readonly=\"\">10\u9032\u6570<\/p>\n<p><input type=\"text\" id=\"hex\" name=\"hex\" required=\"\" size=\"50\" readonly=\"\">16\u9032\u6570(0x)<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30ea\u30f3\u30af\u4f5c\u6210\u30c4\u30fc\u30eb<\/h2>\n\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.4\/jquery.min.js\"><\/script>\n <script>$(function(){\n $(\"#button2\").click(function(){\n \n var val = Number($(\"#input\").val());\n \n var containar ='<a href=\"'+ $(\"#amazonUrl\").val() + '\" rel=\"nofollow\"><img decoding=\"async\" style=\"border: none;\" src=\"'+ $(\"#imgInput\").val() +'\" target=\"_blank\"><\/a>';\n var content ='<a href=\"' + $(\"#amazonUrl\").val() +'\" rel=\"nofollow\">'+ $(\"#titleInput\").val() +'<\/a>'\n var li = '<li><a href=\"'+ $(\"#amazonUrl\").val() +'\" rel=\"nofollow\">Amazon<\/a><\/li>';\n if($(\"#af1Url\").val().length >0 && $(\"#af1Name\").val().length >0){\n li += '<li><a href=\"'+ $(\"#af1Url\").val() +'\" rel=\"nofollow\">'+ $(\"#af1Name\").val() +'<\/a><\/li>'; \n }\n if($(\"#af2Url\").val().length >0 && $(\"#af2Name\").val().length >0){\n li += '<li><a href=\"'+ $(\"#af2Url\").val() +'\" rel=\"nofollow\">'+ $(\"#af2Name\").val() +'<\/a><\/li>'; \n }\n if($(\"#af3Url\").val().length >0 && $(\"#af3Name\").val().length >0){\n li += '<li><a href=\"'+ $(\"#af3Url\").val() +'\" rel=\"nofollow\">'+ $(\"#af3Name\").val() +'<\/a><\/li>'; \n }\n var html = '<div class=\"affiliate-box\"><div class=\"affiliate-containar\">'+ containar+ '<div class=\"affiliate-content\">'+ content+ '<ul class=\"affiliate-button\">'+ li +'<\/ul><\/div><\/div><\/div>';\n \n $('#preview').html(html);\n $(\"#export\").val(html);\n });\n $(\"#js-copy\").on(\"click\", function () {\n let text = $(\"#export\").val();\n if (navigator.clipboard == undefined) {\n window.clipboardData.setData(\"Text\", text);\n } else {\n navigator.clipboard.writeText(text);\n } \n });\n });\n <\/script>\n <b>\uff1c\u5165\u529b\uff1e<\/b>\n <BR>\n Amazon<BR>\n \u5546\u54c1\u540d<BR><input type=\"text\" id=\"titleInput\" name=\"titleInput\" required=\"\" size=\"50\"><BR>\n \u753b\u50cfURL<BR><input type=\"text\" id=\"imgInput\" name=\"imgInput\" required=\"\" size=\"50\"><BR>\n \u5546\u54c1URL<BR><input type=\"text\" id=\"amazonUrl\" name=\"amazonUrl\" required=\"\" size=\"50\"><BR>\n<hr>\n \u8ffd\u52a0\uff11\uff1a<BR>\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30b5\u30a4\u30c8\u540d<BR>\n <input type=\"text\" id=\"af1Name\" name=\"af1Name\" required=\"\" size=\"50\" value=\"\u697d\u5929\u5e02\u5834\"><BR>\n \u5546\u54c1URL<BR>\n <input type=\"text\" id=\"af1Url\" name=\"af1Url\" required=\"\" size=\"50\"><BR><BR>\n \n \u8ffd\u52a0\uff12\uff1a<BR>\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30b5\u30a4\u30c8\u540d<BR>\n <input type=\"text\" id=\"af2Name\" name=\"af2Name\" required=\"\" size=\"50\" value=\"Yahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\"><BR>\n \u5546\u54c1URL<BR>\n <input type=\"text\" id=\"af2Url\" name=\"af2Url\" required=\"\" size=\"50\"><BR><BR>\n \n \u8ffd\u52a0\uff13\uff1a<BR>\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30b5\u30a4\u30c8\u540d<BR>\n <input type=\"text\" id=\"af3Name\" name=\"af3Name\" required=\"\" size=\"50\" value=\"\u305d\u306e\u4ed6\"><BR>\n \u5546\u54c1URL<BR><input type=\"text\" id=\"af3Url\" name=\"af3Url\" required=\"\" size=\"50\"><BR><BR>\n <input type=\"button\" id=\"button2\" value=\"\u5b9f\u884c\"><\/p>\n <hr>\n <b>\uff1c\u51fa\u529b\uff1e<\/b>\n <p><textarea id=\"export\" name=\"export\" size=\"50\" readonly=\"\" rows=\"5\" cols=\"50\">\u3053\u3053\u306bHTML\u30b3\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/textarea><\/p>\n <button id=\"js-copy\">\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc<\/button><BR>\n<br>\n<div id=\"preview\" class=\"preview\">\n \u3053\u3053\u306b\u51fa\u529b\u30b5\u30f3\u30d7\u30eb\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n<div class=\"affiliate-box\"><div class=\"affiliate-containar\"><a href=\"https:\/\/amzn.to\/3HIgucH\" rel=\"nofollow\"><img decoding=\"async\" style=\"border: none;\" src=\"https:\/\/m.media-amazon.com\/images\/I\/51RXlVPRVuL._SX391_BO1,204,203,200_.jpg\" target=\"_blank\"><\/a><div class=\"affiliate-content\"><a href=\"https:\/\/amzn.to\/3HIgucH\" rel=\"nofollow\">\u78ba\u304b\u306a\u529b\u304c\u8eab\u306b\u3064\u304fJavaScript\u300c\u8d85\u300d\u5165\u9580 \u7b2c2\u7248<\/a><ul class=\"affiliate-button\"><li><a href=\"https:\/\/amzn.to\/3HIgucH\" rel=\"nofollow\">Amazon<\/a><\/li><\/ul><\/div><\/div><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>\u53c2\u8003HP<\/strong><\/p>\n\n\n\n<p>\u99c6\u3051\u51fa\u3057\u306e\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u3064\u3076\u3084\u304d<br><a href=\"https:\/\/iwasawa-officialweb.com\/2020\/08\/30\/create_amzonaffiliatelink\/\">https:\/\/iwasawa-officialweb.com\/2020\/08\/30\/create_amzonaffiliatelink\/<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u30a2\u30d7\u30ea\u30ea\u30f3\u30af\u4f5c\u6210\u30c4\u30fc\u30eb<\/h2>\n\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.4\/jquery.min.js\"><\/script>\n <script>$(function(){\n $(\"#button3\").click(function(){\n \n var containar ='<div class=\"app-box\"><div class=\"app-containar\"><a href=\"'+ $(\"#appleUrl\").val() +'\"><img decoding=\"async\" class=\"app-containar-icon\" src=\"'+ $(\"#imgInput2\").val() +'\" alt=\"\"\/><\/a><div class=\"app-content\"><a href=\"'+ $(\"#appleUrl\").val() +'\">'+ $(\"#titleInput2\").val() +'<\/a>';\n var li = '<ul class=\"app-button\">';\n if($(\"#appleUrl\").val().length >0){\n li += '<li><a href=\"'+ $(\"#appleUrl\").val() +'\"><img decoding=\"async\" src=\"https:\/\/tools.applemediaservices.com\/api\/badges\/download-on-the-app-store\/black\/ja-jp?size=250x83&releaseDate=1594771200?h=758a04a074141bc0e9190e886a5dee72\" alt=\"Download on the App Store\" style=\"border-radius: 13px; width: 250px; height: 83px;\"><\/a><\/li>';\n }\n li += '<\/ul>';\n var html = containar+ li+ '<\/div><\/div><\/div>';\n \n $('#preview2').html(html);\n $(\"#export2\").val(html);\n });\n $(\"#js-copy2\").on(\"click\", function () {\n let text = $(\"#export2\").val();\n if (navigator.clipboard == undefined) {\n window.clipboardData.setData(\"Text\", text);\n } else {\n navigator.clipboard.writeText(text);\n } \n });\n });\n <\/script>\n <b>\uff1c\u5165\u529b\uff1e<\/b>\n <BR>\n \u30a2\u30d7\u30ea\u540d<BR><input type=\"text\" id=\"titleInput2\" name=\"titleInput2\" required=\"\" size=\"50\"><BR>\n \u30a2\u30d7\u30ea\u753b\u50cfURL<BR><input type=\"text\" id=\"imgInput2\" name=\"imgInput2\" required=\"\" size=\"50\"><BR>\n AppleStore\u30a2\u30d7\u30eaURL<BR><input type=\"text\" id=\"appleUrl\" name=\"appleUrl\" required=\"\" size=\"50\"><BR>\n<BR>\n <input type=\"button\" id=\"button3\" value=\"\u5b9f\u884c\"><\/p>\n <hr>\n <b>\uff1c\u51fa\u529b\uff1e<\/b>\n <p><textarea id=\"export2\" name=\"export2\" size=\"50\" readonly=\"\" rows=\"5\" cols=\"50\">\u3053\u3053\u306bHTML\u30b3\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/textarea><\/p>\n <button id=\"js-copy2\">\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc<\/button><BR>\n<br>\n<div id=\"preview2\" class=\"preview2\">\n \u3053\u3053\u306b\u51fa\u529b\u30b5\u30f3\u30d7\u30eb\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n<div class=\"app-box\"><div class=\"app-containar\"><a href=\"https:\/\/apple.co\/3BZ3k7q\"><img decoding=\"async\" class=\"app-containar-icon\" src=\"https:\/\/is2-ssl.mzstatic.com\/image\/thumb\/Purple122\/v4\/b1\/66\/43\/b16643bf-dbb7-a440-f795-7ffbe802e361\/AppIcon-1x_U007emarketing-0-4-0-85-220.png\/540x540bb.jpg\" alt=\"\"\/><\/a><div class=\"app-content\"><a href=\"https:\/\/apple.co\/3BZ3k7q\">AnkiMobile Flashcards<\/a><ul class=\"app-button\"><li><a href=\"https:\/\/apple.co\/3BZ3k7q\"><img decoding=\"async\" src=\"https:\/\/tools.applemediaservices.com\/api\/badges\/download-on-the-app-store\/black\/ja-jp?size=250x83&releaseDate=1594771200?h=758a04a074141bc0e9190e886a5dee72\" alt=\"Download on the App Store\" style=\"border-radius: 13px; width: 250px; height: 83px;\"><\/a><\/li><\/ul><\/div><\/div><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u95a2\u9023HP<\/h4>\n\n\n\n<p>Apple Store - App\u3092\u5ba3\u4f1d\u3002<br><a href=\"https:\/\/tools.applemediaservices.com\/ja-jp\/app-store\/\">https:\/\/tools.applemediaservices.com\/ja-jp\/app-store\/<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>\u4f55\u304b\u3068\u4f7f\u3046\u6a5f\u80fd\u3092JavaScript\u3067\u5b9f\u88c5\u3057\u3066\u8ffd\u52a0\u3057\u3066\u3044\u304f\u3002 \u6b6f\u8eca\u8a2d\u8a08\u8a08\u7b97 Gear Design Calculator Gear Design Calculator Pitch: Number of Teeth: Re […]<\/p>\n","protected":false},"author":1,"featured_media":709,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-199","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/ubun2m.com\/wp-content\/uploads\/2022\/02\/Untitled_Artwork-4.png","_links":{"self":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=199"}],"version-history":[{"count":0,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/199\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/media\/709"}],"wp:attachment":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}