Lainbo

Lainbo's Blog

If you’re nothing without the suit, then you shouldn't have it.
github

フロントエンドエンジニアの履歴書チュートリアル + テンプレート📜

履歴書ファイルのヒント#

履歴書のファイルは PDF 形式であるべきで、Word 文書や画像ではありません。

履歴書のファイル名は次の形式に従う必要があります:応募職種_氏名_電話番号、例えば:Web フロントエンド開発_張三_13212345678.pdf

履歴書を迅速に作成するための無料プラットフォームをお勧めします。以下の情報を入力して履歴書を生成できます : 開発者客栈 - 履歴書


個人情報#

氏名 / 年齢 / 電話 / メール(できるだけ QQ メールは避けてください、万が一のため)/ 個人ウェブサイト、GitHub アドレス / 職務経験(x 年) / 求人職種 / 希望給与:(できれば面談時に相談したい、まずは面接の機会を得るために、面接後に良い印象を持たれ、高い給与を提示される可能性があります)

例えば:

張三#

13212345678 | zhangsan@163.com | 北京

https://github.com/ あなた自身の /(または自身の個人ウェブサイト)

x 年の職務経験 | Web フロントエンド開発エンジニア | 給与面談時に相談

スキルリスト#

2 つの書き方があります。

  1. 純粋なフロントエンドの書き方、フロントエンド関連のスキルしか持っていない人に適しています。

    • 強調点を書く、5〜10 項目程度、話せる内容を記載します。例えば「ES6 文法を熟知している、xxx のソースコードを使用し、読んだことがある、xxx の成果がある」など。
    • 書かないこと、「axios を使ってリクエストを送信できる」などの文言。axios はリクエストを送信するだけで、他には何もできません。「私はやかんを使って水を沸かすことができる」と言っているようなもので、これは無駄な話です。このような内容は書かないでください。

    例えば:

    1. Vue2、Vue3、React の全家族を熟知し、そのソースコードについて独自の理解と認識を持っています。
    2. 技術スタックに対応するさまざまなコンポーネントライブラリに精通し、その API や期待と異なる点を理解しています。
    3. JS、CSS などのフロントエンドの基本スキルが堅固で、深い知識を持ち、さまざまな API の特性を理解し、ベストプラクティスを自在に使いこなします。
    4. Chat GPT、Claude、GitHub Copilot を安定して使用し、開発と最適化を行い、プロンプトを書くためのさまざまな要素をマスターし、AI に高品質なコードを提供させることが得意です。
    5. Echarts、AntV などの可視化ソリューションを熟知しています。
    6. ES6(es2015 - es2022)を熟知しています。
    7. TypeScript を熟知し、型プログラミングに精通しています。
    8. さまざまなアルゴリズムに精通し、ビジネスに適したアルゴリズムを理解し、適切な場所でパフォーマンスの最適化を行うことができます。
    9. Windi CSS、Tailwind CSS、UnoCSS などの原子化 CSS フレームワーク / エンジンを熟知しています。
    10. フロントエンドのエンジニアリングに精通し、エンジニアリングを利用して xxx の効果を実現しました。
    11. Less、Scss などのプリプロセッサについて理解しています(プリプロセッサを使っているが、CSS をネストして書くことや変数のような基本機能しかできない場合は、「理解している」と書くのが良いです)。
  2. 総合的な書き方、一定の総合能力を持つ人に適しており、フロントエンドスキルに限定されません。

    • スキルを過度に細分化しないこと、基本的な原則は強調点を書き、無駄なことは書かないことです。

    例えば:

    1. フルスタック開発能力:フルスタック開発プロセスをマスターし、NestJS、Go を使用してバックエンド開発を行うことができます。MySQL と Redis に関しては、高効率なデータベースアーキテクチャを設計し、最適化を実行できます。
    2. Vue:Vue2、3 のエコシステムおよび関連ツール、プラグイン、依存関係に精通しています;Vue のソースコードを深く理解し、その実行メカニズムを理解しています。さまざまな手段を使用してビジネスアプリケーションのパフォーマンスとユーザー体験を向上させることが得意です。
    3. React:React エコシステムおよび関連ツール、プラグイン、依存関係に精通しています;内部メカニズムを深く理解し、複雑なフロントエンドの問題を効率的に解決し、パフォーマンスを最適化できます。
    4. ビルドツール:Webpack、Vite、Rspack などの現代的なビルドツールを使用してモジュール化開発を行うことが得意です。優れたフロントエンドエンジニアリングツールを使用して開発者の体験を向上させることが得意です;モジュールフェデレーションなどの特性を使用して柔軟で効率的なマイクロフロントエンドアーキテクチャを構築し、システムの複雑性を効果的に低減し、プロジェクトの保守性と拡張性を向上させます。
    5. UI デザインと美的能力:一定の UI デザイン能力を持ち、美しく実用的なユーザーインターフェースを設計できます;認知バイアスの知識と UI インターフェースを組み合わせて、使いやすく、ユーザーフレンドリーな製品ロジックとインターフェースを創造することが得意です。
    6. 運用スキルと自動化デプロイ:Linux、OpenResty、Docker の設定と最適化に精通しています。sh、Python スクリプトを使用して運用効率とシステムの安定性を向上させることが得意で、自動化デプロイとシステムメンテナンスの能力を持っています。
    7. AI 技術:AI 技術(ChatGPT の GPT-4、Claude など)を熟知し、「Google Brain の父」の生成 AI コースを体系的に学び、ほとんどの分野で AI に高品質な回答を引き出すことが得意です。
    8. 学習能力:オープンソースプロジェクトのドキュメントやソースコードを読むことを楽しみ、その思想を理解します。国際的な視野と質の高い情報源を持ち、ネットワーク問題を解決するためのさまざまな能力を持ち、新興のソリューションを迅速に習得し、ビジネスに役立てることができます。
    9. コードの質と規範:コードの質と規範を重視し、コードスタイルは可読性とパフォーマンスを優先し、チームのリズムに迅速に溶け込むことができます。
    10. マルチプラットフォーム開発経験:Web、モバイル(ミニプログラム、公式アカウント)およびデスクトップアプリケーション(Electron、Tauri)のクロスプラットフォーム開発に精通しています。

上記の 2 つの方法を必ず守ってください。

書くときは「精通 - 熟練 - 理解」の順序で書き、書いた内容は必ず質問に耐えられるものでなければならず、無駄に書かないこと

プロジェクト経験#

代表的なプロジェクトを 3 つ書けば十分です。特に多くの栄養のないプロジェクトを書く必要はありません。

** タイトル:** プロジェクト名 - 担当した役割(フロントエンド開発エンジニア)—— 期間(プロジェクト開始 - プロジェクト終了 / 現在)

例えば:

xxx 商城 - フロントエンド開発エンジニア —— 2021 年 3 月 1 日 - 2021 年 7 月 20 日

プロジェクト説明:書き方は STAR 原則、つまり Situation(状況)、Task(タスク)、Action(行動)、Result(結果)です。対応するのは【S】このプロジェクトの背景は何か、プロジェクトの紹介や直面した問題や難しさも含まれます。【T】やるべき仕事は何か、その中でどのような役割を担ったか。【A】これらの問題を解決するためにどのような方法を用いたか。【R】そして、どのような指標で測定可能な結果を得たか。

例えば:

プロジェクト説明:プロジェクトの時間が非常に厳しく、xxx の状況下で xxx の効果を達成する必要がありました(これが S です)。私はプロジェクトの xxx を担当しました(開発 / 統括 /...)。この時間内にユーザー xxxxx を実現する必要がありました(これが T です)。私は xxx の調査を行い、xxx の方法で開発を選択し、プロジェクト内で xxx(特別な操作 / かなりのテクニック)を行いました(これが A です)。最終的にプロジェクトは xxx の前に完了し、バグの数は xxxx(これが R です)。

プロジェクトの役割

書かないこと:

  • 「無駄なこと」を書かないでください。ここでの無駄なことは否定的な意味ではなく、まるで「君の話を聞いているようだが、実際には何も書いていない」ような感覚です。
  • 誤った例
    1. ナビゲーションバーの開発を担当しました。
    2. バックエンドと協力して xxx ページの開発を担当しました。
    3. デザイン稿を正確に再現しました。

💡 説明:上記の誤りは:もしこれらを達成できないのであれば、仕事を完了できないことになります。将来的には同様の要求が必ずあるため、あなたができるなら他の人もできるので、競争力がありません。履歴書は自分の競争力を際立たせるべきです。


書くべきこと:

  • あなたの貢献によって、プロジェクトが特定の効果を達成したことを示すべきです。これは成果であり、何をしたかではありません(ナビゲーションバーやホームページを作ったなど、面接官は前の会社で何をしたかには興味がなく、あなたが会社に何をもたらすことができるかに関心があります)。
  • 正しい例
    1. 10 以上の基本コンポーネントを封装し、20 以上の共通関数を作成し、機能性をビジネスにより適合させました。
    2. バンドル速度を最適化し、バンドル速度を 384% 向上させました(63 秒 -> 13 秒)。
    3. パフォーマンスを最適化し、初回表示速度を 1233% 向上させました(4 秒 -> 0.3 秒)。

💡 説明:重要な点を覚えておいてください、** 具体的な数字を書くこと!!!** これはあなたの価値を示し、具体的な数字は証拠です。あなたは要求を満たすだけでなく、他の人ができないことを達成できることを示すべきです。これらの内容は必ずしもあなたが行ったものである必要はなく、あなたが学んだり見たりしたプロジェクトの中で、適切なタイミングでその最適化ポイントを思いつき、その原理や順序を説明でき、他のプロジェクトにその最適化 / 機能を適用して期待通りの効果を達成できれば、それはあなたのものです。あなたはそれを履歴書に書くことができ、ほとんどの場合、誰もそれを紙とペンで暗記するように求めることはありません。最も重要なのは、成果を書くことであり、何をしたかではありません

職務経験#

リスト形式で列挙してください。外注会社は明記してください!!!特定の会社はバックグラウンドチェックを行う場合があり、もし彼らがあなたが書いた会社ではなく、あなたに社会保険を支払った会社を見つけた場合、あなたに対する好感度が下がる可能性があります。短期間に何度も転職することを気にする会社もあるため、あまり多くは書かないでください。

例えば:

  • aaa 会社(外注)- フロントエンド開発エンジニア ——2021 年 3 月 - 現在
  • bbb 会社 - フロントエンド開発エンジニア ——2020 年 3 月 - 2020 年 12 月

自己紹介#

強調点を書いてください! ! ! 「特に苦労することができる」と書かないでください。これは「特に食べることができる」と書くのとあまり変わりません。実際の内容を書いてください。

例えば:

  1. 情報収集能力が非常に高く、獲得能力が強い。
  2. 問題解決能力が高く、仕事に責任を持つ(短い例を証明として)。
  3. フロントエンドの書籍を読むことが好き(本当に読んだ場合)。
  4. デザインセンスや製品嗅覚が鋭く、開発した製品の体験が非常に良く、作業が細かい。

学歴#

もしあなたの学歴が目を引くものであれば、非常に前の方に置くことができます。場合によっては最後に置くこともできます。万が一 HR が学歴を見て、元々は欲しくないと思っていたが、履歴書を見終わった後に良い印象を持ち、結果的に面接の機会を得ることができるかもしれません。

例えば:

クレイデン大学 - 漢文学 学士

クレイデン大学 - ソフトウェア工学 修士

履歴書部分は終了です。


後記:履歴書の書き方#

  1. 履歴書の三大原則:明確、簡潔、必要。面接官に良い印象を与える。
  2. 技術能力のマッチング:採用側の要求を満たし、技術レベルが基準を満たす。
  3. プロジェクトの強調点:10 秒以内に面接官に強調点を見つけさせ、質問を続ける動機を与える。

履歴書の三大原則#

  1. 明確:履歴書は理解しやすく、レイアウトがシンプルであるべきです。例えば、学校と卒業年、何年働いたか、関連業界の職務経験、求職職種などは明確に示す必要があります。
  2. 簡潔:職務報告や面接での転職において、「要点を強調する」ことは非常に重要な能力であり、面接官があなたが伝えたい要点をすぐに理解できるようにします。非常に重要な部分は適度に太字にし、履歴書は 2 ページを超えないようにします。この部分がどうすれば良いかわからない場合は、『ピラミッド原則』という本を読むことをお勧めします。非常に良い本です。
  3. 必要:履歴書には必要な情報だけが必要であり、双方の時間を最大限に節約し、効率を向上させることができます。履歴書の内容は面接官が興味を持つものである必要があります。基本情報の中で、出身地など面接にとって重要でない内容は書かないでください。履歴書に GitHub やブログのリンクを掲載する人もいますが、ブログの内容が充実している場合は掲載しても良いですが、内容がほとんどない場合は、いくつかの面接のメモだけであれば、そのリンクは掲載しない方が良いです。逆に評価が下がります。ブログのリンクを貼った場合、面接官は一般的に一度は見に行くので、ブログの内容を準備しておくことが重要です。面接時に忘れて恥ずかしい思いをしないようにしましょう。同様のプロジェクトを履歴書にすべて列挙する人もいますが、例えば A 管理バックエンド、B 管理バックエンドなど、実際にはこれらの作業内容には大きな差異がないため、代表的なものを 1 つ書けば十分です。

技術能力のマッチング#

この部分では、深い分野とマスターしたコアスキルを強調します。例えば、パフォーマンス最適化、監視、エンジニアリングなどの経験があり、Vue / React のソースコードをマスターし、ネットワークやブラウザの原理を理解し、データ構造やアルゴリズムに精通していることなどです。これらの内容を強調することで、面接官をあなたが想定した戦場に導くことができます。履歴書の中で面接官が強調点を見つけられなければ、それは試験になり、彼が質問し、あなたが答えることになり、主導権を失います。面接官は八股文を聞くのが好きではなく、履歴書を見て強調点が見つからない場合、八股文を聞くしかありません。

プロジェクトの強調点#

プロジェクトの中のいくつかの点から切り込み、自分の価値を示すことが履歴書に書く価値があります。

  1. 大量データの最適化
  2. 開発効率の向上
  3. 開発品質の向上
  4. パフォーマンスの最適化
  5. ユーザー体験の最適化
  6. 複雑で新しいシナリオ

給与交渉の方法#

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。