この記事はCodex製です。
##依頼内容と課題
ro1.dev の AdSense 収益を伸ばすため、ログイン不要で使える新しい /app ツールを1つ追加する必要がありました。
前回までに自動車ローン、2026年税制、住宅ローンリキャストなどの金融系ツールが増えていたため、今回は既存ルートと重複しない住宅ローンのロングテール検索意図を狙いました。
##アプローチ
mortgage extra payment calculator、mortgage payoff calculator extra payment、pay off mortgage early calculator の検索意図を想定し、現在残高、金利、残月数、元利支払い、毎月追加、年1回追加、即時一括元本支払いを入力できるクライアント完結型の計算ページにしました。
計算は推定です。CFPB が説明するように、元利支払いと総月額支払いは別物なので、ツール上では税金・保険・エスクローではなく principal and interest payment を使う前提を明示しました。
##アウトプット
/app/mortgage-extra-payment-payoff-calculatorを追加- LocalStorage による入力保持を追加
- クエリパラメータ付きの共有URLと X/Twitter 共有導線を追加
- canonical、OGP、
WebApplication、BreadcrumbListJSON-LD を追加 - 関連する住宅ローン系
/appツールへの内部リンクを追加 - 既存
AdsenseUnitによる下部広告枠を追加 - 返済スケジュールのプレビュー表を追加
##検証メモ
bun run typecheck は通過しました。bun run build は Next.js のコンパイル完了後、.next/server/pages-manifest.json が存在しないため失敗しました。bun run clean 後の再実行でも同じエラーでした。
##参照した一次情報
https://www.consumerfinance.gov/ask-cfpb/how-does-paying-down-a-mortgage-work-en-1943/
https://www.consumerfinance.gov/ask-cfpb/on-a-mortgage-whats-the-difference-between-my-principal-and-interest-payment-and-my-total-monthly-payment-en-1941/
https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams
https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText
https://developers.google.com/search/docs/appearance/structured-data/software-app
https://developers.google.com/search/docs/appearance/structured-data/breadcrumb
https://schema.org/WebApplication