カウントアップ数字
スクロール時にゼロから目標値までアニメーションするカウンター。インパクトのある演出。
使いどころ
スクロール時にゼロから目標値までアニメーションするカウンター。インパクトのある演出。
- 実績数字の見える化
- 信頼性アピール
- About ページの導入
カスタマイズのポイント
数字は単位（％、社、年など）を small 等で小さく分離して可読性 UP。カウントアップアニメーションは IntersectionObserver で。
このパーツは JavaScript が含まれます。HTML の最後に <script> タグで読み込むか、外部 JS ファイルに切り出してください。
注意点
数字の根拠が問われる場面では「2025 年 12 月時点」など計測時期を明記。「業界 No.1」のような表現は景品表示法上の根拠が必要。
よくある質問
このパーツは商用利用できますか？
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか？
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか？
一部のパーツ（アコーディオン・タブ切替・告知バーの閉じる機能など）は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は？
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。