RaiseDraft ができるまで — ジェネレーター 5本目を 給与交渉メール 草案で開く
RaiseDraft は 給与交渉 草案 ジェネレーター。 業種 × 経験年数 × 職位 から 年収相場 (下位 25% / 中央値 / 上位 25%) を表示、 4 トーン (やんわり打診 / 直接的 / 数字で押す / 感情訴求) で 上司向け 交渉メール本文を 自動生成。 ラボ 39本目、 ジェネレーター thesis 5本目 (JargonScope 用語リライト / LeapBio キャリアサマリ / PitchEdge 営業切返し / StackTale 副業提案 / RaiseDraft 給与交渉、 キャリア収入 文面 5 本柱 で 入社 → スキル → 提案 → 副業 → 交渉 が連続)。
なぜこの形にしたか
外部 AI の 90+α 提案リストから 「無料で運営できて (¥0/月)、 PV ボリュームが大きい」 候補のうち、 GradFund (教育費) の次に 検索ボリュームが大きく かつ 純 JS + 静的 DB で完結する案として 案 22 「給与交渉代行」 を選定。 「給与交渉 メール」 「年収交渉 文面」 「昇給 依頼 メール」 系の検索意図 は 「具体的な文章テンプレが欲しい」 が中心で、 静的なテンプレ + 業種別 相場 + 動的入力反映 で 十分応えられる。 同時に 業種別 相場 表示は それ単独でも 滞在価値があり、 SEO 二重採取 可能。
技術スタック
11 業種 × 5 経験 × 4 職位 = 220 セルの相場 DB
const INDUSTRIES: IndustryInfo[] = [
{ id: "it-engineer", label: "IT エンジニア", bandsByExp: {
"0-2": [350, 420, 500], // [下位25%, 中央値, 上位25%] 万円
"3-5": [450, 550, 680],
"6-9": [560, 700, 880],
"10-14": [650, 820, 1050],
"15+": [750, 950, 1300],
}},
// ... 11 業種
]
const POSITION_MULTIPLIER = {
general: 1.0, leader: 1.12, manager: 1.28, director: 1.55,
} as const
// 最終 bands = baseRange × position 係数
ソース: 厚生労働省 賃金構造基本統計調査 (令和 5 年) + doda / マイナビ / リクナビ NEXT の 職種別 公開データ。 220 セルを 手打ちで タイポしない構造 (TypeScript の Record<Experience, [number, number, number]> で 型レベル 強制)。
4 トーン メールテンプレ
function buildEmail(input: CalcInput, bands: Bands) {
switch (input.tone) {
case "soft": // 関係維持 + 相談ベース
case "direct": // 数字明示 + 評価面談タイミング
case "data": // 表組 + 相場比較 + KPI
case "emotional": // 成長意欲 + 「もっと貢献したい」
}
}
トーンごとに 件名 + 本文 を まるごと差し替え (4 個の 独立テンプレ)。 共通変数 (上司名 / 自分名 / 数字 / 実績リスト) は どのトーンにも 同じインターフェイスで注入。 「数字で押す」 トーンだけ ASCII 罫線 で 表組を作って 数字を縦に並べる構造に。
4 段階 verdict 判定
function verdict(diffPct: number) {
if (diffPct < 0.05) return { v: "modest", label: "控えめ" }
if (diffPct < 0.12) return { v: "fair", label: "妥当" }
if (diffPct < 0.25) return { v: "ambitious", label: "攻めの姿勢" }
return { v: "stretch", label: "ストレッチ" }
}
verdict は CSS の data-verdict 属性に流して、 バックグラウンド色を sage (控えめ) / navy (妥当) / brass (攻め) / vermillion (ストレッチ) に切替。 数字を 「読まなくても」 配色で 状況が分かる。
visual direction
ビジネス便箋 + 万年筆 + 朱印 motif:
- palette: ivory letter paper
#fafaf2+ slate navy#2a3a5a+ brass nib#b89240+ 朱印 vermillion#c63224+ sage rule#6a8a6a+ sky tag#4f6f9a - motif: 上部 navy headBar + brass nib ✒ icon + ivory 便箋 letterhead + 朱赤 verdict 「判定」 stamp + dashed sage 罫線 + sage left-rule の note
- typography: Instrument Serif italic (正式書状 feel) + Space Grotesk 800 (display) + JetBrains Mono (numerics + 出力 pre)
既存 ジェネレーター 4 本 (JargonScope cyan terminal / LeapBio purple resume / PitchEdge red battle / StackTale emerald market) とも、 マネー計算機 6 本柱 (CoinStack midnight navy / RoofFund cyan blueprint / GiftCap 墨朱 / SideTax ledger green / StorkCast 母子手帳 / GradFund parchment maroon) とも完全別軸。 唯一の 「ビジネス便箋 + 万年筆」 motif。
6 プリセット
- IT エンジニア 5 年目 / leader / 妥当な昇給 (12.7%) / data トーン
- 営業 3 年目 / general / やんわり相談 (14.3%) / soft トーン
- コンサル 10 年目 / manager / 直接交渉 (25%) / direct トーン
- デザイナー 7 年目 / leader / 感情訴求 (15.4%) / emotional トーン
- マーケ 6 年目 / leader / 攻めの昇給 (21.7%) / data トーン
- 新人 2 年目 / general / 控えめ昇給 (5.7%) / soft トーン
やっていない / これからの IMPROVE
- 会社規模 (大企業 / 中堅 / ベンチャー / 外資) による 相場補正
- 転職オファー 持参 モード (希望年収の根拠に 他社オファー を入れる)
- 昇給率 シミュ (1 年後 / 3 年後 / 5 年後 の 想定キャリア年収)
- 逆面談 想定 Q (「なぜ今その金額か」 「業績 貢献 を 数値で」 を 想定問答)
- メール送信タイミング カレンダー (期初 / 期末 / 評価面談 前後 の最適日)
- 英語版 トーン (外資系 向け 英文 テンプレ)
次の SHIP は何 thesis に振るか
無料運営 (¥0/月) 候補の次 (3 本目以降):
- 47 無駄遣い反省会 (計算 7本目 = マネー計算機 7 本柱)
- 89 一人暮らし 逆算購入 (計算 8本目)
- 48 家賃 値下げ 交渉メール (ジェネレーター 6本目)
- 54 自治体補助金 洗い出し (データ可視化系)
[ ./next_action ]
読んだら、 RaiseDraft を実際に動かす。
この開発ログは RaiseDraft をどう作ったかの記録です。 読み終わったらそのままサービス本体へ戻って、 実物で価値を確かめてください。