氏名・職歴・学歴・スキルを入力するだけで、プロ品質の履歴書・職務経歴書が完成。アカウント登録不要、すべてブラウザ内で完結します。

  <!-- Personal Info -->
  <div class="rb-section-card" data-section="personal">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="上へ">↑</button>
      <button class="rb-move-btn rb-move-dn" title="下へ">↓</button>
      <span class="rb-sec-title">基本情報</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div class="rb-field"><label>氏名</label><input type="text" id="rb-name" placeholder="山田 太郎"></div>
      <div class="rb-field-row">
        <div class="rb-field"><label>メールアドレス</label><input type="email" id="rb-email" placeholder="taro@example.com"></div>
        <div class="rb-field"><label>電話番号</label><input type="tel" id="rb-phone" placeholder="090-0000-0000"></div>
      </div>
      <div class="rb-field-row">
        <div class="rb-field"><label>居住地</label><input type="text" id="rb-location" placeholder="東京都渋谷区"></div>
        <div class="rb-field"><label>LinkedIn / SNS</label><input type="text" id="rb-linkedin" placeholder="linkedin.com/in/taro"></div>
      </div>
      <div class="rb-field"><label>ウェブサイト・ポートフォリオ</label><input type="text" id="rb-website" placeholder="taro.example.com"></div>
    </div>
  </div>

  <!-- Summary -->
  <div class="rb-section-card" data-section="summary">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="上へ">↑</button>
      <button class="rb-move-btn rb-move-dn" title="下へ">↓</button>
      <span class="rb-sec-title">自己紹介・職務概要</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div class="rb-field">
        <textarea id="rb-summary" placeholder="経歴・強み・キャリアビジョンを簡潔に記述してください…"></textarea>
      </div>
    </div>
  </div>

  <!-- Work Experience -->
  <div class="rb-section-card" data-section="experience">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="上へ">↑</button>
      <button class="rb-move-btn rb-move-dn" title="下へ">↓</button>
      <span class="rb-sec-title">職務経歴</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div id="rb-exp-list"></div>
      <button class="rb-add-btn" id="rb-add-exp">+ 職歴を追加</button>
    </div>
  </div>

  <!-- Education -->
  <div class="rb-section-card" data-section="education">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="上へ">↑</button>
      <button class="rb-move-btn rb-move-dn" title="下へ">↓</button>
      <span class="rb-sec-title">学歴</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div id="rb-edu-list"></div>
      <button class="rb-add-btn" id="rb-add-edu">+ 学歴を追加</button>
    </div>
  </div>

  <!-- Skills -->
  <div class="rb-section-card" data-section="skills">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="上へ">↑</button>
      <button class="rb-move-btn rb-move-dn" title="下へ">↓</button>
      <span class="rb-sec-title">スキル</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div class="rb-tags-input">
        <input type="text" id="rb-skill-input" placeholder="例: Python">
        <button id="rb-skill-add">追加</button>
      </div>
      <div id="rb-tags-wrap"></div>
    </div>
  </div>

  <!-- Languages -->
  <div class="rb-section-card" data-section="languages">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="上へ">↑</button>
      <button class="rb-move-btn rb-move-dn" title="下へ">↓</button>
      <span class="rb-sec-title">語学</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div class="rb-tags-input">
        <input type="text" id="rb-lang-input" placeholder="例: 英語（ビジネスレベル）">
        <button id="rb-lang-add">追加</button>
      </div>
      <div id="rb-lang-tags-wrap"></div>
    </div>
  </div>

</div>

プレビュー

フリーランスの会計管理もかんたんに

freee会計なら、フリーランスの請求書・経費管理・確定申告もクラウドで一元管理。無料トライアル実施中。 freeeを無料で試す →

メール署名を作成 → メール署名ジェネレーター

請求書を作成 → 請求書ジェネレーター

確定申告・会計をもっとラクに？ freee会計 なら、フリーランスの経費管理もクラウドで簡単。まずは無料で試してみましょう。

関連記事