計算機を自分のサイトに置く
このサイトの計算機は、記事やページの中にそのまま置けます。下のコードを貼るだけで動きます。 設置にあたって、こちらへのリンクは求めていません。
貼るコード
置きたい場所にこの1行を貼ります。src を下の一覧の他のURLに変えると、別の計算機になります。
<iframe src="https://tedori-monosashi.com/embed/calc/"
width="100%" height="720" loading="lazy"
style="border:1px solid #cbd5e1"
title="手取り計算機|手取りのものさし"></iframe> 置ける計算機
全部で53種類あります。URLの数字は、計算機を開いたときの初期値になります。読者はその場で自由に変えられます。
| 計算機 | URL | 用意している数字 | 見本・タグ |
|---|---|---|---|
| 手取り計算機 額面から所得税・住民税・社会保険料を引いた手取りを出します。都道府県と40〜64歳の切替つき。 | /embed/calc/ | 額面の年収・月収・時給の3モード | 実物を見る <iframe src="https://tedori-monosashi.com/embed/calc/"
width="100%" height="720" loading="lazy"
style="border:1px solid #cbd5e1"
title="手取り計算機|手取りのものさし"></iframe> |
| 賞与込みの手取り計算機 年収を毎月の給与と賞与に分けて、年間の手取りと社会保険料を出します。賞与なしで同じ年収だった場合との差も並べます。 | /embed/shoyo-komi/ | 年収と、そのうちの賞与(年1〜3回) | 実物を見る <iframe src="https://tedori-monosashi.com/embed/shoyo-komi/"
width="100%" height="720" loading="lazy"
style="border:1px solid #cbd5e1"
title="賞与込みの手取り計算機|手取りのものさし"></iframe> |
| 逆引き計算機(手取り→額面) 受け取りたい手取りから、必要な額面の年収・月収を逆算します。開いたときの初期値がURLの数字になります。 | /embed/tedori/{月の手取り}/ | 月の手取り 13万〜100万(26種) | 実物を見る <iframe src="https://tedori-monosashi.com/embed/tedori/30/"
width="100%" height="720" loading="lazy"
style="border:1px solid #cbd5e1"
title="逆引き計算機(手取り→額面)|手取りのものさし"></iframe> |
| 月収別の手取り計算機 給与明細の総支給額から手取りを出します。月収モードで開いた状態になります。 | /embed/gekkyu/{月収}/ | 月収 15万〜100万(25種) | 実物を見る <iframe src="https://tedori-monosashi.com/embed/gekkyu/20/"
width="100%" height="720" loading="lazy"
style="border:1px solid #cbd5e1"
title="月収別の手取り計算機|手取りのものさし"></iframe> |
逆引きは13・14・15・16・17・18・19・20・21・22・23・24・25・26・27・28・30・32・35・38・40・45・50・60・70・100万円、月収別は15・16・17・18・19・20・21・22・23・24・25・26・27・28・30・32・35・38・40・45・50・60・70・80・100万円を用意しています。 一覧に無い数字は、初期値が近いURLを選べば読者が入力し直せます。
高さを自動で合わせる
計算機は入力に応じて縦に伸び縮みします。iframeの高さは中身に追従しないため、そのままだと余白が出たり下が切れたりします。
次のスクリプトをページに1つ置くと、計算機が自分の高さを知らせて、iframeがその高さになります。置かない場合は、上のコードの
height の値で固定表示になります。
<script>
addEventListener('message', function (e) {
// 送り主のオリジンを必ず確かめる(別のサイトからの偽のメッセージで高さを動かされないため)
if (e.origin !== 'https://tedori-monosashi.com') return;
if (!e.data || e.data.type !== 'tedori-embed:height') return;
document.querySelectorAll('iframe[src^="https://tedori-monosashi.com/embed/"]').forEach(function (f) {
if (f.contentWindow === e.source) f.height = e.data.height;
});
});
</script> 送っているのは高さと計算機のパスだけです。読者が入力した金額は送っていません。 1行目でオリジンを確かめているので、他のサイトから同じ形のメッセージが届いても高さは変わりません。
クレジットを書きたい場合
表示は任意です。設置の条件にはしていません。書きたい場合に文面を考えなくて済むよう、見本だけ置いておきます。 計算機の枠の外に、このまま貼れます。
<p>計算: <a href="https://tedori-monosashi.com/" rel="noopener">手取りのものさし</a>(令和8年分(2026年)の料率)</p> 計算に使っている料率
- 対象年
- 令和8年分(2026年)
- 料率の確認日
- 2026-07-20 この日に下の一次ソースを開いて転記した値です。改定があればこちらのデータを差し替えるので、設置したタグはそのままで最新の計算になります。
- 一次ソース
利用条件
- コードは改変せず、そのまま設置してください。計算部分を書き換えた状態での再配布はご遠慮ください。
- 当サイトへのリンクの設置は求めていません。クレジットの表示も任意です。設置の条件としてリンクを求めることはしません。
- 計算結果は概算です。実際の額は勤務先の給与規程・標準報酬月額の決定方法・扶養や各種控除の有無で変わります。 個別の税務・保険・投資に関する助言を行うものではありません。
- 料率や控除額は年度ごとに改定されます。改定があった場合は当サイト側のデータを差し替えるため、設置したコードはそのままで最新の計算になります。
- 予告なく仕様を変えることがあります。停止する場合は、このページでお知らせします。
計算の根拠
使っている料率と控除額は、国税庁・協会けんぽ・厚生労働省・総務省の公表値です。出典と適用年度、 公表されている実額との照合結果、公開前に走らせている回帰テストの一覧は、検証結果のページに全て置いています。