<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>便利ツール | ZACK IT</title>
	<atom:link href="https://zack-it.com/tag/%E4%BE%BF%E5%88%A9%E3%83%84%E3%83%BC%E3%83%AB/feed/" rel="self" type="application/rss+xml" />
	<link>https://zack-it.com</link>
	<description>Tech×AIメディア「未来をもっと身近に」</description>
	<lastBuildDate>Sat, 30 Aug 2025 09:48:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://zack-it.com/wp-content/uploads/2024/03/cropped-ZACKITサイトlogo修正-32x32.png</url>
	<title>便利ツール | ZACK IT</title>
	<link>https://zack-it.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【ブクマ推奨】モニターインチ数/解像度だけでアスペクト比とサイズ計算してくれるツール</title>
		<link>https://zack-it.com/monitor-size-aspect-calculation-tool/</link>
		
		<dc:creator><![CDATA[Kotack]]></dc:creator>
		<pubDate>Sun, 24 Aug 2025 08:03:40 +0000</pubDate>
				<category><![CDATA[モニター]]></category>
		<category><![CDATA[PCモニター]]></category>
		<category><![CDATA[ゲーミングモニター]]></category>
		<category><![CDATA[モバイルモニター]]></category>
		<category><![CDATA[便利ツール]]></category>
		<guid isPermaLink="false">https://zack-it.com/?p=7221</guid>

					<description><![CDATA[&#12514;&#12491;&#12479;&#12540;&#12398;&#12452;&#12531;&#12481;(inch)/&#12475;&#12531;&#12481;(cm)&#38;&#1246 [&#8230;]]]></description>
										<content:encoded><![CDATA[<?xml encoding="utf-8" ?><div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://zack-it.com/wp-content/uploads/2024/06/%E5%9B%B0%E3%81%A3%E3%81%9F%E7%94%B7%E6%80%A7-e1717481809166-150x150.png" alt="PC&#12518;&#12540;&#12470;&#12540;" class="speech-icon-image"></figure><div class="speech-name">PC&#12518;&#12540;&#12470;&#12540;</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">&#12514;&#12491;&#12479;&#12540;&#12398;&#12452;&#12531;&#12481;&#12387;&#12390;&#12393;&#12371;&#12398;&#12469;&#12452;&#12474;&#12394;&#12398;&#65311;&#12394;&#12435;&#12391;&#12475;&#12531;&#12481;(cm)&#12376;&#12419;&#12394;&#12356;&#12398;&#65311;<br>&#20998;&#12363;&#12426;&#12389;&#12425;&#12356;&#12363;&#12425;&#28961;&#26009;&#12391;&#35336;&#31639;&#12391;&#12365;&#12427;&#12469;&#12452;&#12488;&#12394;&#12356;&#12398;&#65311;</p>
</div></div><div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-r sbis-sn cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://zack-it.com/wp-content/uploads/2024/02/ZACKIT%E3%82%B5%E3%82%A4%E3%83%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3-150x150.png" alt="Kotack&lt;br&gt;(ZACK IT&#32232;&#38598;)" class="speech-icon-image"></figure><div class="speech-name">Kotack<br>(ZACK IT&#32232;&#38598;)</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">&#12514;&#12491;&#12479;&#12540;&#12398;&#12452;&#12531;&#12481;&#12399;&#30011;&#38754;&#12398;&#23550;&#35282;&#32218;&#12398;&#12469;&#12452;&#12474;&#12384;&#12397;&#12290;<br>&#12394;&#12380;&#12475;&#12531;&#12481;&#12376;&#12419;&#12394;&#12367;&#12390;&#12452;&#12531;&#12481;&#12363;&#12392;&#12356;&#12358;&#12392;&#27431;&#31859;&#12363;&#12425;&#36664;&#20837;&#12373;&#12428;&#12383;&#27161;&#28310;&#35215;&#26684;&#12384;&#12363;&#12425;&#12290;<br>&#12452;&#12531;&#12481;(inch)&rArr;&#12475;&#12531;&#12481;(cm)&#12408;&#12398;&#22793;&#25563;&#12384;&#12369;&#12391;&#12399;&#12394;&#12367;&#12289;&#30011;&#38754;&#12398;&#27178;&#24133;&#12420;&#39640;&#12373;&#12414;&#12391;&#12434;&#31777;&#21336;&#12395;&#33258;&#21205;&#35336;&#31639;&#12375;&#12390;&#12367;&#12428;&#12427;&#12484;&#12540;&#12523;&#12434;&#38283;&#30330;&#12375;&#12383;&#12363;&#12425;&#19979;&#12395;&#12473;&#12463;&#12525;&#12540;&#12523;&#12375;&#12390;&#20351;&#12387;&#12390;&#12415;&#12390;&#12290;</p>
</div></div><div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p class="wp-block-paragraph">&#12371;&#12398;&#12484;&#12540;&#12523;&#12399;&#12514;&#12491;&#12479;&#12540;&#12469;&#12452;&#12474;&#12434;&#33258;&#21205;&#35336;&#31639;&#12375;&#12390;&#12367;&#12428;&#12427;&#20415;&#21033;&#12394;&#12484;&#12540;&#12523;&#12384;&#12290;&#12514;&#12491;&#12479;&#12540;&#12398;&#35299;&#20687;&#24230;&#12392;&#12452;&#12531;&#12481;&#25968;&#12434;&#20837;&#21147;&#12377;&#12427;&#12384;&#12369;&#12391;&#12289;&#30011;&#38754;&#12398;&#27178;&#24133;/&#39640;&#12373;&#12289;&#12373;&#12425;&#12395;&#12399;&#12452;&#12531;&#12481;&#12434;&#12475;&#12531;&#12481;&#12395;&#22793;&#25563;&#12375;&#12390;&#12367;&#12428;&#12427;&#20778;&#12428;&#12514;&#12494;&#12384;&#12290;&#12380;&#12402;&#12502;&#12483;&#12463;&#12510;&#12540;&#12463;&#12375;&#12390;&#26222;&#27573;&#12363;&#12425;&#27963;&#29992;&#12375;&#12390;&#12411;&#12375;&#12356;&#12290;</p>
</div><h2 class="wp-block-heading">&#12514;&#12491;&#12479;&#12540;&#12398;&#12452;&#12531;&#12481;(inch)/&#12475;&#12531;&#12481;(cm)&amp;&#12469;&#12452;&#12474;&#12434;&#33258;&#21205;&#35336;&#31639;&#12377;&#12427;&#12484;&#12540;&#12523;</h2><p class="wp-block-paragraph">&#12371;&#12398;&#12484;&#12540;&#12523;&#12398;&#20351;&#12356;&#26041;&#12399;&#31777;&#21336;&#12391;&#12289;&#20363;&#12360;&#12400;1920&times;1080&#12398;24&#12452;&#12531;&#12481;&#12514;&#12491;&#12479;&#12540;&#12398;&#12469;&#12452;&#12474;&#12364;&#20309;&#12475;&#12531;&#12481;&#12363;&#12434;&#30693;&#12426;&#12383;&#12356;&#22580;&#21512;&#12289;&rdquo;&#27178;&#24133; (pixel)&rdquo;&#12395;&rdquo;1920&rdquo;&#12289;&rdquo;&#32294;&#24133; (pixel)&rdquo;&#12395;&rdquo;1080&rdquo;&#12392;&#20837;&#21147;&#12375;&#12289;<strong><span class="marker-under">&#12514;&#12491;&#12479;&#12540;&#12398;&#12469;&#12452;&#12474;&#12434;&#12452;&#12531;&#12481;&#25968;&#12391;&#20837;&#21147;</span></strong>&#12377;&#12427;&#12384;&#12369;&#12290;&#12381;&#12358;&#12377;&#12427;&#12392;&#12289;<strong><span class="marker-under">16:9&#12398;&#12450;&#12473;&#12506;&#12463;&#12488;&#27604;&#12391;&#12354;&#12427;&#12371;&#12392;&#12364;&#33258;&#21205;&#12391;&#35336;&#31639;</span></strong>&#12373;&#12428;&#12289;&#30011;&#38754;&#12398;&#27178;&#24133;&#12392;&#39640;&#12373;&#12418;&#27010;&#31639;&#12391;&#35336;&#31639;&#12375;&#12390;&#12367;&#12428;&#12427;&#12290;&#27880;&#24847;&#28857;&#12392;&#12375;&#12390;&#12289;&#12371;&#12398;&#33258;&#21205;&#35336;&#31639;&#12373;&#12428;&#12427;&#23544;&#27861;&#12399;&#12354;&#12367;&#12414;&#12391;&#30011;&#38754;&#12469;&#12452;&#12474;&#12391;&#12354;&#12426;&#12289;<strong><span class="marker-under">&#12514;&#12491;&#12479;&#12540;&#12473;&#12479;&#12531;&#12489;&#12398;&#39640;&#12373;&#12420;&#12505;&#12476;&#12523;(&#12514;&#12491;&#12479;&#12540;&#12398;&#12501;&#12524;&#12540;&#12512;)&#12398;&#23544;&#27861;&#12399;&#21547;&#12414;&#12428;&#12394;&#12356;</span></strong>&#28857;&#12395;&#30041;&#24847;&#12375;&#12383;&#12356;&#12290;</p><!--
  &#12514;&#12491;&#12479;&#12540;&#35299;&#20687;&#24230;&#12539;&#12450;&#12473;&#12506;&#12463;&#12488;&#27604;&#23550;&#24540;&#12452;&#12531;&#12481;&#35336;&#31639;&#12484;&#12540;&#12523;
  &#33879;&#20316;&#27177; (C) 2025 zack-it.com. &#28961;&#26029;&#35079;&#20889;&#12539;&#36578;&#36617;&#12434;&#31105;&#12376;&#12414;&#12377;&#12290;
  &#12371;&#12398;&#12467;&#12540;&#12489;&#12399;&#12289;&#20491;&#20154;&#30340;&#12394;&#21033;&#29992;&#12414;&#12383;&#12399;&#12487;&#12514;&#12531;&#12473;&#12488;&#12524;&#12540;&#12471;&#12519;&#12531;&#30446;&#30340;&#12391;&#12398;&#12415;&#25552;&#20379;&#12373;&#12428;&#12390;&#12356;&#12414;&#12377;&#12290;
  &#21830;&#29992;&#21033;&#29992;&#12420;&#20877;&#37197;&#24067;&#12395;&#12388;&#12356;&#12390;&#12399;&#12289;&#21029;&#36884;&#12362;&#21839;&#12356;&#21512;&#12431;&#12379;&#12367;&#12384;&#12373;&#12356;&#12290;
--><div id="monitor-calculator-wrapper" style="max-width: 100%; margin: 20px auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
    <style scoped>
        #monitor-calculator-wrapper {
            --calc-bg: #ffffff;
            --calc-border: #e5e7eb;
            --calc-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --calc-text-primary: #1f2937;
            --calc-text-secondary: #6b7280;
            --calc-text-muted: #9ca3af;
            --calc-blue: #3b82f6;
            --calc-green: #10b981;
            --calc-red: #ef4444;
            --calc-yellow: #f59e0b;
        }

        #monitor-calculator-wrapper * {
            box-sizing: border-box;
        }

        .calculator-container {
            background: var(--calc-bg);
            border-radius: 16px;
            box-shadow: var(--calc-shadow);
            overflow: hidden;
            padding: 24px;
            border: 1px solid var(--calc-border);
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
        }

        .calculator-header {
            text-align: center;
            margin-bottom: 24px;
        }

        .calculator-title {
            font-size: 28px;
            font-weight: 700;
            color: var(--calc-text-primary);
            margin: 0 0 8px 0;
            line-height: 1.2;
        }

        .calculator-subtitle {
            color: var(--calc-text-secondary);
            font-size: 14px;
            margin: 0;
            line-height: 1.4;
        }

        .input-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 16px;
            margin-bottom: 24px;
        }

        .input-group {
            display: flex;
            flex-direction: column;
        }

        .input-label {
            font-size: 13px;
            font-weight: 500;
            color: var(--calc-text-primary);
            margin-bottom: 6px;
        }

        .input-field {
            border-radius: 6px;
            border: 1px solid #d1d5db;
            padding: 8px 10px;
            font-size: 14px;
            text-align: center;
            transition: all 0.2s;
            background: #ffffff;
        }

        .input-field:focus {
            outline: none;
            border-color: var(--calc-blue);
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
        }

        .aspect-display {
            background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
            border-radius: 8px;
            padding: 12px;
            text-align: center;
            margin-bottom: 20px;
            border: 1px solid var(--calc-border);
        }

        .aspect-ratio-text {
            font-size: 18px;
            font-weight: 600;
            color: var(--calc-text-primary);
            margin: 0;
        }

        .aspect-common-name {
            font-size: 12px;
            color: var(--calc-text-secondary);
            margin: 4px 0 0 0;
        }

        .monitor-visual {
            position: relative;
            width: 100%;
            max-width: 400px;
            margin: 0 auto 24px auto;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 150px;
        }

        .monitor-svg {
            width: 100%;
            height: auto;
            transition: all 0.5s ease-in-out;
        }

        .monitor-outline {
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
            animation: monitor-draw 1.5s forwards;
        }

        .monitor-diagonal {
            stroke-dasharray: 500;
            stroke-dashoffset: 500;
            animation: diagonal-draw 1s forwards 1.5s;
        }

        .monitor-shake {
            animation: monitor-shake 0.4s ease-in-out;
        }

        .result-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(8px);
            padding: 16px 20px;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border: 1px solid rgba(255, 255, 255, 0.8);
            opacity: 0;
            transform: translate(-50%, -50%) scale(0.8);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 10;
            text-align: center;
        }

        .result-overlay.show {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }

        .result-dimensions {
            font-size: 16px;
            font-weight: 700;
            color: var(--calc-text-primary);
            margin: 0 0 4px 0;
        }

        .result-diagonal {
            font-size: 12px;
            color: var(--calc-text-secondary);
            margin: 0;
        }

        .calculator-note {
            font-size: 12px;
            color: var(--calc-text-muted);
            text-align: center;
            margin-top: 8px;
        }

        @keyframes monitor-draw {
            to { stroke-dashoffset: 0; }
        }

        @keyframes diagonal-draw {
            to { stroke-dashoffset: 0; }
        }

        @keyframes monitor-shake {
            0% { transform: rotate(0deg); }
            10% { transform: rotate(0.5deg); }
            20% { transform: rotate(-0.5deg); }
            30% { transform: rotate(0.5deg); }
            40% { transform: rotate(-0.5deg); }
            50% { transform: rotate(0deg); }
            100% { transform: rotate(0deg); }
        }

        /* レスポンシブ対応 */
        @media (max-width: 600px) {
            .input-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            .calculator-container {
                padding: 20px;
                margin: 0 10px;
            }
            .calculator-title {
                font-size: 24px;
            }
            .result-dimensions {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .input-grid {
                grid-template-columns: 1fr 1fr;
            }
            .input-group:nth-child(3) {
                grid-column: 1 / -1;
            }
        }
    </style>

    <div class="calculator-container">
        <!-- &#12504;&#12483;&#12480;&#12540; -->
        <div class="calculator-header">
            <strong class="calculator-title">&#12514;&#12491;&#12479;&#12540;&#12469;&#12452;&#12474;/&#12450;&#12473;&#12506;&#12463;&#12488;&#27604;&#35336;&#31639;&#12484;&#12540;&#12523;</strong>
            <p class="calculator-subtitle">&#35299;&#20687;&#24230;&#12392;&#12452;&#12531;&#12481;&#25968;&#12363;&#12425;&#23455;&#38555;&#12398;&#12469;&#12452;&#12474;&#12434;&#35336;&#31639;&#12375;&#12414;&#12377;</p>
        </div>

        <!-- &#20837;&#21147;&#12501;&#12457;&#12540;&#12512; -->
        <div class="input-grid">
            <div class="input-group">
                <label for="width-input" class="input-label">&#27178;&#24133; (pixel)</label>
                <input type="number" id="width-input" min="1" placeholder="1920" class="input-field">
            </div>
            <div class="input-group">
                <label for="height-input" class="input-label">&#32294;&#24133; (pixel)</label>
                <input type="number" id="height-input" min="1" placeholder="1080" class="input-field">
            </div>
            <div class="input-group">
                <label for="diagonal-input" class="input-label">&#23550;&#35282;&#32218; (inch)</label>
                <input type="number" id="diagonal-input" step="0.1" min="0.1" placeholder="24" class="input-field">
            </div>
        </div>

        <!-- &#12450;&#12473;&#12506;&#12463;&#12488;&#27604;&#34920;&#31034; -->
        <div class="aspect-display">
            <div id="aspect-ratio-text" class="aspect-ratio-text">16:9</div>
            <div id="aspect-common-name" class="aspect-common-name">&#12501;&#12523;HD&#12539;4K&#27161;&#28310;</div>
        </div>

        <!-- &#12514;&#12491;&#12479;&#12540;&#35222;&#35226;&#21270; -->
        <div class="monitor-visual">
            <svg id="monitor-svg" class="monitor-svg" viewbox="0 0 200 120" preserveaspectratio="xMidYMid meet">
                <!-- &#12514;&#12491;&#12479;&#12540;&#26412;&#20307; -->
                <rect id="monitor-rect" class="monitor-outline" x="20" y="20" width="160" height="90" rx="8" ry="8" fill="#1e293b" stroke="#64748b" stroke-width="1"></rect>
                
                <!-- &#23550;&#35282;&#32218; -->
                <line id="monitor-diagonal" class="monitor-diagonal" x1="30" y1="100" x2="170" y2="30" stroke="#cbd5e1" stroke-width="1" marker-start="url(#arrow-start)" marker-end="url(#arrow-end)"></line>
                
                <!-- &#30690;&#21360;&#12510;&#12540;&#12459;&#12540; -->
                <defs>
                    <marker id="arrow-start" viewbox="0 0 10 10" refx="5" refy="5" markerwidth="5" markerheight="5" orient="auto-start-reverse">
                        <path d="M 0 0 L 10 5 L 0 10 z" fill="#cbd5e1"></path>
                    </marker>
                    <marker id="arrow-end" viewbox="0 0 10 10" refx="5" refy="5" markerwidth="5" markerheight="5" orient="auto-start-reverse">
                        <path d="M 0 0 L 10 5 L 0 10 z" fill="#cbd5e1"></path>
                    </marker>
                </defs>
            </svg>
            
            <!-- &#32080;&#26524;&#34920;&#31034; -->
            <div id="result-overlay" class="result-overlay">
                <div id="result-dimensions" class="result-dimensions"></div>
                <div id="result-diagonal" class="result-diagonal"></div>
            </div>
        </div>

        <!-- &#35036;&#36275;&#35500;&#26126; -->
        <div class="calculator-note">
            &#8251; 1&#12452;&#12531;&#12481; = 2.54cm&#12289;&#12500;&#12463;&#12475;&#12523;&#23494;&#24230;&#12399;&#23455;&#38555;&#12398;&#30011;&#38754;&#12469;&#12452;&#12474;&#12363;&#12425;&#33258;&#21205;&#35336;&#31639;<br>
            &#8251; &#12505;&#12476;&#12523;(&#12514;&#12491;&#12479;&#12540;&#12398;&#12501;&#12524;&#12540;&#12512;)&#12398;&#22826;&#12373;&#12420;&#12473;&#12479;&#12531;&#12489;&#12398;&#39640;&#12373;&#12399;&#35336;&#31639;&#12395;&#21547;&#12414;&#12428;&#12414;&#12379;&#12435;
        </div>
    </div>

    <script>
        (function() {
            const MonitorCalculator = {
                INCH_TO_CM: 2.54,
                
                aspectRatioNames: {
                    '16:9': 'フルHD・4K標準',
                    '16:10': 'WUXGA標準',
                    '21:9': 'ウルトラワイド',
                    '32:9': 'スーパーウルトラワイド',
                    '4:3': 'クラシック',
                    '5:4': 'SXGA',
                    '3:2': 'Surface系',
                    '1:1': 'スクエア'
                },

                // 実際の解像度から一般的なアスペクト比へのマッピング
                resolutionToAspectRatio: {
                    // 21:9 ウルトラワイド系
                    '3440x1440': { ratio: '21:9', name: 'ウルトラワイド', width: 21, height: 9 },
                    '2560x1080': { ratio: '21:9', name: 'ウルトラワイド', width: 21, height: 9 },
                    '5120x2160': { ratio: '21:9', name: 'ウルトラワイド5K', width: 21, height: 9 },
                    
                    // 32:9 スーパーウルトラワイド系
                    '5120x1440': { ratio: '32:9', name: 'スーパーウルトラワイド', width: 32, height: 9 },
                    '3840x1080': { ratio: '32:9', name: 'スーパーウルトラワイド', width: 32, height: 9 },
                    
                    // 16:9 標準系
                    '1920x1080': { ratio: '16:9', name: 'フルHD', width: 16, height: 9 },
                    '3840x2160': { ratio: '16:9', name: '4K UHD', width: 16, height: 9 },
                    '2560x1440': { ratio: '16:9', name: 'WQHD', width: 16, height: 9 },
                    '1366x768': { ratio: '16:9', name: 'HD', width: 16, height: 9 },
                    '5120x2880': { ratio: '16:9', name: '5K', width: 16, height: 9 },
                    '7680x4320': { ratio: '16:9', name: '8K', width: 16, height: 9 },
                    
                    // 16:10 系
                    '1920x1200': { ratio: '16:10', name: 'WUXGA', width: 16, height: 10 },
                    '2560x1600': { ratio: '16:10', name: 'WQXGA', width: 16, height: 10 },
                    '3840x2400': { ratio: '16:10', name: '4K 16:10', width: 16, height: 10 },
                    
                    // 4:3 クラシック系
                    '1024x768': { ratio: '4:3', name: 'XGA', width: 4, height: 3 },
                    '1600x1200': { ratio: '4:3', name: 'UXGA', width: 4, height: 3 },
                    '2048x1536': { ratio: '4:3', name: 'QXGA', width: 4, height: 3 },
                    
                    // その他
                    '1440x900': { ratio: '16:10', name: 'WXGA+', width: 16, height: 10 },
                    '1680x1050': { ratio: '16:10', name: 'WSXGA+', width: 16, height: 10 }
                },
                
                init: function() {
                    this.widthInput = document.getElementById('width-input');
                    this.heightInput = document.getElementById('height-input');
                    this.diagonalInput = document.getElementById('diagonal-input');
                    this.aspectRatioText = document.getElementById('aspect-ratio-text');
                    this.aspectCommonName = document.getElementById('aspect-common-name');
                    this.monitorRect = document.getElementById('monitor-rect');
                    this.monitorDiagonal = document.getElementById('monitor-diagonal');
                    this.monitorSvg = document.getElementById('monitor-svg');
                    this.resultOverlay = document.getElementById('result-overlay');
                    this.resultDimensions = document.getElementById('result-dimensions');
                    this.resultDiagonal = document.getElementById('result-diagonal');
                    
                    // デフォルト値設定
                    this.widthInput.value = '';
                    this.heightInput.value = '';
                    this.diagonalInput.value = '';
                    
                    this.bindEvents();
                    this.calculate();
                },

                bindEvents: function() {
                    const inputs = [this.widthInput, this.heightInput, this.diagonalInput];
                    inputs.forEach(input => {
                        if (input) {
                            input.addEventListener('input', this.calculate.bind(this));
                            input.addEventListener('keyup', this.calculate.bind(this));
                            input.addEventListener('change', this.calculate.bind(this));
                        }
                    });
                },

                gcd: function(a, b) {
                    return b === 0 ? a : this.gcd(b, a % b);
                },

                calculateAspectRatio: function(width, height) {
                    // まず実際の解像度から一般的なアスペクト比を検索
                    const resolutionKey = `${width}x${height}`;
                    if (this.resolutionToAspectRatio[resolutionKey]) {
                        const mappedRatio = this.resolutionToAspectRatio[resolutionKey];
                        return {
                            width: mappedRatio.width,
                            height: mappedRatio.height,
                            ratio: mappedRatio.width / mappedRatio.height,
                            name: mappedRatio.name,
                            isStandard: true
                        };
                    }
                    
                    // マッピングにない場合は近似値をチェック
                    const inputRatio = width / height;
                    const tolerance = 0.05; // 5%の許容範囲
                    
                    // 一般的なアスペクト比との近似チェック
                    const standardRatios = [
                        { ratio: 21/9, width: 21, height: 9, name: 'ウルトラワイド' },
                        { ratio: 32/9, width: 32, height: 9, name: 'スーパーウルトラワイド' },
                        { ratio: 16/9, width: 16, height: 9, name: '標準ワイド' },
                        { ratio: 16/10, width: 16, height: 10, name: 'ワイド16:10' },
                        { ratio: 4/3, width: 4, height: 3, name: 'クラシック4:3' },
                        { ratio: 5/4, width: 5, height: 4, name: 'SXGA' },
                        { ratio: 3/2, width: 3, height: 2, name: 'Surface系' }
                    ];
                    
                    for (let standard of standardRatios) {
                        if (Math.abs(inputRatio - standard.ratio) / standard.ratio < tolerance) {
                            return {
                                width: standard.width,
                                height: standard.height,
                                ratio: standard.ratio,
                                name: standard.name,
                                isStandard: true
                            };
                        }
                    }
                    
                    // 標準的な比率にない場合は数学的計算
                    const gcd = this.gcd(width, height);
                    const ratioW = width / gcd;
                    const ratioH = height / gcd;
                    return {
                        width: ratioW,
                        height: ratioH,
                        ratio: ratioW / ratioH,
                        name: '非標準',
                        isStandard: false
                    };
                },

                getAspectRatioName: function(aspectData) {
                    if (aspectData.isStandard) {
                        return aspectData.name;
                    }
                    const ratioString = `${aspectData.width}:${aspectData.height}`;
                    return this.aspectRatioNames[ratioString] || '非標準';
                },

                updateMonitorShape: function(aspectRatio) {
                    const baseWidth = 160;
                    const baseHeight = baseWidth / aspectRatio;
                    const maxHeight = 80;
                    
                    let finalWidth, finalHeight;
                    if (baseHeight > maxHeight) {
                        finalHeight = maxHeight;
                        finalWidth = finalHeight * aspectRatio;
                    } else {
                        finalWidth = baseWidth;
                        finalHeight = baseHeight;
                    }
                    
                    const x = (200 - finalWidth) / 2;
                    const y = (120 - finalHeight) / 2;
                    
                    this.monitorRect.setAttribute('x', x);
                    this.monitorRect.setAttribute('y', y);
                    this.monitorRect.setAttribute('width', finalWidth);
                    this.monitorRect.setAttribute('height', finalHeight);
                    
                    // 対角線の更新
                    const margin = 8;
                    this.monitorDiagonal.setAttribute('x1', x + margin);
                    this.monitorDiagonal.setAttribute('y1', y + finalHeight - margin);
                    this.monitorDiagonal.setAttribute('x2', x + finalWidth - margin);
                    this.monitorDiagonal.setAttribute('y2', y + margin);
                },

                calculate: function() {
                    const width = parseFloat(this.widthInput.value);
                    const height = parseFloat(this.heightInput.value);
                    const diagonal = parseFloat(this.diagonalInput.value);
                    
                    // 入力値の検証
                    if (!width || !height || !diagonal || width <= 0 || height <= 0 || diagonal <= 0) {
                        this.resultOverlay.classList.remove('show');
                        this.aspectRatioText.textContent = '--:--';
                        this.aspectCommonName.textContent = '数値を入力してください';
                        return;
                    }

                    // アスペクト比計算
                    const aspectData = this.calculateAspectRatio(width, height);
                    const aspectName = this.getAspectRatioName(aspectData);
                    
                    // アスペクト比表示更新
                    this.aspectRatioText.textContent = `${aspectData.width}:${aspectData.height}`;
                    this.aspectCommonName.textContent = aspectName;
                    
                    // モニター形状更新
                    this.updateMonitorShape(aspectData.ratio);
                    
                    // 実際のサイズ計算
                    const diagonalCm = diagonal * this.INCH_TO_CM;
                    const diagonalPixels = Math.sqrt(width * width + height * height);
                    const pixelSizeCm = diagonalCm / diagonalPixels;
                    
                    const widthCm = (width * pixelSizeCm).toFixed(1);
                    const heightCm = (height * pixelSizeCm).toFixed(1);
                    
                    // 結果表示
                    this.resultDimensions.textContent = `W: ${widthCm} × H: ${heightCm} cm`;
                    this.resultDiagonal.textContent = `対角線: ${diagonalCm.toFixed(1)} cm`;
                    
                    // アニメーション
                    this.resultOverlay.classList.add('show');
                    this.monitorSvg.classList.add('monitor-shake');
                    
                    setTimeout(() => {
                        this.monitorSvg.classList.remove('monitor-shake');
                    }, 400);
                }
            };

            // 初期化
            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', function() {
                    MonitorCalculator.init();
                });
            } else {
                MonitorCalculator.init();
            }
        })();
    </script>
</div><div class="ad-box block-box"><div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet></div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- &#12524;&#12473;&#12509;&#12531;&#12471;&#12502;&#12467;&#12540;&#12489; -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5649692181311628" data-ad-slot="2395229788" data-ad-format="rectangle" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</div><h3 class="wp-block-heading">&#12452;&#12531;&#12481;&rarr;&#12475;&#12531;&#12481;&#26089;&#35211;&#34920;&#12288;&#12354;&#12394;&#12383;&#12398;&#12514;&#12491;&#12479;&#12540;&#12399;&#20309;&#12475;&#12531;&#12481;&#65311;</h3><figure class="wp-block-table aligncenter"><div class="scrollable-table"><table><thead><tr><th>&#12514;&#12491;&#12479;&#12540;&#12452;&#12531;&#12481;&#25968;</th><th>&#12475;&#12531;&#12481;&#22793;&#25563;&#24460;</th></tr></thead><tbody><tr><td>16&#12452;&#12531;&#12481;</td><td>40.6cm</td></tr><tr><td>22&#12452;&#12531;&#12481;</td><td>55.9cm</td></tr><tr><td>23.8&#12452;&#12531;&#12481;</td><td>60.5cm</td></tr><tr><td>24&#12452;&#12531;&#12481;</td><td>61cm</td></tr><tr><td>27&#12452;&#12531;&#12481;</td><td>68.6cm</td></tr><tr><td>32&#12452;&#12531;&#12481;</td><td>81.3cm</td></tr><tr><td>34&#12452;&#12531;&#12481;</td><td>86.4cm</td></tr></tbody></table></div></figure><p class="wp-block-paragraph">&#24403;&#12469;&#12452;&#12488;&#12399;&#12371;&#12398;&#12411;&#12363;&#12395;&#12289;&#12514;&#12491;&#12479;&#12540;&#12398;&#29694;&#22312;&#35373;&#23450;&#12373;&#12428;&#12390;&#12356;&#12427;&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#12434;&#33258;&#21205;&#26908;&#30693;&#12375;&#12390;&#25968;&#20516;&#12434;&#34920;&#31034;&#12367;&#12428;&#12427;&#20415;&#21033;&#12484;&#12540;&#12523;&#12418;&#38283;&#30330;&#12375;&#12390;&#12356;&#12427;&#12290;&#12371;&#12398;&#12484;&#12540;&#12523;&#12398;&#39749;&#21147;&#12399;&#12289;&#26377;&#21517;&#12394;UFOtest&#12395;&#12399;&#12394;&#12356;&#27178;&#12473;&#12521;&#12452;&#12489;&#12377;&#12427;&#30011;&#20687;&#12434;&#33258;&#30001;&#12395;&#22793;&#26356;&#12391;&#12365;&#12427;&#28857;&#12395;&#12354;&#12427;&#12290;&#33258;&#36523;&#12398;&#22909;&#12365;&#12394;&#12461;&#12515;&#12521;&#12420;&#12525;&#12468;&#12434;&#35373;&#23450;&#12375;&#12390;&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#12398;&#36949;&#12356;&#12395;&#12424;&#12427;&#30011;&#38754;&#12398;&#39854;&#26126;&#12373;&#12434;&#20307;&#24863;&#12375;&#12390;&#12411;&#12375;&#12356;&#12290;</p><figure class="wp-block-image aligncenter size-full"><img fetchpriority="high" decoding="async" width="770" height="536" src="https://zack-it.com/wp-content/uploads/2025/08/image-69.png" alt="" class="wp-image-7316" srcset="https://zack-it.com/wp-content/uploads/2025/08/image-69.png 770w, https://zack-it.com/wp-content/uploads/2025/08/image-69-300x209.png 300w, https://zack-it.com/wp-content/uploads/2025/08/image-69-768x535.png 768w" sizes="(max-width: 770px) 100vw, 770px"><figcaption class="wp-element-caption">ZACK IT &#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#28204;&#23450;&#12484;&#12540;&#12523;(&#12502;&#12521;&#12454;&#12470;&#29256;)&#12394;&#12425;&#12473;&#12463;&#12525;&#12540;&#12523;&#12373;&#12379;&#12427;&#30011;&#20687;&#12434;&#22909;&#12365;&#12395;&#22793;&#26356;&#21487;&#33021;</figcaption></figure><div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">

<a href="https://zack-it.com/your-display-refreshrate-framerate-checker/" title="&#12304;&#28961;&#26009;&#12305;&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#12539;&#12501;&#12524;&#12540;&#12512;&#12524;&#12540;&#12488;&#12364;&#12502;&#12521;&#12454;&#12470;&#19978;&#12391;&#21363;&#26178;&#30906;&#35469;&#12391;&#12365;&#12427;&#12484;&#12540;&#12523;" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="160" height="90" src="https://zack-it.com/wp-content/uploads/2025/06/%E3%83%AA%E3%83%95%E3%83%AC%E3%83%83%E3%82%B7%E3%83%A5%E3%83%AC%E3%83%BC%E3%83%88%E6%B8%AC%E5%AE%9A%E3%83%84%E3%83%BC%E3%83%AB%E8%A8%98%E4%BA%8B%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB-1-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://zack-it.com/wp-content/uploads/2025/06/&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#28204;&#23450;&#12484;&#12540;&#12523;&#35352;&#20107;&#12469;&#12512;&#12493;&#12452;&#12523;-1-160x90.jpg 160w, https://zack-it.com/wp-content/uploads/2025/06/&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#28204;&#23450;&#12484;&#12540;&#12523;&#35352;&#20107;&#12469;&#12512;&#12493;&#12452;&#12523;-1-300x169.jpg 300w, https://zack-it.com/wp-content/uploads/2025/06/&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#28204;&#23450;&#12484;&#12540;&#12523;&#35352;&#20107;&#12469;&#12512;&#12493;&#12452;&#12523;-1-768x432.jpg 768w, https://zack-it.com/wp-content/uploads/2025/06/&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#28204;&#23450;&#12484;&#12540;&#12523;&#35352;&#20107;&#12469;&#12512;&#12493;&#12452;&#12523;-1-120x68.jpg 120w, https://zack-it.com/wp-content/uploads/2025/06/&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#28204;&#23450;&#12484;&#12540;&#12523;&#35352;&#20107;&#12469;&#12512;&#12493;&#12452;&#12523;-1-320x180.jpg 320w, https://zack-it.com/wp-content/uploads/2025/06/&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#28204;&#23450;&#12484;&#12540;&#12523;&#35352;&#20107;&#12469;&#12512;&#12493;&#12452;&#12523;-1.jpg 1000w" sizes="(max-width: 160px) 100vw, 160px"></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">&#12304;&#28961;&#26009;&#12305;&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#12539;&#12501;&#12524;&#12540;&#12512;&#12524;&#12540;&#12488;&#12364;&#12502;&#12521;&#12454;&#12470;&#19978;&#12391;&#21363;&#26178;&#30906;&#35469;&#12391;&#12365;&#12427;&#12484;&#12540;&#12523;</div><div class="blogcard-snippet internal-blogcard-snippet">&#12371;&#12398;&#12484;&#12540;&#12523;&#12399;&#12522;&#12501;&#12524;&#12483;&#12471;&#12517;&#12524;&#12540;&#12488;&#12392;&#12501;&#12524;&#12540;&#12512;&#12524;&#12540;&#12488;&#12434;&#12502;&#12521;&#12454;&#12470;&#19978;&#12391;&#27491;&#30906;&#12395;&#28204;&#23450;&#12539;&#30906;&#35469;&#12391;&#12365;&#12427;&#12484;&#12540;&#12523;&#12391;&#12377;&#12290;&#12354;&#12394;&#12383;&#12398;&#12514;&#12491;&#12479;&#12540;&#12420;&#12487;&#12496;&#12452;&#12473;&#12398;&#12497;&#12501;&#12457;&#12540;&#12510;&#12531;&#12473;&#12434;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#12391;&#25226;&#25569;&#12375;&#12289;&#24555;&#36969;&#12394;&#38322;&#35239;&#29872;&#22659;&#12434;&#30906;&#35469;&#12375;&#12414;&#12375;&#12423;&#12358;&#12290;</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://zack-it.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16"></div><div class="blogcard-domain internal-blogcard-domain">zack-it.com</div></div></div></div></a>
</div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
