app/template/user_data/guide/knowledge/fps.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% set body_class = 'guide_page knowledge_page' %}
  3. {% block stylesheet %}
  4.     {{ parent() }}<link rel="stylesheet" href="{{ asset('assets/css/guide.css', 'user_data') }}">{% endblock %}
  6. {% block main %}
  7. <div class="nz-guide-container">
  8.     <nav class="nz-breadcrumb" aria-label="パンくずリスト">
  9.         <ol class="nz-breadcrumb-list" itemscope itemtype="https://schema.org/BreadcrumbList">
  10.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{{ url('homepage') }}"><span itemprop="name">ホーム</span></a><meta itemprop="position" content="1"></li>
  11.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="/user_data/guide_knowledge"><span itemprop="name">知識コンテンツ</span></a><meta itemprop="position" content="2"></li>
  12.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name">fpsとは？</span><meta itemprop="position" content="3"></li>
  13.         </ol>
  14.     </nav>
  16.     <header class="nz-article-header">
  17.         <div class="nz-article-meta"><span class="nz-article-category">用語解説</span><span class="nz-article-time">読了時間：約4分</span></div>
  18.         <h1 class="nz-article-title">fpsとは？ゲーミングPCで重要な理由</h1>
  19.         <p class="nz-article-lead">ゲーミングPCでよく聞く「fps」。その意味と、なぜ高いfpsが重要なのかを解説します。</p>
  20.     </header>
  22.     <article class="nz-article-content">
  23.         <section class="nz-section">
  24.             <h2 class="nz-section-title">fpsとは</h2>
  25.             <p><strong>fps（frames per second）</strong>は、1秒間に画面が更新される回数を表す単位です。
  26.             「フレームレート」とも呼ばれます。</p>
  27.             
  28.             <div class="nz-highlight-box">
  29.                 <ul>
  30.                     <li><strong>30fps</strong> = 1秒間に30枚の画像</li>
  31.                     <li><strong>60fps</strong> = 1秒間に60枚の画像</li>
  32.                     <li><strong>144fps</strong> = 1秒間に144枚の画像</li>
  33.                     <li><strong>240fps</strong> = 1秒間に240枚の画像</li>
  34.                 </ul>
  35.             </div>
  36.             <p>数字が大きいほど、動きが滑らかに見えます。</p>
  37.         </section>
  39.         <section class="nz-section">
  40.             <h2 class="nz-section-title">なぜ高fpsが重要なのか</h2>
  41.             
  42.             <h3>1. 映像の滑らかさ</h3>
  43.             <p>30fpsと60fpsでは、目に見えて滑らかさが違います。60fpsと144fpsの差も、一度体験すると戻れないほど快適です。</p>
  45.             <h3>2. 競技ゲームでの優位性</h3>
  46.             <p>FPSゲーム（VALORANT、Apex Legends等）では、高fpsが反応速度に直結します。
  47.             プロゲーマーは240fps以上を維持するPCを使用しています。</p>
  49.             <h3>3. 入力遅延の低減</h3>
  50.             <p>fpsが高いほど、マウス・キーボードの入力が画面に反映されるまでの時間が短くなります。</p>
  51.         </section>
  53.         <section class="nz-section">
  54.             <h2 class="nz-section-title">用途別の目安fps</h2>
  55.             <table class="nz-spec-table">
  56.                 <tr><th>30fps</th><td>映画、シングルプレイRPG（最低限）</td></tr>
  57.                 <tr><th>60fps</th><td>一般的なゲーム、快適な基準</td></tr>
  58.                 <tr><th>144fps</th><td>FPS/TPSゲーム、アクションゲーム</td></tr>
  59.                 <tr><th>240fps以上</th><td>競技FPS、プロ・ガチ勢向け</td></tr>
  60.             </table>
  61.         </section>
  63.         <section class="nz-section">
  64.             <h2 class="nz-section-title">fpsを出すために必要なもの</h2>
  65.             <div class="nz-highlight-box">
  66.                 <ul>
  67.                     <li><strong>高性能GPU</strong>：fpsを生成する主役</li>
  68.                     <li><strong>高性能CPU</strong>：高fpsではCPUも重要に</li>
  69.                     <li><strong>高リフレッシュレートモニター</strong>：144Hz/240Hz対応が必要</li>
  70.                 </ul>
  71.             </div>
  72.             <div class="nz-alert nz-alert-info">
  73.                 <div class="nz-alert-icon">💡</div>
  74.                 <div class="nz-alert-content">
  75.                     <strong>注意：</strong>PCで144fps出ても、60Hzモニターでは60fpsまでしか表示されません。
  76.                     高fpsを活かすには対応モニターが必須です。
  77.                 </div>
  78.             </div>
  79.         </section>
  81.                 <section class="nz-cta-section">
  82.             <div class="nz-cta-box">
  83.                 <h2 class="nz-cta-title">あなたに最適な構成をご提案します</h2>
  84.                 <p class="nz-cta-text">
  85.                     「予算内で最高のPCを組みたい」「自分に合った構成がわからない」<br>
  86.                     お気軽にご相談ください。用途に合わせた最適な構成をご提案いたします。
  87.                 </p>
  88.                 <div class="nz-cta-buttons">
  89.                     <a href="https://noiezam.com/estimate/simulator" class="nz-btn nz-btn-primary nz-btn-lg">
  90.                         <span class="nz-btn-icon">💰</span>
  91.                         簡単見積りシミュレーター
  92.                     </a>
  93.                 </div>
  94.                 <div class="nz-cta-contact">
  95.                     <p class="nz-cta-contact-title">個別相談はこちら</p>
  96.                     <div class="nz-cta-contact-links">
  97.                         <a href="https://twitter.com/noiezam_com" target="_blank" rel="noopener" class="nz-contact-link nz-contact-x">
  98.                             <span class="nz-contact-icon">𝕏</span>
  99.                             <span>X（最優先）</span>
  100.                         </a>
  101.                         {# <a href="https://discord.gg/Dw9yQsxd" target="_blank" rel="noopener" class="nz-contact-link nz-contact-discord">
  102.                             <span class="nz-contact-icon">💬</span>
  103.                             <span>Discord</span>
  104.                         </a> #}
  105.                         <a href="https://noiezam.com/contact" class="nz-contact-link nz-contact-form">
  106.                             <span class="nz-contact-icon">📝</span>
  107.                             <span>お問い合わせフォーム</span>
  108.                         </a>
  109.                         <a href="tel:080-9993-5131" class="nz-contact-link nz-contact-tel">
  110.                             <span class="nz-contact-icon">📞</span>
  111.                             <span>080-9993-5131</span>
  112.                         </a>
  113.                     </div>
  114.                 </div>
  115.             </div>
  116.         </section>
  117.     </article>
  118. </div>
  119. <script type="application/ld+json">{"@context": "https://schema.org", "@type": "Article", "headline": "fpsとは？ゲーミングPCで重要な理由", "author": {"@type": "Organization", "name": "PC'Artsのいえあ侍"}}</script>
  120. {% endblock %}