このテンプレートを使う
自分の経歴を追加して、このレイアウトを仕上げましょう。
dev-engineering
フロントエンドエンジニア（未経験・ジュニア）
履歴書例
4.5 / 5
美咲 佐藤
フロントエンドエンジニア（ジュニア） | React・JavaScript
[email protected] | +1 (206) 555-9876 | linkedin.com/in/alex-nguyen-developer | github.com/AlexNgDev | alexng.dev | Seattle, WA
職務要約
ジュニアフロントエンドエンジニアとして、ReactとJavaScriptを使ったレスポンシブなUI開発を、実務・インターン・個人プロジェクトで経験。Eコマース、予約フロー、ダッシュボード機能に携わり、アクセシビリティ、表示速度、保守しやすいコンポーネント設計を意識して改善。HTML、CSS、Tailwind CSS、Redux、Git、デザイン・プロダクトからのフィードバック対応に慣れています。
職務経歴
エントリーレベルフロントエンド開発者
03/2024
テックカンパニー株式会社
カリフォルニア州サンフランシスコ
•
Reactで再利用可能なコンポーネントとローディング状態を備えたユーザーダッシュボードを開発し、操作性と表示の応答性を改善しました。
•
50ページ以上にTailwind CSSの設計パターンを適用し、余白、タイポグラフィ、コンポーネントスタイルの一貫性を高めました。
•
ユーザー報告を再現し、ステージングで修正を検証しながら、本番環境のUI不具合を20件以上修正しました。
•
主要画面にPWAのオフライン対応を実装し、接続が不安定な環境でも閲覧を継続できるようにしました。
ジュニアフロントエンド開発者
10/2023 - 02/2024
ウェブ開発会社
カリフォルニア州ロサンゼルス
•
React.jsとReduxで、月間約10,000ユーザーが利用するEコマースサイトのレスポンシブページを構築しました。
•
CSSとJavaScriptのバンドルを最適化し、配信サイズを15%削減してモバイル・デスクトップ双方の表示性能を改善しました。
フロントエンドインターン
06/2022 - 12/2022
スタートアップ株式会社
ワシントン州シアトル
•
1日約20件の予約を扱うホテル予約フローを開発し、検索、選択、確認までの操作負担を減らしました。
•
4名チームでソーシャル共有コンポーネントを追加し、商品ページからの参照トラフィックを計測できるようにしました。
スキル
JavaScript, React.js, HTML5, CSS3, Tailwind CSS, Git/GitHub, Webpack, Jest & Enzyme
学歴
コンピュータサイエンス学士号
09/2022 - 05/2026
ワシントン大学
シアトル, WA
主要プロジェクト
EコマースPWA
github.com/AlexNgDev/e-commerce-pwa
ReactとTailwind CSSでEコマースPWAを構築。動的な商品カタログ、カート状態管理、オフライン対応ページ、わかりやすいチェックアウト導線を実装しました。
個人ポートフォリオウェブサイト
github.com/AlexNgDev/alexng.dev
Next.jsでポートフォリオを作成し、プロジェクト事例、SEOを意識した記事、問い合わせフォームを整えて、採用担当者が成果物を確認しやすくしました。
保有資格
Google プロフェッショナルWebデベロッパー
05/2025
React JS マスタークラス認定
03/2026
このテンプレートが機能する理由
この職務経歴書のフォーマットは、React.jsやJavaScriptといった未経験フロントエンドエンジニアに関連するキーワードを盛り込むことで、ATS（採用管理システム）に効果的なように設計されています。教育、職務経験、技術スキルなどの必要なセクションが明確に提示される構造化されたアプローチにより、採用担当者や自動システムに注目される可能性が高まります。
即時レジュメスコア
フロントエンドエンジニア（ジュニア） | React・JavaScript履歴書のスコアを確認
履歴書をアップロードして、ATSスコアと職種に合った実践的な改善点をすぐに確認できます。
- 登録不要
- 初期設定で非公開
- 通常30秒以内
履歴書
スコアまであと1ステップ
履歴書を追加すると、無料のスコアと優先度順の修正案が表示されます。
この履歴書を仕上げるコツ
各セクションを読みやすく、応募職種に合った内容にし、ATSにも伝わりやすくするための実践的なポイントです。
01
連絡先
連絡先
氏名 居住地域（都道府県・市区町村） 電話番号 | メールアドレス LinkedInプロフィールURL | ポートフォリオURL（任意）
押さえておきたいポイント
連絡先情報は、採用担当者が最初に目にするセクションです。簡潔かつプロフェッショナルにまとめましょう。メールアドレスは適切なもの（例: [email protected]）を使用してください。LinkedInプロフィールは、あなたの経歴を包括的に理解するために含めることをお勧めします。クリエイティブ、技術、デザイン系の職種では、ポートフォリオや個人ウェブサイトの掲載が推奨されます。
避けたい書き方
プライバシーのため、番地まで含めた完全な住所は記載しないでください。国によって特に要求されない限り、配偶者の有無、年齢、写真、社会保障番号などの個人情報は含めないでください。プロフェッショナルでないメールアドレスは使用しないでください。
具体例
連絡先情報を効果的にフォーマットする明確な例をご覧ください。
避ける例
山田 太郎 東京都新宿区百人町1-2-3 〒169-0073 090-1234-5678 [email protected] linkedin.com/in/yamada 独身、28歳
良い例
山田 太郎 東京都新宿区 090-1234-5678 | [email protected] linkedin.com/in/taroyamada | github.com/taroyamada | yamada-taro.dev
短いヒント
- プロフェッショナルなメールアドレス（氏名形式）を使用する
- ボイスメールの設定を確認し、プロフェッショナルなメッセージにする
- 電話番号とメールアドレスに誤字脱字がないか再確認する
- LinkedInのURLはカスタマイズする（linkedin.com/in/yourname）
- 開発職の場合はGitHubのリンクを含める
02
職務要約
職務要約
結果重視の[役職名]、[経験年数]年の[主要スキル/業界]経験を持つ。 [主要な実績]の実績あり。 [主要技術/スキル]に精通。 [ターゲット業界/企業タイプ]に[具体的な価値]を提供することにコミット。
押さえておきたいポイント
職務経歴書の冒頭の要約は、あなたの「エレベーターピッチ」です。3〜5文程度で、あなたの経験、主要スキル、主な実績を簡潔にまとめます。求人票のキーワードを盛り込み、応募する職務内容に合わせて調整しましょう。あなたがどのようにユニークで、採用企業にどのような価値をもたらすかに焦点を当ててください。
避けたい書き方
「新しいことを学び、キャリアを成長させるためのやりがいのある職を探しています」のような一般的な目標は避けてください。採用担当者は、あなたが何を求めているかではなく、あなたが彼らに何をもたらすかを知りたいのです。一人称（私、私の）は使用せず、簡潔かつインパクトのある記述を心がけてください。
具体例
弱い職務目標と強い職務経歴書要約を比較する。
避ける例
目標：新しいことを学び、キャリアを成長させることができるエントリーレベルのフロントエンド開発者の職を探している、勤勉な人間です。
良い例
React.jsとPWA開発を専門とする、2年の経験を持つエントリーレベルのフロントエンド開発者。オフラインアクセスとクロスブラウザパフォーマンスを向上させることで、ユーザーエンゲージメントを改善した高性能eコマースプラットフォームのローンチに貢献。
具体例
具体的なスキルと実績をアピールする。
避ける例
目標：JavaScript、HTML5、CSS3の専門知識を活用できる、Tech Startup Incでのエントリーレベルのフロントエンド開発者の職に就くこと。
良い例
React.jsとTailwind CSSに注力する、細部までこだわるエントリーレベルのフロントエンド開発者。複数デバイスでのユーザーエクスペリエンスを20%向上させた、レスポンシブUIコンポーネントを開発。
具体例
主要な技術とツールを強調する。
避ける例
目標：フロントエンドWeb開発における技術スキルを向上させるため、大手テクノロジー企業でのエントリーレベルのフロントエンド開発者の職を探しています。
良い例
React.js、Redux、Webpackの専門知識を持つエントリーレベルのフロントエンド開発者。遅延読み込みやサーバーサイドレンダリングなどのパフォーマンス最適化手法を実装し、アプリケーションのロード時間を大幅に改善。
具体例
企業にもたらす価値に焦点を当てる。
避ける例
目標：Web技術の知識を活用し、チームの成功に貢献できるエントリーレベルのフロントエンド開発者の職を得ること。
良い例
高性能なプログレッシブウェブアプリケーションの作成経験を持つ、意欲的なエントリーレベルのフロントエンド開発者。オフラインアクセス機能を統合し、アプリの使いやすさを向上させることで、ユーザーエンゲージメントを強化。
短いヒント
- 可能な限り実績を定量化する（例：「収益を20%増加させた」）
- 読みやすさのため5行以内に収める
- 文の冒頭には力強い動詞を使用する
- 求人票の内容に合わせて要約を調整する
03
スキル
スキル
技術スキル - 言語: [リスト] - フレームワーク: [リスト] - ツール: [リスト] ソフトスキル - [スキル1], [スキル2], [スキル3]
押さえておきたいポイント
スキルを論理的にグループ化します（例：言語、フレームワーク、ツール）。応募職種に関連する専門スキルに焦点を当てます。習熟度または関連性の順にスキルをリストします。ソフトスキルは、箇条書きのリストよりも職務経験セクションで示す方が効果的です。
避けたい書き方
面接で話すことに自信がないスキルはリストしないでください。スキルを評価するために進捗バーやパーセンテージを使用することは避けてください（例：「Java：80％」）。これらは主観的であり、誤解されやすいためです。特に要求されない限り、古い技術を含めないでください。
具体例
避ける例
JavaScript, Python, Java
良い例
JavaScript, React.js, HTML5
避ける例
Git: Proficient, Docker: Intermediate
良い例
Git/GitHub, Webpack, Jest & Enzyme
短いヒント
- 求人情報に合わせてスキルセクションを調整します。求人情報に記載されている関連技術とツールを強調してください。
- リストされている各スキルについて、その主張を裏付ける実践的な経験または知識があることを確認してください。
- 明確にするために、技術スキルを言語、フレームワーク、ツールなどのカテゴリに整理します。
- 履歴書に記載する際は、関連性または習熟度でスキルを優先します。
04
職務経歴
職務経歴
役職名 | 会社名 | 所在地 年月 – 年月 - 行動動詞 + 背景 + 結果（定量化） - [プロジェクト]を主導し、[成果]を達成... - [チーム]と協力し、[機能]を実装...
押さえておきたいポイント
職務経歴の核となる部分です。時系列逆順（最新のものから順）で記載してください。各箇条書きは力強い行動動詞で始めてください。単なる職務内容ではなく、達成したことや影響に焦点を当ててください。影響を定量化するために数字を使用してください（金額、パーセンテージ、節約された時間、影響を受けたユーザー数など）。昇進や責任の増加を示してください。
避けたい書き方
「～を担当」や「～を任された」といった受動的な表現は避けてください。日々のタスクをすべてリストアップせず、重要な貢献と測定可能な成果に焦点を当ててください。あなたの分野外の採用担当者が理解できない専門用語は避けてください。
具体例
職務経歴の「やってはいけないこと」と「やるべきこと」を示す実践的な例
避ける例
React.jsを使用して新しいユーザーダッシュボードの開発を担当し、ページの読み込み時間を短縮して会社の時間を節約しました。
良い例
React.jsを用いて新しいユーザーダッシュボードを開発し、ページ読み込み時間を20%短縮しました。
避ける例
デザインの美観の一貫性を保つために、複数のプロジェクトでTailwind CSSの実装に取り組みました。
良い例
プロジェクトにTailwind CSSを導入・統合し、50ページ以上にわたるデザインの一貫性を向上させました。
短いヒント
- 各箇条書きの冒頭には、「開発した」「実装した」「最適化した」などの力強い行動動詞を使用してください。
- 文脈と影響を示すために、可能な限り達成したことを定量化してください。
- あなたのスキルと能力を示す特定のプロジェクトへの関与を強調してください。該当する場合はプロジェクト名を記載してください。
- グループプロジェクトでの作業においては、チームワーク、協力、コミュニケーションスキルを強調してください。
05
学歴
学歴
学位名 | 大学名 | 場所 年月 – 年月 - 関連科目: [科目1], [科目2] - 表彰/受賞歴: [受賞名] - GPA: X.X (3.5以上の場合)
押さえておきたいポイント
最終学歴から順に記載します。職務経験が豊富な場合は、学歴欄は簡潔にまとめます。GPAは3.5以上、または新卒の場合のみ記載します。関連科目、学業プロジェクト、表彰、リーダーシップ経験などを強調します。
避けたい書き方
大学の学位がある場合、高校の詳細は記載しません。履修した全ての科目をリストアップするのではなく、関連性の高いものだけを選択します。年齢差別が懸念される分野では、数十年前に卒業した日付は記載しない方が良い場合があります。
具体例
学歴の記載における「しない方が良いこと」と「推奨されること」の実践的な例
避ける例
文学士 | XYZ大学 | ニューヨーク州 2018年9月 – 2022年5月 - 科目: 心理学入門、社会学、英文学、微積分、線形代数
良い例
コンピュータサイエンス学士 | ワシントン大学 | シアトル、ワシントン州 2022年9月 – 2026年5月 - 関連科目: データ構造とアルゴリズム、Web開発基礎、フロントエンドエンジニアリング
短いヒント
- 最も最近、または最も高い学位から順に記載してください。
- 関連科目を含め、学業での成果を示す表彰や受賞歴を強調してください。
- GPAは3.5以上、または新卒の場合のみ記載してください。経験豊富な候補者にとっては、それほど重要ではない場合があります。
- Web開発基礎やフロントエンドエンジニアリングなど、フロントエンド開発に直接関連する科目に焦点を当ててください。
06
プロジェクト
プロジェクト
プロジェクト名 | 使用技術 - 何を構築し、その目的は何かを簡潔に説明 - 解決した具体的な技術的課題を強調 - GitHubまたはライブデモへのリンク（利用可能な場合）
押さえておきたいポイント
プロジェクトは、実務経験がない場合やキャリアチェンジの場合に、実践的なスキルを証明するのに非常に役立ちます。可能であれば、GitHubリポジトリやライブデモへのリンクを含めましょう。問題解決能力と、応募職種に関連する技術を示すプロジェクトに焦点を当ててください。
避けたい書き方
大幅に拡張しない限り、単純なチュートリアルは含めないでください。時代遅れ、不完全、または応募職種に関連性のないプロジェクトは避けてください。技術をリストアップするだけでなく、何を構築し、それがなぜ重要なのかを説明してください。
具体例
プロジェクトのDoとDon'tを示す実践的な例
避ける例
JavaScriptでシンプルな電卓アプリを作成。UIのスタイリングにHTML、CSS、Bootstrapを使用。
良い例
React.jsとReduxを使用して機能豊富な個人財務トラッカーを開発し、ユーザーが予算管理や支出追跡を行えるようにした。Chrome、Firefox、Safari、Edge間で一貫したスタイリングを確保することで、クロスブラウザ互換性の問題に対処した。
短いヒント
- React.js、Tailwind CSS、その他の応募職種に関連する技術スキルを強調するプロジェクトを選びましょう。
- プロジェクト構築中に直面した技術的課題と、それをどのように克服したかを説明し、問題解決能力を示しましょう。
- ライブデモやGitHubリンクを含めて、プロジェクトの機能やデザインを提示しましょう。これにより、採用担当者にスキルの具体的な証拠を提供できます。
- PWAの作成やビジネス向けレスポンシブWebページの開発など、現実世界での応用があるプロジェクトに焦点を当てましょう。
よくある質問
この役割に関する一般的な質問と、履歴書でそれをどのように最適に提示するか。
JavaScript、HTML、CSS、Reactなどのフレームワーク、Git、アクセシビリティを意識したUI、インターン経験、リンク付きのポートフォリオを入れると伝わりやすくなります。
何を作ったか、使った技術、ユーザーやチーム、パフォーマンスにどんな改善があったかを具体的な箇条書きで示しましょう。
はい。デモ、読みやすいコード、レスポンシブ対応、解決した課題が明確な個人プロジェクトは、実践力を示す材料になります。
整備されたGitHubは、コードの書き方、プロジェクト構成、継続的な学習姿勢を職務経歴書の外でも確認してもらえるため有効です。
採用担当者に目立ち、夢の仕事を手に入れよう
ATSを通過し、採用担当者を感動させるAI搭載の履歴書でキャリアを変えた数千人の仲間に加わりましょう。