資産防衛

※本記事にはアフィリエイト広告が含まれています。 インフレ計算ツール｜物価上昇で将来お金の価値はどう変わる？ 日本でも2022年以降、物価の上昇が続いています。年2〜3%のインフレが続くと、今持っている100万円は20年後にいくらの価値になるでしょうか？このツールでは、インフレ率と期間を指定するだけで、将来のお金の実質購買力を即座に計算できます。資産防衛の第一歩として、まずは現実を数字で把握しましょう。 条件を入力してください <!-- 現在の金額 --> <div style="margin-bottom: 1.4rem;"> <label style="display: block; font-size: 0.9rem; font-weight: 600; color: #44403c; margin-bottom: 0.5rem;">現在の金額</label> <div style="display: flex; align-items: center; gap: 0.75rem;"> <input id="ic-amount" type="number" value="100" min="1" max="100000" step="1" style="width: 130px; padding: 0.55rem 0.75rem; border: 1.5px solid #d97706; border-radius: 8px; font-size: 1.1rem; font-weight: 700; color: #1c1917; background: #fff; text-align: right;" oninput="icCalc()" /> <span style="font-size: 1rem; color: #57534e; font-weight: 600;">万円</span> </div> </div> <!-- インフレ率スライダー --> <div style="margin-bottom: 1.4rem;"> <label style="display: flex; justify-content: space-between; font-size: 0.9rem; font-weight: 600; color: #44403c; margin-bottom: 0.5rem;"> <span>年間インフレ率</span> <span id="ic-rate-label" style="color: #d97706; font-size: 1rem; font-weight: 700;">2.5%</span> </label> <input id="ic-rate" type="range" min="0.5" max="8" step="0.5" value="2.5" style="width: 100%; accent-color: #d97706; cursor: pointer;" oninput="icUpdateRateLabel(); icCalc()" /> <div style="display: flex; justify-content: space-between; font-size: 0.75rem; color: #78716c; margin-top: 0.25rem;"> <span>0.5%</span> <span style="color: #d97706; font-size: 0.72rem;">日本の直近インフレ率: 2〜3%</span> <span>8.0%</span> </div> </div> <!-- 期間スライダー --> <div> <label style="display: flex; justify-content: space-between; font-size: 0.9rem; font-weight: 600; color: #44403c; margin-bottom: 0.5rem;"> <span>計算期間</span> <span id="ic-years-label" style="color: #d97706; font-size: 1rem; font-weight: 700;">20年後</span> </label> <input id="ic-years" type="range" min="1" max="40" step="1" value="20" style="width: 100%; accent-color: #d97706; cursor: pointer;" oninput="icUpdateYearsLabel(); icCalc()" /> <div style="display: flex; justify-content: space-between; font-size: 0.75rem; color: #78716c; margin-top: 0.25rem;"> <span>1年</span> <span>40年</span> </div> </div> 計算結果 <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.25rem;"> <!-- 将来の実質価値 --> <div style="background: #fffbeb; border-radius: 12px; padding: 1.1rem 1.25rem; border: 1.5px solid #fcd34d; text-align: center;"> <div style="font-size: 0.8rem; color: #92400e; font-weight: 600; margin-bottom: 0.4rem;">将来の実質価値</div> <div id="ic-result-value" style="font-size: 1.85rem; font-weight: 800; color: #d97706; line-height: 1.1;">—</div> <div style="font-size: 0.78rem; color: #78716c; margin-top: 0.2rem;">（今の価値に換算）</div> </div> <!-- 購買力の低下率 --> <div style="background: #fef2f2; border-radius: 12px; padding: 1.1rem 1.25rem; border: 1.5px solid #fca5a5; text-align: center;"> <div style="font-size: 0.8rem; color: #991b1b; font-weight: 600; margin-bottom: 0.4rem;">購買力の低下率</div> <div id="ic-result-loss" style="font-size: 1.85rem; font-weight: 800; color: #dc2626; line-height: 1.1;">—</div> <div style="font-size: 0.78rem; color: #78716c; margin-top: 0.2rem;">（実質価値の目減り）</div> </div> </div> <!-- 現在の価値を維持するために必要な金額 --> <div style="background: #f0fdf4; border-radius: 12px; padding: 1rem 1.25rem; border: 1.5px solid #86efac; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem;"> <div style="font-size: 0.85rem; color: #14532d; font-weight: 600;">現在の価値を維持するために将来必要な金額</div> <div id="ic-result-needed" style="font-size: 1.4rem; font-weight: 800; color: #16a34a;">—</div> </div> 購買力の比較 <div style="margin-bottom: 0.85rem;"> <div style="display: flex; justify-content: space-between; font-size: 0.82rem; color: #57534e; margin-bottom: 0.3rem;"> <span>今の購買力</span> <span id="ic-bar-now-label" style="font-weight: 700; color: #d97706;">100%</span> </div> <div style="background: #e7e5e4; border-radius: 99px; height: 22px; overflow: hidden;"> <div id="ic-bar-now" style="height: 100%; width: 100%; background: linear-gradient(90deg, #d97706, #f59e0b); border-radius: 99px; transition: width 0.4s ease;"></div> </div> </div> <div> <div style="display: flex; justify-content: space-between; font-size: 0.82rem; color: #57534e; margin-bottom: 0.3rem;"> <span id="ic-bar-future-title">将来の購買力（20年後）</span> <span id="ic-bar-future-label" style="font-weight: 700; color: #dc2626;">—</span> </div> <div style="background: #e7e5e4; border-radius: 99px; height: 22px; overflow: hidden;"> <div id="ic-bar-future" style="height: 100%; width: 0%; background: linear-gradient(90deg, #dc2626, #f87171); border-radius: 99px; transition: width 0.4s ease;"></div> </div> </div> 年次推移テーブル 経過年数 実質価値（万円） 購買力 目減り額（万円） 全年次を表示する インフレに勝つには？ — 必要な運用利回り 資産の実質価値を維持するには、少なくともインフレ率と同等の運用利回りが必要です。購買力を増やすにはさらに高いリターンが求められます。 ...