Web Systems

CV Generator

Browser-Based Resume Builder — Simple & Private

CV Generator Screenshot

ブラウザ上で動作する、シンプルな履歴書作成ツールです。 サーバー不要・インストール不要で、URL を開くだけですぐに使い始められます。

入力したデータは自動的にブラウザに保存され、後で再開したり、 JSON ファイルとしてバックアップ保存することができます。 すべての処理はローカルで完結するため、個人情報が外部に送信されることはありません。

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

技術スタック

HTML5CSS3JavaScriptLocalStorage APIGitHub Pages

特徴

📝

直感的なフォーム入力

基本情報・職務経歴・学歴をシンプルなフォームで入力。「+ 追加」ボタンで経歴・学歴を自由に追加できます。

💾

自動保存&バックアップ

入力内容はブラウザの LocalStorage に自動保存。JSON ファイルとしてエクスポート・インポートも可能で、データの引継ぎも安心です。

📄

PDF 出力対応

「PDF保存 / 印刷」ボタンで印刷プレビューが開き、ブラウザの機能でそのまま PDF として保存できます。面倒なレイアウト調整不要。

🔒

完全ローカル動作

すべての処理がブラウザ上で完結。個人情報を外部サーバーに送信しないため、プライバシー面でも安心して利用できます。

使い方

01

フォームに入力

基本情報(氏名・連絡先)、職務経歴、学歴を入力します。 「+ 追加」ボタンで経歴・学歴欄を自由に増やせます。

02

自動保存を確認

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

03

バックアップ(オプション)

「JSON保存」でファイルとしてダウンロード。「JSON読込」で復元できます。 別のブラウザやデバイスへのデータ移行にも便利です。

04

PDF として出力

「PDF保存 / 印刷」ボタンを押すと印刷プレビューが開きます。 ブラウザの「PDFとして保存」機能で PDF 出力してください。

ファイル構成

index.htmlアプリケーション本体
style.cssスタイルシート(印刷用スタイル含む)
script.jsアプリケーションの動作ロジック