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