Web Systems

CV Generator

Browser-Based Resume Builder — Professional & Private

CV Generator Screenshot

ブラウザ上で動作する、本格的な職務経歴書作成ツールです。サーバー不要・インストール不要・登録不要。

スキル★5段階管理、経歴の担当工程記録、ドラッグ&ドロップ並び替え、A4プレビュー、Markdownエクスポートなど転職活動に必要な機能を網羅。 全処理はローカル完結で個人情報は外部送信されません。

▶ デモを開くGitHub リポジトリ

技術スタック

HTML5CSS3Vanilla JavaScriptLocalStorage APIHTML5 Drag & Drop APIFileReader APIBase64 URLエンコーディングGitHub PagesGitHub Actions

特徴

🏗️

サイドバー+ページ切替UI

6ページ構成のサイドバーナビゲーションで、基本情報・自己PR・経歴・スキル・資格・プレビューまで直感的に操作できます。

スキル★5段階管理 + 経歴自動集計

スキルレベルを★1〜★5で管理。200以上の技術スタックが自動分類され、経歴情報から自動でスキル一覧に集計されます。

📋

経歴カード機能

担当工程7種の記録、ドラッグ&ドロップによる並び替え、勤務期間の自動計算に対応。職務経歴を構造的に管理できます。

👁️

A4プレビュー + テンプレート別レイアウト

4種類のテンプレートを切り替え可能なA4プレビュー。ズーム機能で細部まで確認しながら編集できます。

🔗

URL共有 + Markdownエクスポート

データをBase64エンコードしたURLで共有可能。PDF出力、Markdownエクスポート、JSON保存にも対応。

📱

完全レスポンシブ + ダークモード

スマートフォンからデスクトップまで完全対応。ダークモード切り替えとLocalStorageによる自動保存で安心のUX。

使い方

01

ページを選んで入力(進捗バー付き)

サイドバーから5つのページ(基本情報・スキル・経歴・プレビュー・設定)を選んで入力します。 進捗バーで入力状況を一目で確認できます。

02

スキルと経歴を連携

経歴に入力した技術タグが自動的にスキル一覧に集計されます。 200以上の技術が自動分類され、スキルレベル(★1〜★5)とともに管理できます。

03

プレビューで確認

A4サイズのプレビューで仕上がりを確認。4種類のテンプレートを切り替え、 ズーム機能でレイアウトの細部までチェックできます。

04

共有・エクスポート

PDF出力、Markdownエクスポート、URL共有(Base64エンコード)、JSON保存・読込に対応。 転職活動のあらゆるシーンで活用できます。

05

自動保存で安心

入力内容は LocalStorage に自動保存され、インジケーターで保存状態を表示。 ブラウザを閉じても、再度開けば前回の状態からすぐ再開できます。