結論
ホワイトボード面接では、完璧な図より、要件確認→スコープ→主要コンポーネント→トレードオフの順で思考を外化できるかが問われます。ライブコーディング面接のIDE練習とは別に、ボード上のラベル、矢印、容量見積もりの言語化を準備してください。内定は保証しません。
この記事はこんな人向け
- ホワイトボード形式の設計面接が初めてのWebエンジニア
- ライブコーディングと混同して準備を誤っている人
- オンラインのデジタルホワイトボードを使う選考を控えた人
- システム設計面接の進め方(Webエンジニア向け)と併読したい人
このテーマの要点
Webエンジニアのホワイトボード面接は、エディタ上でシンタックスを書くライブコーディング面接とは目的が異なります。このページは白板・デジタルボード上で図と短いラベルにより要件と設計を議論する形式に限定します。アルゴリズムの完全実装より、前提確認、スコープ切り、ボトルネックの特定、トレードオフの説明が中心になりがちです。
- ホワイトボード面接
- 白板またはデジタルボード上で図と短い文字により設計や解法を説明する選考形式。エディタでのコーディングを主としない場合が多いです。
- スコープ切り
- フル機能ではなく、Mustのユースケースと非機能要件の優先順位を面接官と合意すること。最初の5分が重要です。
- 外化
- 頭の中の仮説をボード上の箱と矢印として見える化すること。沈黙で考えるより、ラベルを書きながら話す方が評価されやすい場合があります。
- ライブコーディング面接との境界
- エディタにコードを書く形式はライブコーディング面接。ホワイトボードは疑似コードや箱 diagram が中心です。
ホワイトボード面接で混同しやすい役割
ホワイトボード、ライブコーディング、持ち帰り課題は、評価したい能力がずれます。ホワイトボードは対話しながら設計を更新する力、ライブコーディングは実装速度と正確性、宿題は完成度とREADMEです。同じ「技術面接」ラベルでも準備物が変わります。
| 観点 | ホワイトボード(このページ) | ライブコーディング面接 |
|---|---|---|
| 媒体 | 白板・デジタルボード | IDE・エディタ |
| 成果物 | 図・疑似コード・ラベル | 動く/動かないコード |
| 評価焦点 | 設計・トレードオフ・質問 | 実装・テスト・速度 |
| 対話 | 前提確認が頻繁 | ヒントはあるが実装中心 |
| 準備 | テーマ別の15分演習 | 言語・IDE・典型問 |
ホワイトボード面接の役割比較では、「観点」は「媒体」、「ホワイトボード(このページ)」は「白板・デジタルボード」、「ライブコーディング面接」は「IDE・エディタ」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の役割比較では、「観点」は「成果物」、「ホワイトボード(このページ)」は「図・疑似コード・ラベル」、「ライブコーディング面接」は「動く/動かないコード」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の役割比較では、「観点」は「評価焦点」、「ホワイトボード(このページ)」は「設計・トレードオフ・質問」、「ライブコーディング面接」は「実装・テスト・速度」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の役割比較では、「観点」は「対話」、「ホワイトボード(このページ)」は「前提確認が頻繁」、「ライブコーディング面接」は「ヒントはあるが実装中心」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の役割比較では、「観点」は「準備」、「ホワイトボード(このページ)」は「テーマ別の15分演習」、「ライブコーディング面接」は「言語・IDE・典型問」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボードで見られること
- 前提確認とスコープ合意
- 主要コンポーネントとデータ流れ
- ボトルネックとトレードオフ
ホワイトボードと切る準備
- IDEでの速度勝負だけ
- 完璧なUML暗記
- 答え1個の丸暗記
求人票で見る項目
求人票の「System Design」「Architecture interview」表記が、ホワイトボードを指すとは限りません。案内メールと人事確認で形式を特定してから準備時間を配分してください。
| 書いてあること | 確認したい実態 | 面談での質問例 |
|---|---|---|
| System design interview | 設計かalgoか | URL短縮のような題材ですか、自社ドメインですか |
| Whiteboard / Miro | 物理ボードかオンラインか | 使用ツールと事前アカウントは必要ですか |
| Duration 45-60min | 発表とQ&Aの配分 | 最初の10分で何を提示すべきですか |
| Coding on board | 疑似コードか実コードか | ライブコーディング面接に近い場合は形式を再確認 |
| Language | 日本語か英語か | ITエンジニアの英語面接も併用するか |
| Follow-up rounds | 深掘りの形式 | 次ラウンドは宿題かホワイトボードか |
ホワイトボード面接の求人票の読み替えでは、「書いてあること」は「System design interview」、「確認したい実態」は「設計かalgoか」、「面談での質問例」は「URL短縮のような題材ですか、自社ドメインですか」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の求人票の読み替えでは、「書いてあること」は「Whiteboard / Miro」、「確認したい実態」は「物理ボードかオンラインか」、「面談での質問例」は「使用ツールと事前アカウントは必要ですか」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の求人票の読み替えでは、「書いてあること」は「Duration 45-60min」、「確認したい実態」は「発表とQ&Aの配分」、「面談での質問例」は「最初の10分で何を提示すべきですか」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の求人票の読み替えでは、「書いてあること」は「Coding on board」、「確認したい実態」は「疑似コードか実コードか」、「面談での質問例」は「ライブコーディング面接に近い場合は形式を再確認」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の求人票の読み替えでは、「書いてあること」は「Language」、「確認したい実態」は「日本語か英語か」、「面談での質問例」は「ITエンジニアの英語面接も併用するか」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
ホワイトボード面接の求人票の読み替えでは、「書いてあること」は「Follow-up rounds」、「確認したい実態」は「深掘りの形式」、「面談での質問例」は「次ラウンドは宿題かホワイトボードか」です。件数・年収・合格率は集計方法や時期で変わるため、求人票と公式サイトの最新情報を確認してください。
- 面接形式を案内メールと人事確認で特定した
- 代表テーマ2件で15分ボード演習を録画またはメモした
- 前提確認質問を5個以上リスト化した
- ライブコーディング面接用練習時間と分離した
- オンラインボードの接続テストを完了した
確認ポイントは「面接形式を案内メールと人事確認で特定した」です。ホワイトボード面接の求人票に無いことが多いので面談メモに残します。曖昧な答えのときは最近の実例を1つ依頼してください。実例が出せない仕事は期待値が人によって違います。未確認のまま応募理由にしないでください。
確認ポイントは「代表テーマ2件で15分ボード演習を録画またはメモした」です。ホワイトボード面接の求人票に無いことが多いので面談メモに残します。曖昧な答えのときは最近の実例を1つ依頼してください。実例が出せない仕事は期待値が人によって違います。未確認のまま応募理由にしないでください。
確認ポイントは「前提確認質問を5個以上リスト化した」です。ホワイトボード面接の求人票に無いことが多いので面談メモに残します。曖昧な答えのときは最近の実例を1つ依頼してください。実例が出せない仕事は期待値が人によって違います。未確認のまま応募理由にしないでください。
確認ポイントは「ライブコーディング面接用練習時間と分離した」です。ホワイトボード面接の求人票に無いことが多いので面談メモに残します。曖昧な答えのときは最近の実例を1つ依頼してください。実例が出せない仕事は期待値が人によって違います。未確認のまま応募理由にしないでください。
確認ポイントは「オンラインボードの接続テストを完了した」です。ホワイトボード面接の求人票に無いことが多いので面談メモに残します。曖昧な答えのときは最近の実例を1つ依頼してください。実例が出せない仕事は期待値が人によって違います。未確認のまま応募理由にしないでください。
経験の棚卸し方
ホワイトボード面接では、ツール名の羅列より、自分が判断した範囲の説明が先です。秘密情報は一般化し、確認できない数字は書きません。
- 01形式をメールで固定
設計/algo、時間、ツール、言語を箇条書き確認。回答PDFを面接フォルダに保存。
- 0215分テンプレを2テーマ
要件確認3分→スコープ3分→図7分→トレードオフ2分の型で、代表テーマ2件を練習。
- 03ボード用語彙を短文化
Load balancer、Cache、Queue等を1語説明できるようカード化。長い定義暗記は不要。
- 04ライブコーディング練習と分離
同週にIDE典型問とボード典型問を混在させない。形式が違えば筋肉記憶も別です。
公式情報の使い方
面接形式の公式制度はありません。IPAのDX関連資料は、大規模システムを語るときの一般語彙の参照先になり得ますが、個別企業の評価基準の代替にはなりません。
ITエンジニアのホワイトボード面接ガイドの判断材料は、出典が公開されている情報に限ります。媒体ごとの求人数や平均年収は集計定義が違うため、求人票や公式サイトの最新情報で確認してください。内定や年収アップは保証できません。提示された労働条件は書面で確認し、口頭の話だけを契約内容にしないでください。
相談先の選び方
Geekly等の担当者に、同社のホワイトボード形式例(設計/algoの別、時間)を聞き、モックの相手を探してください。答えの暗記より、質問の順序練習が目的です。
- Geekly
Web系の設計面接形式例に詳しい担当者が、同社の過去テーマ傾向を共有できる場合があります。
- レバテックキャリア
設計面接とライブコーディングが連続する日程の、準備配分相談向き。
- TechGo
Webエンジニア求人のうち、設計面接明示求人を探索する用途。
- 社内SEナビ
ホワイトボード選考が少ない社内SE職を見る場合の補完。
- リクルートエージェント
形式確認の一般論。技術テーマの深掘りはIT特化と分担。
相談先を複数使う場合は、企業名・求人ID・応募経路を一覧にして重複応募を防いでください。転職支援とスカウトでは受けられる支援が異なるため、同じ基準で単純比較せず、目的に合う窓口を選びます。
よくある失敗パターン
- いきなり図を描き始める
要件とスコープ未確認のまま詳細図を書くと後から全部描き直しになります。最初の3分は質問に使ってください。
- ライブコーディング練習だけする
形式がボードなのにLeetCodeだけ増やしても評価軸がずれます。案内メールを先に読んでください。
- ボードを自分専用に占有
オンラインでは共同編集されることもあります。面接官の追記を歓迎し、対話前提で進めてください。
面談で先に聞くこと
アルゴリズムとシステム設計はどう準備を分けますか
案内で指定された方を優先します。algoは入出力と計算量、設計はコンポーネントとスケールの話が中心になりがちです。両方ある場合は時間配分を確認してください。
システム設計面接の進め方(Webエンジニア向け)との関係
システム設計面接の進め方(Webエンジニア向け)は設計対話全般を扱い得ます。このページはそのうちホワイトボード媒体に限定し、エディタ形式と切り分けます。
オンラインホワイトボードで困りやすい点
文字サイズ、矢印、Undo操作です。事前にツールを触り、ラベルは短く大きく書く癖をつけてください。
ライブコーディング面接との使い分け
エディタでコードを書く日はライブコーディング面接、ボードで図を描く日はこのページの準備を優先してください。
応募前の1週間
1週間で、代表テーマ2件の15分ボード演習、前提確認質問リスト、オンラインボードツールの接続テストを終えます。
- 01月:形式確認
人事メール送信。テーマ候補2件選定。
- 02火・水:ボード演習
タイマー15分×2回。Decisionが何分目かだけ振り返り。
- 03木:モック
同僚またはエージェントと30分。質問の質だけフィードバック。
- 04金・週末:環境テスト
Miro/FigJam等の接続、ペンタブレット、画面共有を本番同様に試す。
おすすめ転職サービス
相談先は得意領域と対象経験を確認し、複数の提案を比較して選びましょう。
よくある質問
ホワイトボード面接とライブコーディング面接の違い
ホワイトボードは図と対話による設計・解法説明が中心、ライブコーディング面接はエディタ上の実装が中心です。案内メールで形式を確認し、準備を分けてください。
完璧な図が必要ですか
一般論として、正確なUMLより、前提確認とトレードオフの説明が重要視されることが多いです。個別企業の基準は面談で確認してください。
デジタルホワイトボードのおすすめ練習
本番と同じツールで15分タイマー演習を2テーマ行うことを推奨します。特定ツールの優劣はここでは断定しません。
英語で進む場合
ITエンジニアの英語面接の短文化テンプレと、ボード上の英語ラベル練習を併用してください。
面接官が沈黙したら
思考整理のため、次に検討する論点を声に出し、ボードに1語書いてから続けてください。
合格は保証されますか
このページは準備手順の整理であり、合格・内定を保証しません。
まとめ
ホワイトボード面接では、完璧な図より、要件確認→スコープ→主要コンポーネント→トレードオフの順で思考を外化できるかが問われます。ライブコーディング面接のIDE練習とは別に、ボード上のラベル、矢印、容量見積もりの言語化を準備してください。内定は保証しません。
サービス内容や応募条件は変わる可能性があります。最終的な判断の前に、各社の公式サイトと面談で最新情報をご確認ください。
あわせて読みたい記事
キャリア
エンジニア面接対策
エンジニア面接を、ライブコーディング、システム設計、行動面接に分けて準備します。合格を保証する裏技は扱いません。
キャリア
外資・英語を活かすIT転職
外資系や英語面接のあるIT転職で、面接言語、等級(レベリング)、在留資格の扱いを、確認できる情報だけで整理します。報酬の米ドルや円の相場は掲載しません。数字はオファーレターの内訳だけを比較し、ビザの取得可否は公的手続と雇用条件で確認する、という順序を固定します。等級名を他社の番号へ翻訳せず、株式は権利確定まで確定値に足しません。英語力は等級の代わりではありません。想像の通貨換算は表に置かず、レターの列だけを残してください。在留の可否もレターの注記と公的手続で確認します。申請結果を体験談で予告しません。他社区分の等級名対訳もしません。他社区分の等級バンド番号も一般化しません。最終確認はオファーレターと公式情報です。
キャリア
ITエンジニアの試用期間の確認ポイント
IT求人でよく見る試用期間について、労働条件通知書で確認すべき項目を公式情報に沿って整理します。個別の適法性判断は行いません。
参考資料
以下は技術・職務理解の参考資料です。転職サービスの推奨順位や採用結果の根拠を示すものではありません。