【面接対策】WEB面接準備・チェック事項一覧

# ■ はじめに

実務未経験よりWebエンジニアを目指した転職活動の際、WEB面接を受けるにあたって注意点をチェック事項として、メモしたり、`Notion`にまとめておりました:writing_hand_tone1:
あと、面接の前にこのチェック事項を確認することで、`最終確認し、やらかさない`ように気をつけていました。

と言っても、面接でやらかした反省などをメモしていただけなんですが...笑:innocent:

`初めてWEB面接を受ける方`や`転職活動中の方`に少しでも役に立てばいいなと思い、共有させていただきます:star2:

# ■ WEB面接チェック事項

![interview preparetion.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117662/02a2114b-2ec5-c13c-3a7e-2f61f656c840.jpeg)

## ● チェック一覧(Notion共有)
https://opalescent-dumpling-073.notion.site/WEB-58ee5d4ba557496da6086b6f1cdfc7c2?pvs=4


## ◎ 面接前
<details>
<summary><strong>☑ 頻出質問に対して回答を持っておく</strong></summary>

<font color=tomato>**【ポイント】**</font>
- よく聞かれる質問に対して回答を持っておくことで、`自信を持って`回答する。
- 文章で覚えて話そうとすると、ぎこちなくなるので、`箇条書きでポイントのみ`抑えておく。
- 回答に対して更に深掘りされた質問に対しても、想定・準備しておくと安心:relaxed:

<font color=green>**【よく聞かれる質問（参考記事）】**</font>
- [記事①：未経験転職の面接で聞かれた質問一覧](https://qiita.com/mmr__p/items/80c4adbe0df46a905e02)
- [記事②：【未経験〜経験浅め向け】エンジニア面接質問集](https://qiita.com/Sho0987/items/9654af77ec9f58222a75)
- [記事③：【未経験エンジニア転職】面接時にかなりの頻度で聞かれた質問１０個+α](https://qiita.com/so__hei__/items/2a70ebc948f2f1c791ac)
- [記事④：【面接対策】技術質問に対して簡潔な回答【２０選】](https://qiita.com/gon0821/items/44856f384f321f96d877)

</details>
    
<details>
<summary><strong>☑ 面接官視点を頭に入れておく</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 自分だけではなく、面接官がどういう`考え・目線で受験者を見ているか`意識する。
- 相手が何を知りたいか、`どういう人材を欲しいか`を把握する:mag_right:

<font color=green>**【参考記事】**</font>
- [記事①：エンジニアを面接するときに面接官が本当に知りたいこと](https://qiita.com/newta/items/63a06516521998ddd9f0)
- [記事②：採用担当者が未経験エンジニアに期待していること](https://qiita.com/ken1041/items/d26b70294ed24dfa4ec6)
- [記事③：エンジニア採用側、何を知りたいか](https://qiita.com/yoshi_iwa/items/1b68e27bec358857df6a)

</details>


<details>
<summary><strong>☑ 逆質問を３〜５つ用意</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 面接の最後では必ず「なにか質問はありますか？」と聞かれるので、逆質問を用意しておく。
- HPなどで明らか分かる内容は、質問してはダメ。
- 面接で会話していく中で、先に逆質問の内容を説明されてしまい質問することが無くならないように、`多めに用意しておく`と安心。
- 逆質問の回答に対して、さらに深ぼった質問ができると、コミュニケーションも取れていい雰囲気になる:sparkles:

</details>
    
<details>
<summary><strong>☑ PC・スマホの通知を切っておく</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 面接中に電話がかかってきたり、通知がなると印象が悪くなるので、切っておく。
- Appleユーザーは`集中モード`を **<font color=red>オン</font>** にしておくと、安心。（ **「デバイス間で共有」** もオンにしておくこと）
- こういう時に限って、営業の電話がかかってきがち:angry:

</details>

<details>
<summary><strong>☑ 手元に提出資料（履歴書・職務経歴書）を用意しとく</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 面接官はおそらく提出資料を手元の置いて質問してくるため、こちらも手元に用意して備える。
- 多くの企業を受けていると、`「志望動機、なんて書いたっけ？」`ってなる時もあるし、心理的にも安心。

</details>

<details>
<summary><strong>☑ ポートフォリオの画面を準備</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 面接官に
  :spy:「ポートフォリオ見せてください」って言われた時に、
  :smile:「画面共有させていただきます、少々お待ちくださいm(_ _)m」
って言って、`待たせることなく、すぐに`ポートフォリオの画面を見せることができると、スムーズでよい。
- 面接官に「見して」と言われてない場合でも、`話の流れで積極的に`
:sunglasses:「学習過程でこんなサービスを作ったので、ご説明させていただいてもよろしいでしょうか？」
とアピールする。

</details>

<details>
<summary><strong>☑ 背景・照明を調整する</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 背景は`生活感がでないように`、ポスターを外す等の注意する。
- 照明は顔が明るく映るように調整し、`第一印象が明るく`思ってもらえるようにする。

</details>

## ◎ 面接中


<details>
<summary><strong>☑ 第一印象から明るく、笑顔を意識すること</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 第一印象で面接官へ`良いイメージを与えられる`と、その後のやり取りもスムーズにいきやすい。
- `「一緒に働いてみたい」`と思ってもらいやすい。
- 第一印象で**８割**が決まる場合もあるらしい。

</details>

<details>
<summary><strong>☑ そんなに緊張する必要なく、緊張していない方が好印象</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 企業側は、「落としてやろう」と思っているのではなく、
`「いい人がいれば採用したい」という目線`で見ているので、そんなにガチガチになる必要はない。
- 緊張せず慣れている感が出ていると、`仕事ができそうなイメージ`が与えやすい。
- 敬語もかしこまりすぎず、`会社の先輩`と話すイメージぐらいを持っておく。

</details>

<details>
<summary><strong>☑ 結論→根拠・具体例の順に述べて、端的に答える</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 何について述べるか分かりやすいように、**<font color=red>結論</font>** から答える。
- 回答のボリューム割合としては、`結論2割`、`根拠・具体例8割`で答える。
- 回答が短すぎても、長すぎてもダメなので、面接官の反応を伺いながら適度な長さで答える。

</details>

<details>
<summary><strong>☑ 面接官の話にも相槌を大きくしたり、しっかり興味を持つこと</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 相手の話にもリアクションすることで、コミュニケーションが取れることをアピールする。
- 反応が薄いと`「ちゃんと伝わっているのかな？」`や`「人の話はあまり聞かない人なのかな？」`と思われるかも。
- WEB面接ではオーバーリアクションでちょうどいいぐらいの気持ちでいる。
- 相手の話に`更に深掘りした質問`ができると、ちゃんと会話になり良い雰囲気になりやすい。

</details>


<details>
<summary><strong>☑ 半年後には、現場で活躍できる人材とアピールする</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 今までの経験からどのようにエンジニアとして活躍できるかを説明する。
- ポートフォリオがあると、
**「これまで△△を学習し、〇〇のようなサービスを作成しました。その過程で□□を学びましたので、現場でも●●の場面で活かせると思います」** のように説得感が増しやすい。

</details>


<details>
<summary><strong>☑ 「未経験」という単語は、あまり自ら使わない方がいい</strong></summary>

<font color=tomato>**【ポイント】**</font>
- `「未経験ですが、〇〇のように考えております」`のように、答えてはダメ。
- 面接官からすると、**<font color=red>「未経験かどうか」</font>** は聞いていない。
受験者が **「未経験」という保険をかけている** ようにも聞こえる。
- 勉強期間があるなら、もうすでに`エンジニア`として、面接を受けたほうがいい。

</details>

## ◎ 面接中（ポートフォリオ関連）

<details>
<summary><strong>☑ ポートフォリオに関して質問されたら、できるだけ画面共有して説明する</strong></summary>

<font color=tomato>**【ポイント】**</font>
- `「ポートフォリオの工夫した点はどこですか？」`などの質問されて、画面共有なしに説明しても面接官のイメージが湧きにくく分からないので、画面共有して`具体的に説明する`。

</details>

<details>
<summary><strong>☑ 質問が終わってすぐ画面共有を切らない</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 画面共有を切るタイミングは面接官から`「切っていいですよ」`のような言葉をもらってからにする。
- 面接官がポートフォリオについてまだ聞きたいことがあるのに、勝手に画面共有を切ったら失礼になる。

</details>


<details>
<summary><strong>☑ ポートフォリオには実際に使われるデータを入れる</strong></summary>

<font color=tomato>**【ポイント】**</font>
- ポートフォリオに入れるデータは`「サンプルデータ１」`のような定型的なものではなく`「山田 キータ」` のような**実際に使用されるデータ**を入力しておく。
- 現場で使用されているイメージがしやすい。

</details>

## ◎ 面接後

<details>
<summary><strong>☑ お礼メールを送る</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 忙しい業務の合間を縫って、面接をしていただいたので、`感謝の気持を込めて`お礼メールを送る。
- 下記は一例ですが、参考になった点を述べたり、面接ごとにカスタマイズいただければと思います。

<font color=blue>**【お礼メールの一例】**</font>

> お世話になっております。〇〇と申します。
この度は貴重なお時間を割いて、面接及び会社説明をしていただきましてありがとうございました。
>
> 〇〇様から事業内容や働かれている方の様子等のお話しを伺い、貴社で働きたいという気持ちがますます強くなりました。
また、貴社のサービス内容につきまして非常に魅力的なサービスであり、自身の経験を活かしながら貴社の成長に貢献できれば幸いです。
>
>この度は面接のお礼を申し上げたく、メッセージをお送りいたしました。
面接を担当いただいた〇〇様にもお礼を伝えていただけると幸いです。
お忙しいかと存じますので、ご返信には及びません。

</details>


<details>
<summary><strong>☑ 面接で聞かれた質問と自分の回答をメモする</strong></summary>

<font color=tomato>**【ポイント】**</font>
- 次の選考に進んだ場合に、前回の面接での回答内容と違うことを話すと、`矛盾が生まれる可能性がある`のでメモしておく。
- 上手く回答できなかった質問は`他の企業でも聞かれる場合があるので`対策する。

</details>


<details>
<summary><strong>☑ 逆質問に対する回答をメモする</strong></summary>

<font color=tomato>**【ポイント】**</font>
- `忘れないうちに`逆質問に対する回答をまとめておく。
- 次の面接に進んだ場合に`同じ質問をしないように`必要になる。

</details>

# ■ おわりに
新卒の就活時にはWEB面接というものがなく、転職活動で初めて経験しました。

当初はWEB面接に苦手意識を持っておりましたが、面接を重ねるうちに改善点や注意点が分かり慣れていき、多くのメリットを感じていました:sparkles:
その中でも、遠く離れた東京などの企業様とオンラインで面接していただけるのは、とても助かりました！！

WEB面接は、求職者としては非常にありがたい選考手段ですが、注意点もありますので上記のチェック事項を確認、または自分用にアップデートして使っていただければ幸いです:relieved:


最後まで読んでいただき、ありがとうございました:four_leaf_clover: