dev-engineering

新卒Webエンジニア

履歴書例

4.5 / 5

このテンプレートを使う

自分の経歴を追加して、このレイアウトを仕上げましょう。

AIチャットでこのテンプレートを編集

AIと一緒に各セクションを書き換え、調整できます。

美咲 佐藤

ジュニアフロントエンドWebエンジニア

[email protected]

職務要約

React、Vue、JavaScript、HTML、CSSを使ったレスポンシブUI開発の実務経験を持つ若手Webエンジニア。インターンやジュニア職で、ダッシュボード、PWA機能、再利用可能なコンポーネント開発に携わり、アクセシブルなレイアウト、保守しやすいコード、現実的なパフォーマンス改善を意識してきました。デザイナーやQA、アジャイルチームとの協業にも慣れています。

連絡先

携帯電話

+1 (555) 487-2639

LinkedIn

linkedin.com/in/emily-wong-webdev

GitHub

github.com/emilywongdev

住所

San Francisco, CA

ウェブサイト

emilywong.dev

スキル

React.js, Vue.js, JavaScript ES6+, HTML5/CSS3, Git, npm/yarn, Webpack/Babel, Docker

職務経歴

初級Webデベロッパー

テックカンパニー株式会社

01/2023

Webアプリ向けのReact・Vueコンポーネントを開発・保守し、ナビゲーション、フォーム、ダッシュボード画面の一貫性を高めました。

HTML、CSS、JavaScriptで50ページ以上のレスポンシブレイアウトを作成し、QAで見つかったモバイル表示の不具合を減らしました。

CSSバンドル、画像処理、JavaScriptの読み込み方法を見直し、主要ページが低速回線でも安定して表示されるよう改善しました。

フロントエンド不具合の再現手順を整理し、シニア開発者と連携してリリース前のUI不具合の再発を抑えました。

ジュニアWebデベロッパー

Webソリューションズ株式会社

06/2021 - 12/2022

Angularで社内ダッシュボードのプロトタイプを開発し、業務チームがタスク、ステータス変更、週次の作業量を一画面で確認できるようにしました。

30件以上のデザインモックをレスポンシブページと再利用可能なUIパターンに落とし込み、余白、タイポグラフィ、操作状態の一貫性を保ちました。

Webデベロッパーインターン

スタートアップイノベーションズ

06/2020 - 12/2020

ランディングページとフォーム向けの再利用可能なフロントエンドコンポーネントを作成し、以後の類似機能の立ち上げを効率化しました。

デザイナーと協力し、インタラクティブな状態、フォームバリデーション、基本的なアクセシビリティ改善を初期画面に実装しました。

学歴

サンフランシスコ州立大学

コンピュータサイエンス学士号

09/2018 - 05/2023

関連科目:Web開発、フロントエンドフレームワーク(React、Vue)、UXデザイン、データ構造。GPA:3.8

主要プロジェクト

天気ダッシュボード PWA

github.com/emilywongdev/weather-dashboard-pwa

ReactでPWAを開発し、APIから天気データを取得、最近の検索をキャッシュし、日次予報をレスポンシブなダッシュボードで表示しました。

ToDoリストマネージャー

Vueでタスク管理アプリを作成し、追加、編集、削除、フィルター、Service Workerによるオフライン対応を実装して実践的な状態管理を示しました。

佐藤 美咲 - 新卒Webエンジニア

[object Object]

このテンプレートが機能する理由

この職務経歴書のフォーマットは、ATS最適化に効果的です。なぜなら、React.jsやVue.jsの習熟度など、Web開発における新卒ポジションに関連する技術スキルと経験を強調するプロフェッショナルサマリーを含んでいるからです。具体的なプロジェクトや使用技術の記載は、書類の関連性と具体性を高めます。「新卒」「Webエンジニア」「React.js」といったキーワードが、自動検索システムでの視認性を高めるために、職務経歴書全体に戦略的に配置されています。

即時レジュメスコア

ジュニアフロントエンドWebエンジニア履歴書のスコアを確認

履歴書をアップロードして、ATSスコアと職種に合った実践的な改善点をすぐに確認できます。

  • 登録不要
  • 初期設定で非公開
  • 通常30秒以内

履歴書

ここに履歴書をドロップ
PDF・DOCX・TXT・画像 / 最大 20MB

ファイルは非公開のままです。

スコアまであと1ステップ

履歴書を追加すると、無料のスコアと優先度順の修正案が表示されます。

この履歴書を仕上げるコツ

この履歴書を仕上げるコツ

各セクションを読みやすく、応募職種に合った内容にし、ATSにも伝わりやすくするための実践的なポイントです。

01

連絡先

連絡先

氏名 勤務地 電話番号 | メールアドレス LinkedInプロフィールURL | ポートフォリオURL(任意)

押さえておきたいポイント

連絡先情報は、採用担当者が最初に目にするセクションです。簡潔かつプロフェッショナルに保ちましょう。メールアドレスは適切なもの(例:名前.姓@gmail.com)を使用してください。プロフェッショナルな経歴を包括的に把握するためにLinkedInプロフィールを含めましょう。クリエイティブ、技術、デザイン系の職種では、ポートフォリオや個人ウェブサイトの掲載が推奨されます。

避けたい書き方

プライバシーのため、番地まで記載した完全な住所は含めないでください。国によって特に要求されない限り、配偶者の有無、年齢、写真、社会保障番号などの個人情報は含めないでください。プロフェッショナルでないメールアドレスは使用しないでください。アーティストやデザイナーは、GitHubリンクではなく、ArtStation、Behance、またはポートフォリオサイトを使用してください。

具体例

連絡先情報を効果的にフォーマットする明確な例をご覧ください。

避ける例

山田 太郎 1234 ランダム通り アパート56 東京都新宿区 090-1234-5678 | [email protected] github.com/aliciacode 既婚、28歳

良い例

佐藤 花子 東京都 090-1234-5678 | [email protected] linkedin.com/in/sato-hanako | artstation.com/sato-hanako

避ける例

鈴木 一郎 東京都 080-9876-5432 | [email protected] github.com/ichiro-dev

良い例

鈴木 一郎 東京都 080-9876-5432 | [email protected] linkedin.com/in/ichiro-suzuki-webdev | ichiro-suzuki.dev

短いヒント

  • プロフェッショナルなメールアドレス(名.姓の形式)を使用してください
  • 留守番電話の設定を確認し、プロフェッショナルなメッセージを設定してください
  • 電話番号とメールアドレスに誤字脱字がないか再確認してください
  • LinkedInのURLをカスタマイズしてください(linkedin.com/in/yourname)
  • アーティスト/デザイナーのポートフォリオにはArtStationまたはBehanceを使用してください

02

職務要約

職務要約

結果志向の[役割名]として、[経験年数]年の経験を持ち、[主要スキル/業界]に精通しています。[主要な成果]の実績があります。[主要技術/スキル]に熟練しており、[対象業界/企業タイプ]に[具体的な価値]を提供することにコミットしています。

押さえておきたいポイント

職務経歴書の冒頭に記載するサマリーは、あなたの「エレベーターピッチ」です。3〜5文程度で、あなたの経験、主要スキル、主な実績を簡潔にまとめます。求人情報に合わせて、関連キーワードを盛り込み、あなたがどのようにユニークで、採用企業にどのような価値をもたらすかに焦点を当てましょう。

避けたい書き方

「新しいことを学び、キャリアアップできる挑戦的な役割を探しています」のような一般的な目標設定は避けましょう。採用担当者は、あなたが彼らに何をもたらすかを知りたいのであって、あなたが何を求めているかではありません。一人称(私、私の)の使用は避け、簡潔かつインパクトのある文章にしましょう。

具体例

弱い目標設定と強力な職務経歴書サマリーを比較します。

避ける例

目標設定:私は、新しいことを学び、キャリアアップできるエントリーレベルのWebデベロッパー職を探している勤勉な人間です。

良い例

ReactとVueのプロジェクト経験を持つ若手Webエンジニア。JavaScript、HTML、CSSでレスポンシブなダッシュボード、PWA機能、再利用可能なUIコンポーネントを開発。

短いヒント

  • 可能な限り実績を数値化する(例:「収益を20%増加させた」)
  • 読みやすさのため5行以内に収める
  • 文の始まりには力強い動詞を使用する
  • 求人情報に合わせてサマリーを調整する

03

スキル

スキル

技術スキル - 言語: [リスト] - フレームワーク: [リスト] - ツール: [リスト] ソフトスキル - [スキル1], [スキル2], [スキル3]

押さえておきたいポイント

スキルを論理的にグループ化します(例:言語、フレームワーク、ツール)。求人に関連する専門スキルに焦点を当てます。習熟度または関連性の順にスキルをリストします。ソフトスキルは、単なるリストではなく、職務経験セクションの箇条書きで示す方が効果的です。

避けたい書き方

面接で自信を持って使用できないスキルはリストしないでください。「Java: 80%」のように、スキルを評価するために進捗バーやパーセンテージを使用しないでください。特に要求されていない限り、古いテクノロジーを含めないでください。

具体例

スキルのDoとDon'tを示す実践的な例

避ける例

JavaScript, Python, React.js (初心者), Vue.js (中級), HTML5/CSS3, Git (基本), JIRA (利用者), Adobe XD (初級)

良い例

言語: JavaScript, Python フレームワーク: React.js, Vue.js ツール: HTML5/CSS3, Git, JIRA

短いヒント

  • 職務内容と自身の習熟度に基づいて、スキルの優先順位を付けます。
  • 「技術スキル」セクションの下にソフトスキルをリストしないでください。代わりに、職務経歴の要約や職務経験の説明に組み込みます。
  • リストは簡潔かつ包括的に保ち、習得した、または現在学習中の主要なテクノロジーに焦点を当てます。
  • 継続的な学習への意欲を示すために、関連する認定資格やトレーニングコースを技術スキルと併せて含めます。

04

職務経歴

職務経歴

役職名 | 会社名 | 勤務地 年月 – 年月 - 行動動詞 + 状況 + 結果(定量化) - [プロジェクト]を主導し、[成果]を達成... - [チーム]と協力し、[機能]を実装...

押さえておきたいポイント

あなたの職務経歴の核となる部分です。逆年代順(最新のものから順)に記載してください。各箇条書きは強力な行動動詞で始めてください。単なる職務内容ではなく、達成したことと影響に焦点を当ててください。影響を定量化するために数字(金額、パーセンテージ、節約時間、影響を受けたユーザー数)を使用してください。昇進と責任の増加を示してください。

避けたい書き方

「~を担当した」「~を任された」のような受動的な言葉遣いは避けてください。日々のタスクをすべてリストアップせず、重要な貢献と測定可能な成果に焦点を当ててください。あなたの分野外の採用担当者が理解できない専門用語は避けてください。

具体例

職務経歴における「やってはいけないこと」と「やるべきこと」を示す実践的な例

避ける例

AngularJSを使用して社内ダッシュボードを作成するプロジェクトに取り組みました。

良い例

Angularの再利用可能なダッシュボードコンポーネントを開発し、業務チームがタスクと週次作業量を一画面で確認できるようにしました。

避ける例

会社のウェブサイトのCSSおよびHTMLファイルを更新しました。

良い例

CSS、画像処理、JavaScript読み込みを最適化し、低速回線での主要ページの安定性を改善しました。

短いヒント

  • 「開発した」「主導した」「改善した」「実装した」などの強力な行動動詞で各箇条書きを始めてください。
  • 測定可能な成果を示すために、数字とパーセンテージで実績を定量化してください。
  • React.js、Vue.js、またはその他の関連技術におけるスキルをアピールできるプロジェクトやタスクに焦点を当ててください。
  • 経験の文脈を提供するために、使用した具体的なツールやプラットフォーム(例:Git、npm/yarn)を強調してください。

05

学歴

学歴

学位名 | 大学名 | 場所 年月 – 年月 - 関連科目: [科目1], [科目2] - 賞/表彰: [賞名] - GPA: X.X (3.5以上の場合)

押さえておきたいポイント

最も取得した学位を先に記載してください。職務経験が豊富な場合は、学歴セクションは簡潔にしてください。GPAは3.5以上の場合、または新卒の場合のみ記載してください。関連する科目、学術プロジェクト、表彰、リーダーシップ経験などを強調してください。

避けたい書き方

大学の学位がある場合は高校の詳細は含めないでください。履修した全ての科目をリストアップするのではなく、最も関連性の高いものだけを選択してください。年齢差別が懸念される分野では、数十年前に卒業した日付を含めないでください。

具体例

学歴のDo's and Don'tsを示す実践的な例

避ける例

理学士 | カリフォルニア大学サンフランシスコ校 | サンフランシスコ, CA 2018年1月 – 2023年12月 - 科目: Web開発, コンピュータサイエンス入門, 数学, 歴史 - GPA: 3.6

良い例

コンピュータサイエンス学士 | サンフランシスコ州立大学 | サンフランシスコ, CA 2018年9月 – 2023年5月 - 関連科目: Web開発, フロントエンドフレームワーク (React.js, Vue.js), ユーザーエクスペリエンスデザイン - 賞/表彰: 学長賞

短いヒント

  • 複数の学位をお持ちの場合は、最も取得した学位のみを記載してください。
  • 技術スキルを証明する関連科目やプロジェクトを強調してください。
  • 学業での成果を示すために、表彰や賞があれば記載してください。
  • GPAは3.5以上の場合、または新卒の場合のみ記載してください。

06

プロジェクト

プロジェクト

プロジェクト名 | 使用技術 - 作成したものとその目的を簡潔に説明 - 解決した具体的な技術的課題を強調 - GitHubリポジトリまたはデモへのリンク(利用可能な場合)

押さえておきたいポイント

プロジェクトは、実務経験が少ない場合やキャリアチェンジの場合に、実践的なスキルを証明するのに非常に役立ちます。可能であればGitHubリポジトリやライブデモへのリンクを含めましょう。問題解決能力と、応募職種に関連する技術を示せるプロジェクトに焦点を当ててください。

避けたい書き方

大幅に拡張していない限り、単純なチュートリアルは含めないでください。時代遅れ、未完成、または応募職種に関連性のないプロジェクトは避けてください。単に技術をリストアップするだけでなく、何を作成し、なぜそれが重要なのかを説明してください。

具体例

プロジェクトの「やってはいけないこと」「やるべきこと」を示す実践的な例

避ける例

React.jsを使用したシンプルな「Hello World」アプリケーションを作成。追加の詳細なし。

良い例

Vue.jsを使用したインタラクティブなToDoリストマネージャーを作成し、ユーザーがタスクの追加、編集、削除を行えるようにした。Service Workerを通じてオフライン機能も実装。ライブデモはこちら:[リンク]

避ける例

JavaScriptを使用した基本的な電卓アプリを開発。具体的な課題や詳細には言及せず。

良い例

APIからリアルタイムの天気データを取得する、React.jsを使用した天気ダッシュボードPWAを開発。ユーザーに日々の予報を提供する、クリーンで応答性の高いダッシュボードを実現。クロスブラウザ互換性の問題を解決し、異なるデバイス間での一貫したパフォーマンスを確保。GitHubリポジトリ:[リンク]

短いヒント

  • React.jsやVue.jsなどの関連技術におけるスキルを強調するプロジェクトを選びましょう。
  • プロジェクトの目的や、開発中に直面した具体的な課題について説明しましょう。
  • 採用担当者があなたの作品に直接アクセスできるように、可能な限りライブデモやGitHubリポジトリへのリンクを提供しましょう。
  • プロジェクト内で実装した独自のソリューションを通じて、問題解決能力を示すことに焦点を当てましょう。

よくある質問

この役割に関する一般的な質問と、履歴書でそれをどのように最適に提示するか。

HTML、CSS、JavaScript、ReactやVueなどのフレームワーク、Git、実践的なプロジェクト、学習内容、インターン経験、ポートフォリオやGitHubリンクを含めます。

プロジェクト、インターン、授業課題、ボランティア制作などを使い、何を作ったか、どの技術を使ったか、何を改善したかを具体的に書きます。

はい。完成度があり、応募職種に関連し、確認しやすいプロジェクトを選び、課題、技術選定、リポジトリやデモへのリンクを記載します。

重要です。コード、レスポンシブ対応、UI実装力、実際に動く機能を完成させる力を採用担当者が確認できます。

次の面接は履歴書一つで決まる

数分でプロフェッショナルで最適化された履歴書を作成。デザインスキルは不要—証明された結果だけ。

私の履歴書を作成

このテンプレートを共有

75%のATS不採用率を克服

4件中3件の履歴書は人の目に触れることがありません。当社のキーワード最適化により通過率が最大80%向上し、採用担当者に確実にあなたの可能性を見てもらえます。