RegCalc — 早見表・比較表つき法定計算まとめツール

## 1. アプリの目的・ターゲットユーザー

「手取り額っていくら？」「有給って何日残ってる？」「育児休業給付金はいくら出る？」——ネットで調べても複数サイトを渡り歩かなければならない労働・社会保険系の法定計算を、**1つのページで完結**させる無料ブラウザツール。

ターゲット：新社会人・転職者・フリーランス→正社員化検討中の人・パート主婦（扶養ライン確認）・中小企業の総務担当者・個人事業主

SNSで「え、こんな計算がブラウザで全部できるの？」と拡散されることを狙う。複数の計算がタブ切り替えで使え、結果カードをそのままXやLINEにシェアできるUIで自然な拡散を生む。

---

## 2. 主要機能（6つ）

- **① 手取り給与シミュレーター**
月収・賞与・各種控除（健康保険／厚生年金／雇用保険／所得税／住民税）を概算計算し、年収と手取り年収の差を棒グラフで可視化。扶養人数・地域（都道府県）入力に対応。

- **② 扶養ライン早見チェッカー**
年収と「103万円の壁・106万円の壁・130万円の壁・150万円の壁・201万円の壁」を入力金額と5つの壁の距離バーで表示。「あと○万円稼げる or 稼ぎすぎ」を色付きで即表示。SNS共有カード対応。

- **③ 有給休暇 残日数＆取得義務チェッカー**
入社日・現在日・取得済日数を入力し、法定付与日数・取得義務（年5日）の達成状況・時効消滅予定日を表示するタイムライン付き早見表。

- **④ 育児休業給付金シミュレーター**
産前休業開始日・復帰予定日・月収を入力し、給付金額（最初6ヵ月：67%／以降：50%）・非課税メリット・社会保険料免除を含めた手取り相当額を月次カレンダー形式で表示。

- **⑤ 退職金・失業給付 概算チェッカー**
雇用保険加入年数・離職理由（自己都合/会社都合）・直近6ヵ月の賃金を入力し、基本手当の日額・受給日数・総受給見込み額を算出。給付制限期間の可視化付き。

- **⑥ 残業代チェッカー**
月の所定労働時間・時間外労働時間・深夜/休日の別・月収を入力し、本来受け取れる残業代の法的計算額と、実際の支払い額との差額を比較。「未払い残業代の目安: ○万円」をSNSシェアカードで出力可能。

---

## 3. 画面構成

### トップページ（シングルページ、タブUI）

```
[ヘッダー]
アプリ名 RegCalc ｜ 「6つの法定計算を1ページで」キャッチコピー

[タブナビゲーション (横スクロール対応)]
① 手取り計算 ② 扶養ライン ③ 有給残 ④ 育休給付 ⑤ 失業給付 ⑥ 残業代

[入力エリア (各タブ切り替え)]
- ラベル付きフォーム (スライダー + 数値入力の組み合わせ)
- 「計算する」ボタン

[結果エリア]
- 数字の大きい表示 + カラーバー / 棒グラフ / 月次テーブル
- 「⚠ これはあくまで概算です。詳細は社会保険労務士または公的機関へ」注記
- [SNSシェアカード生成] ボタン → Canvas で結果カード画像(1200×630px)を生成しダウンロード＋共有

[フッター]
計算根拠（参照法令・年度）、免責事項、シェアリンク
```

### モーダル：SNS共有カード
- タブ名・入力サマリー・計算結果の主要数値・サイトURL を1枚のPNG画像に描画
- 「Xに投稿」「リンクをコピー」「画像を保存」の3ボタン

---

## 4. データ構造

DBは不要。全計算はクライアントサイドJavaScriptで完結し、入力値はLocalStorageに保存（次回訪問時に前回の値が復元される）。

### 計算パラメータ定数（JS定数ファイルで管理）

```js
// constants.js
const TAX_TABLE_2025 = { ... }; // 所得税速算表
const INSURANCE_RATE = { // 令和6年度料率
kenpo: { employee: 0.0500, employer: 0.0500 }, // 協会けんぽ・全国平均
kosei: { employee: 0.0915, employer: 0.0915 },
koyo: { employee: 0.006 }
};
const KYUUFU_RATE = { first6: 0.67, after: 0.50 };
const OVERTIME_RATE = {
normal: 1.25, over60h: 1.50,
late_night: 1.25, holiday: 1.35
};
```

### LocalStorage スキーマ（例）
```json
{
"regcalc_last": {
"activeTab": 0,
"tabs": [
{ "id": "tedori", "inputs": { "monthly": 280000, "dependents": 1, "pref": "Tokyo" } },
{ "id": "fuyou", "inputs": { "annual": 1250000 } }
]
}
}
```

PHPはindex.phpのルーティングのみ使用（SEOメタタグの出し分け用）。

---

## 5. デザインの方向性

- **カラー**：信頼感のある濃紺(#1E2B4A)をベース、アクセントにエメラルドグリーン(#00C49A)。警告色はアンバー(#F59E0B)。
- **フォント**：Noto Sans JP（日本語）、数字は「tabular-nums」フォント指定で桁が揃う
- **グラフ**：Canvas API のみ使用（外部チャートライブラリ不要）
- **UI部品**：スライダー（range input）とテキストボックスを連動させた入力UXで、直感的に数値を変化させながら結果が即座に更新されるインタラクション
- **スマホ対応**：タブはアイコン＋短縮ラベルで横スクロール、入力欄は縦1カラム
- **信頼感演出**：各計算タブに「計算根拠：労働基準法○条 / 健康保険法○条 (令和6年度)」を折りたたみで表示し、「ちゃんとした計算ツール」感を醸成
- **シェア訴求**：残業代チェッカーの結果カードは特に「未払い○万円」という数字が映えるデザインにし、SNS拡散を狙う

---

## 補足：SNS拡散ポイント
- 残業代チェッカー →「未払いXX万円だったと判明した」投稿
- 扶養ラインチェッカー →「103万の壁まであとXX万円」投稿
- 育休給付シミュレーター →「育休中も手取りXX万円もらえる」投稿

いずれも「自分ごと化しやすい数字」が出るため、結果カード画像のシェアが連鎖しやすい設計にする。