{"id":17279,"date":"2026-07-27T08:56:14","date_gmt":"2026-07-27T08:56:14","guid":{"rendered":"https:\/\/www.dgcrane.com\/?p=17279"},"modified":"2026-07-27T08:56:17","modified_gmt":"2026-07-27T08:56:17","slug":"overhead-and-gantry-crane-actual-traveling-speed-calculator","status":"publish","type":"post","link":"https:\/\/www.dgcrane.com\/ja\/overhead-and-gantry-crane-actual-traveling-speed-calculator\/","title":{"rendered":"\u5929\u4e95\u30af\u30ec\u30fc\u30f3\u304a\u3088\u3073\u30ac\u30f3\u30c8\u30ea\u30fc\u30af\u30ec\u30fc\u30f3\u306e\u5b9f\u969b\u306e\u8d70\u884c\u901f\u5ea6\u8a08\u7b97\u6a5f"},"content":{"rendered":"<div id=\"calculator\">\n    <style>\n        #calculator {\n            --primary-color: #0a3487;\n            --primary-hover: #F58423;\n            --error-color: #e53935;\n            --bg-color: #EAEEF7;\n            --text-color: #4a4a4a;\n            max-width: 545px;\n            padding: 30px;\n            background: var(--bg-color);\n            color: var(--text-color);\n            box-sizing: border-box;\n            transition: all 0.2s ease;\n        }\n        #calculator .calc-row {\n            margin-bottom: 18px;\n        }\n        #calculator label {\n            display: block;\n            font-size: 14px;\n            margin-bottom: 6px;\n        }\n        #calculator input,\n        #calculator select {\n            width: 100%;\n            height: 36px;\n            font-size: 16px;\n            border: 1px solid #ccc;\n            border-radius: 0;\n            padding: 0 10px;\n            box-sizing: border-box;\n            transition: all 0.2s ease;\n        }\n        #calculator input:focus,\n        #calculator select:focus {\n            border: 2px solid var(--primary-color);\n            outline: none;\n        }\n        #calculator input.error,\n        #calculator select.error {\n            border: 2px solid var(--error-color);\n        }\n        #calculator .error-msg {\n            color: var(--error-color);\n            font-size: 12px;\n            margin-top: 4px;\n            display: none;\n        }\n        #calculator .btn-group {\n            display: flex;\n            gap: 12px;\n            margin-top: 24px;\n        }\n        #calculator button {\n            flex: 1;\n            height: 34px;\n            line-height: 34px;\n            font-size: 14px;\n            border-radius: 0;\n            border: none;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n        #calculator #calc-submit {\n            background: var(--primary-color);\n            color: #fff;\n        }\n        #calculator #calc-submit:hover {\n            background: var(--primary-hover);\n        }\n        #calculator #calc-reset {\n            background: #ffffff;\n            color: var(--primary-color);\n            border: 1px solid var(--primary-color);\n        }\n        #calculator .result-wrap {\n            margin-top: 24px;\n            text-align: center;\n        }\n        #calculator #calc-result {\n            font-size: 40px;\n            font-weight: bold;\n            color: var(--primary-color);\n        }\n        @media (max-width: 768px) {\n            #calculator label,\n            #calculator button {\n                font-size: 0.28rem;\n            }\n            #calculator input,\n            #calculator select {\n                height: 0.7rem;\n                font-size: 0.28rem;\n            }\n            #calculator button {\n                height: 0.7rem;\n                line-height: 0.7rem;\n            }\n            #calculator .btn-group {\n                flex-direction: column;\n            }\n            #calculator button {\n                width: 100%;\n            }\n        }\n    <\/style>\n\n    <!-- Motor Rated Speed -->\n    <div class=\"calc-row\">\n        <label for=\"calculator-motorSpeed-select\">\u30e2\u30fc\u30bf\u30fc\u540c\u671f\u901f\u5ea6\uff08\u56de\u8ee2\/\u5206\uff09<\/label>\n        <select id=\"calculator-motorSpeed-select\">\n            <option value=\"\" selected>\u2014 \u6a19\u6e96\u901f\u5ea6\u3092\u9078\u629e\u3059\u308b\u304b\u3001\u4e0b\u8a18\u306b\u30ab\u30b9\u30bf\u30e0\u5024\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044 \u2014<\/option>\n            <option value=\"3000\">3000\u56de\u8ee2\/\u5206\u30012\u6975\uff0850Hz\uff09<\/option>\n            <option value=\"1500\">1500\u56de\u8ee2\/\u5206\u30014\u6975\uff0850Hz\uff09<\/option>\n            <option value=\"1000\">1000\u56de\u8ee2\/\u5206\u30016\u6975\uff0850Hz\uff09<\/option>\n            <option value=\"750\">750\u56de\u8ee2\/\u5206\u30018\u6975\uff0850Hz\uff09<\/option>\n            <option value=\"600\">600\u56de\u8ee2\/\u5206\u300110\u6975\uff0850Hz\uff09<\/option>\n            <option value=\"3600\">3600\u56de\u8ee2\/\u5206\u30012\u6975\uff0860Hz\uff09<\/option>\n            <option value=\"1800\">1800\u56de\u8ee2\/\u5206\u30014\u6975\uff0860Hz\uff09<\/option>\n            <option value=\"1200\">1200\u56de\u8ee2\/\u5206\u30016\u6975\uff0860Hz\uff09<\/option>\n            <option value=\"900\">900\u56de\u8ee2\/\u5206\u30018\u6975\uff0860Hz\uff09<\/option>\n            <option value=\"720\">720\u56de\u8ee2\/\u5206\u300110\u6975\uff0860Hz\uff09<\/option>\n        <\/select>\n        <input type=\"number\" id=\"calculator-motorSpeed\" placeholder=\"\u975e\u540c\u671f\u30e2\u30fc\u30bf\u30fc\u306e\u5b9f\u969b\u306e\u5b9a\u683c\u901f\u5ea6\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\">\n        <div class=\"error-msg\" id=\"error-motorSpeed\">\u6709\u52b9\u306a\u6b63\u306e\u901f\u5ea6\u5024\u3092\u9078\u629e\u307e\u305f\u306f\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/div>\n    <\/div>\n\n    <!-- Wheel Diameter -->\n    <div class=\"calc-row\">\n        <label for=\"calculator-wheelDiam\">\u30db\u30a4\u30fc\u30eb\u76f4\u5f84\uff08cm\uff09<\/label>\n        <input type=\"number\" step=\"0.01\" id=\"calculator-wheelDiam\" placeholder=\"\u4f8b\uff1a25\">\n        <div class=\"error-msg\" id=\"error-wheelDiam\">\u6709\u52b9\u306a\u6b63\u306e\u76f4\u5f84\u5024\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/div>\n    <\/div>\n\n    <!-- Reduction Ratio -->\n    <div class=\"calc-row\">\n        <label for=\"calculator-reduction\">\u7dcf\u524a\u6e1b\u7387<\/label>\n        <input type=\"number\" step=\"0.01\" id=\"calculator-reduction\" placeholder=\"\u4f8b\uff1a32.5\">\n        <div class=\"error-msg\" id=\"error-reduction\">\u6709\u52b9\u306a\u6b63\u306e\u6bd4\u7387\u5024\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/div>\n    <\/div>\n\n    <div class=\"btn-group\">\n        <button id=\"calc-submit\">\u79fb\u52d5\u901f\u5ea6\u3092\u8a08\u7b97\u3059\u308b<\/button>\n        <button id=\"calc-reset\">\u3059\u3079\u3066\u30ea\u30bb\u30c3\u30c8<\/button>\n    <\/div>\n\n    <div class=\"result-wrap\">\n        <div>\u8a08\u7b97\u3055\u308c\u305f\u5b9f\u969b\u306e\u8d70\u884c\u901f\u5ea6\uff08m\/\u5206\uff09<\/div>\n        <div id=\"calc-result\">0.00<\/div>\n        <small style=\"color:#666;\">\n    <\/div>\n\n    <script>\n        const CraneSpeedCalc = {\n            fields: [\"motorSpeed\", \"wheelDiam\", \"reduction\"],\n            setError: function(fieldName) {\n                const input = document.getElementById(\"calculator-\" + fieldName);\n                const errMsg = document.getElementById(\"error-\" + fieldName);\n                input.classList.add(\"error\");\n                errMsg.style.display = \"block\";\n            },\n            clearError: function(fieldName) {\n                const input = document.getElementById(\"calculator-\" + fieldName);\n                const errMsg = document.getElementById(\"error-\" + fieldName);\n                input.classList.remove(\"error\");\n                errMsg.style.display = \"none\";\n            },\n            getMotorSpeed: function() {\n                const select = document.getElementById(\"calculator-motorSpeed-select\");\n                const custom = document.getElementById(\"calculator-motorSpeed\");\n                if (select.value !== \"\") {\n                    return parseFloat(select.value);\n                } else if (custom.value.trim() !== \"\") {\n                    return parseFloat(custom.value);\n                }\n                return NaN;\n            },\n            validateInput: function() {\n                let isValid = true;\n                const motorSpeed = this.getMotorSpeed();\n                const wheelDiamCm = parseFloat(document.getElementById(\"calculator-wheelDiam\").value);\n                const reduction = parseFloat(document.getElementById(\"calculator-reduction\").value);\n\n                this.fields.forEach(f => this.clearError(f));\n\n                if (isNaN(motorSpeed) || motorSpeed <= 0) {\n                    this.setError(\"motorSpeed\");\n                    isValid = false;\n                }\n                if (isNaN(wheelDiamCm) || wheelDiamCm <= 0) {\n                    this.setError(\"wheelDiam\");\n                    isValid = false;\n                }\n                if (isNaN(reduction) || reduction <= 0) {\n                    this.setError(\"reduction\");\n                    isValid = false;\n                }\n                return isValid;\n            },\n            calculate: function() {\n                if (!this.validateInput()) return;\n                const n = this.getMotorSpeed();\n                const wheelDiamCm = parseFloat(document.getElementById(\"calculator-wheelDiam\").value);\n                const D = wheelDiamCm \/ 100;\n                const i = parseFloat(document.getElementById(\"calculator-reduction\").value);\n                const pi = 3.1415926;\n                const speed = (pi * n * D) \/ i;\n                document.getElementById(\"calc-result\").textContent = speed.toFixed(2);\n            },\n            resetAll: function() {\n                this.fields.forEach(f => {\n                    const input = document.getElementById(\"calculator-\" + f);\n                    input.value = \"\";\n                    this.clearError(f);\n                });\n                document.getElementById(\"calculator-motorSpeed-select\").selectedIndex = 0;\n                document.getElementById(\"calc-result\").textContent = \"0.00\";\n            },\n            bindEvents: function() {\n                const self = this;\n                document.getElementById(\"calc-submit\").addEventListener(\"click\", () => self.calculate());\n                document.getElementById(\"calc-reset\").addEventListener(\"click\", () => self.resetAll());\n                this.fields.forEach(f => {\n                    const input = document.getElementById(\"calculator-\" + f);\n                    input.addEventListener(\"input\", () => self.clearError(f));\n                });\n                document.getElementById(\"calculator-motorSpeed-select\").addEventListener(\"change\", () => {\n                    self.clearError(\"motorSpeed\");\n                });\n            },\n            init: function() {\n                this.bindEvents();\n            }\n        };\n        CraneSpeedCalc.init();\n    <\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u5929\u4e95\u30af\u30ec\u30fc\u30f3\u304a\u3088\u3073\u30ac\u30f3\u30c8\u30ea\u30fc\u30af\u30ec\u30fc\u30f3\u306e\u5b9f\u969b\u306e\u8d70\u884c\u901f\u5ea6\u8a08\u7b97\u5f0f<\/h2>\n\n\n\n<div id=\"calculator-formula\">\n    <style>\n        #calculator-formula {\n            --primary-color: #0a3487;\n            --text-color: #4a4a4a;\n            text-align: left;\n            font-family: Arial, sans-serif;\n            font-size: 20px;\n            margin: 16px 0 24px;\n            color: var(--text-color);\n        }\n        #calculator-formula .frac {\n            display: inline-block;\n            vertical-align: middle;\n            text-align: center;\n        }\n        #calculator-formula .frac-top {\n            border-bottom: 2px solid var(--text-color);\n            padding: 0 10px;\n        }\n        #calculator-formula .frac-bottom {\n            padding: 0 10px;\n        }\n    <\/style>\n    <div>\n        V\u2080 =\n        <span class=\"frac\">\n            <div class=\"frac-top\">\u03c0 \u00d7 n \u00d7 D<\/div>\n            <div class=\"frac-bottom\">\u79c1<\/div>\n        <\/span>\n    <\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V<sub>0<\/sub>\u5929\u4e95\u30af\u30ec\u30fc\u30f3\u304a\u3088\u3073\u30ac\u30f3\u30c8\u30ea\u30fc\u30af\u30ec\u30fc\u30f3\u306e\u5b9f\u969b\u306e\u8d70\u884c\u901f\u5ea6\uff08\u5358\u4f4d\uff1am\/\u5206\uff09&nbsp;<\/li>\n\n\n\n<li>\u03c0: \u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f3.1415926\u3067\u3059\u3002<\/li>\n\n\n\n<li>n\uff1a\u30e2\u30fc\u30bf\u30fc\u56de\u8ee2\u901f\u5ea6\u306e\u4e88\u5099\u9078\u629e\uff08\u5358\u4f4d\uff1arpm\uff09&nbsp;<\/li>\n\n\n\n<li>D\uff1a\u30db\u30a4\u30fc\u30eb\u76f4\u5f84\uff08\u5358\u4f4d\uff1am\uff09<\/li>\n\n\n\n<li>i\uff1a\u6e1b\u901f\u6a5f\u306e\u30ae\u30a2\u6bd4\u306e\u4e88\u5099\u9078\u5b9a<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u6ce8\u8a18<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5929\u4e95\u30af\u30ec\u30fc\u30f3\u3084\u30ac\u30f3\u30c8\u30ea\u30fc\u30af\u30ec\u30fc\u30f3\u306e\u5b9f\u969b\u306e\u8d70\u884c\u901f\u5ea6\u3092\u8a08\u7b97\u3059\u308b\u5834\u5408\u3001\u901a\u5e38\u306f\u5c0f\u6570\u70b9\u4ee5\u4e0b2\u6841\u307e\u3067\u306e\u5024\u3092\u4fdd\u6301\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30e6\u30fc\u30b6\u30fc\u306f\u3001\u30e1\u30fc\u30ab\u30fc\u304b\u3089\u63d0\u4f9b\u3055\u308c\u305f\u30e2\u30fc\u30bf\u30fc\u901f\u5ea6\u3068\u30ae\u30a2\u30dc\u30c3\u30af\u30b9\u306e\u30ae\u30a2\u6bd4\u30c7\u30fc\u30bf\u3092\u76f4\u63a5\u5165\u529b\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30db\u30a4\u30fc\u30eb\u306e\u76f4\u5f84\u304c\u30bb\u30f3\u30c1\u30e1\u30fc\u30c8\u30eb\u5358\u4f4d\u306e\u5834\u5408\u306f\u3001\u76f4\u63a5\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u81ea\u52d5\u7684\u306b\u30e1\u30fc\u30c8\u30eb\u306b\u5909\u63db\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u9069\u7528\u53ef\u80fd\u306a\u30af\u30ec\u30fc\u30f3<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30b7\u30f3\u30b0\u30eb\u30ac\u30fc\u30c0\u30fc\u5f0f\u5929\u4e95\u30af\u30ec\u30fc\u30f3<\/li>\n\n\n\n<li>\u4e8c\u91cd\u6841\u5929\u4e95\u30af\u30ec\u30fc\u30f3<\/li>\n\n\n\n<li>\u30b7\u30f3\u30b0\u30eb\u30ac\u30fc\u30c0\u30fc\u5f0f\u30ac\u30f3\u30c8\u30ea\u30fc\u30af\u30ec\u30fc\u30f3<\/li>\n\n\n\n<li>\u4e8c\u91cd\u6841\u5f0f\u30ac\u30f3\u30c8\u30ea\u30fc\u30af\u30ec\u30fc\u30f3<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"\u5929\u4e95\u30af\u30ec\u30fc\u30f3\u304a\u3088\u3073\u30ac\u30f3\u30c8\u30ea\u30fc\u30af\u30ec\u30fc\u30f3\u306e\u5b9f\u969b\u306e\u8d70\u884c\u901f\u5ea6\u8a08\u7b97\u30c4\u30fc\u30eb\u306f\u3001\u30af\u30ec\u30fc\u30f3\u306e\u6027\u80fd\u304c\u99c6\u52d5\u30b7\u30b9\u30c6\u30e0\u306b\u898b\u5408\u3063\u3066\u3044\u308b\u304b\u3001\u307e\u305f\u5b9f\u969b\u306e\u904b\u8ee2\u52b9\u7387\u304c\u8a2d\u8a08\u4ed5\u69d8\u3092\u6e80\u305f\u3057\u3066\u3044\u308b\u304b\u3092\u8a55\u4fa1\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u8d70\u884c\u901f\u5ea6\u304c\u9045\u3059\u304e\u308b\u3068\u52b9\u7387\u304c\u4f4e\u4e0b\u3057\u3001\u751f\u7523\u3084\u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u306e\u904b\u7528\u306b\u652f\u969c\u3092\u304d\u305f\u3057\u307e\u3059\u3002\u9006\u306b\u3001\u901f\u5ea6\u304c\u901f\u3059\u304e\u308b\u3068\u904b\u8ee2\u4e2d\u306b\u904e\u5270\u306a\u6163\u6027\u304c\u767a\u751f\u3057\u3001\u6a5f\u68b0\u90e8\u54c1\u306e\u640d\u50b7\u30ea\u30b9\u30af\u3084\u4e8b\u6545\u767a\u751f\u306e\u53ef\u80fd\u6027\u304c\u9ad8\u307e\u308a\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u5929\u4e95\u30af\u30ec\u30fc\u30f3\u304a\u3088\u3073\u30ac\u30f3\u30c8\u30ea\u30fc\u30af\u30ec\u30fc\u30f3\u306e\u5b9f\u969b\u306e\u8d70\u884c\u901f\u5ea6\u3092\u9069\u5207\u306b\u5236\u5fa1\u3059\u308b\u3053\u3068\u3067\u3001\u30af\u30ec\u30fc\u30f3\u306e\u52b9\u7387\u3068\u904b\u8ee2\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u3001\u8010\u7528\u5e74\u6570\u3082\u5ef6\u9577\u3055\u308c\u307e\u3059\u3002","protected":false},"author":8,"featured_media":17285,"parent":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-onlinetools.php","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"pgc_sgb_lightbox_settings":"","footnotes":""},"categories":[1059],"tags":[],"class_list":["post-17279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-online-tools"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/posts\/17279"}],"collection":[{"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/comments?post=17279"}],"version-history":[{"count":6,"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/posts\/17279\/revisions"}],"predecessor-version":[{"id":17287,"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/posts\/17279\/revisions\/17287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/media\/17285"}],"wp:attachment":[{"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/media?parent=17279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/categories?post=17279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dgcrane.com\/ja\/wp-json\/wp\/v2\/tags?post=17279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}