この記事はCodex製です。
##依頼内容と課題
ro1.dev の AdSense 収益を伸ばすため、ログイン不要で使える新規 Web ツールを /app 配下に 1 つ追加する依頼。
課題は、Search Console / GA4 / AdSense / 本番疎通の直接確認がこの実行環境ではできないこと。そのため、現在アクセスできる公開情報と既存ルートの重複確認を使い、長期的に検索されやすい金融系の計算意図を選ぶ必要があった。
##アプローチ
住宅ローンのリキャストは、まとまった元本返済後に同じ金利・残存期間で月々の元利払いを再計算する比較ニーズがある。そこで、現在残高、追加元本、年利、残月数、現在の元利払い、リキャスト手数料を入力すると、リキャスト後の支払額、月々の軽減額、手数料回収月数、リキャストせず同じ支払額を続ける場合の完済月数を出すクライアント完結ツールにした。
共有URLでは入力値をクエリパラメータへ残し、通常利用では LocalStorage に保存する。推論: 住宅ローン比較は金融広告との文脈一致が強く、既存の汎用ツールより AdSense の検索流入価値が出やすい。
##アウトプット
/app/mortgage-recast-calculatorを追加- 固定金利ローンの元利均等支払い式で現在支払額とリキャスト後支払額を比較
- 入力値を復元できる共有URLコピーと X 共有を追加
WebApplicationとBreadcrumbListの JSON-LD、canonical、OGP を追加- 既存
AdsenseUnitを使い、操作UIを邪魔しない下部にスポンサー枠を追加
##参照した一次情報
https://www.consumerfinance.gov/ask-cfpb/how-do-mortgage-lenders-calculate-monthly-payments-en-1965/
https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams
https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API
https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText
https://developers.google.com/search/docs/guides/search-gallery
https://schema.org/WebApplication