結論

ホワイトボード面接では、完璧な図より、要件確認→スコープ→主要コンポーネント→トレードオフの順で思考を外化できるかが問われます。ライブコーディング面接の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つ依頼してください。実例が出せない仕事は期待値が人によって違います。未確認のまま応募理由にしないでください。

経験の棚卸し方

ホワイトボード面接では、ツール名の羅列より、自分が判断した範囲の説明が先です。秘密情報は一般化し、確認できない数字は書きません。

  1. 01
    形式をメールで固定

    設計/algo、時間、ツール、言語を箇条書き確認。回答PDFを面接フォルダに保存。

  2. 02
    15分テンプレを2テーマ

    要件確認3分→スコープ3分→図7分→トレードオフ2分の型で、代表テーマ2件を練習。

  3. 03
    ボード用語彙を短文化

    Load balancer、Cache、Queue等を1語説明できるようカード化。長い定義暗記は不要。

  4. 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分ボード演習、前提確認質問リスト、オンラインボードツールの接続テストを終えます。

  1. 01
    月:形式確認

    人事メール送信。テーマ候補2件選定。

  2. 02
    火・水:ボード演習

    タイマー15分×2回。Decisionが何分目かだけ振り返り。

  3. 03
    木:モック

    同僚またはエージェントと30分。質問の質だけフィードバック。

  4. 04
    金・週末:環境テスト

    Miro/FigJam等の接続、ペンタブレット、画面共有を本番同様に試す。

おすすめ転職サービス

相談先は得意領域と対象経験を確認し、複数の提案を比較して選びましょう。

対象・特徴を比較する転職サービス一覧
サービスおすすめ対象経験特徴詳細公式サイト
1位GeeklyIT・Web・ゲーム業界の転職なら経験者IT・Web詳しく見る公式サイト
2位レバテックキャリアエンジニア経験を活かしてキャリアアップするなら経験者IT・Web詳しく見る公式サイト
3位TechClipsITエンジニア専門サービスを比較したい人に経験者ITエンジニア・技術志向詳しく見る公式サイト
4位TechGoハイクラス・年収アップを狙うなら経験者ハイクラス・高年収詳しく見る公式サイト

Webエンジニア転職に強いサービスを比較を詳しく比較 →

Geekly
IT・Web・ゲーム業界の転職なら
特徴を見る →
レバテックキャリア
エンジニア経験を活かしてキャリアアップするなら
特徴を見る →
TechGo(テックゴー)
ハイクラス・年収アップを狙うなら
特徴を見る →
社内SE転職ナビ
社内SE・情シスへの転職なら
特徴を見る →
リクルートエージェント
IT求人を含め幅広く比較したいなら
特徴を見る →

よくある質問

ホワイトボード面接とライブコーディング面接の違い

ホワイトボードは図と対話による設計・解法説明が中心、ライブコーディング面接はエディタ上の実装が中心です。案内メールで形式を確認し、準備を分けてください。

完璧な図が必要ですか

一般論として、正確なUMLより、前提確認とトレードオフの説明が重要視されることが多いです。個別企業の基準は面談で確認してください。

デジタルホワイトボードのおすすめ練習

本番と同じツールで15分タイマー演習を2テーマ行うことを推奨します。特定ツールの優劣はここでは断定しません。

英語で進む場合

ITエンジニアの英語面接の短文化テンプレと、ボード上の英語ラベル練習を併用してください。

面接官が沈黙したら

思考整理のため、次に検討する論点を声に出し、ボードに1語書いてから続けてください。

合格は保証されますか

このページは準備手順の整理であり、合格・内定を保証しません。

まとめ

ホワイトボード面接では、完璧な図より、要件確認→スコープ→主要コンポーネント→トレードオフの順で思考を外化できるかが問われます。ライブコーディング面接のIDE練習とは別に、ボード上のラベル、矢印、容量見積もりの言語化を準備してください。内定は保証しません。

サービス内容や応募条件は変わる可能性があります。最終的な判断の前に、各社の公式サイトと面談で最新情報をご確認ください。

あわせて読みたい記事

キャリア

外資・英語を活かすIT転職

外資系や英語面接のあるIT転職で、面接言語、等級(レベリング)、在留資格の扱いを、確認できる情報だけで整理します。報酬の米ドルや円の相場は掲載しません。数字はオファーレターの内訳だけを比較し、ビザの取得可否は公的手続と雇用条件で確認する、という順序を固定します。等級名を他社の番号へ翻訳せず、株式は権利確定まで確定値に足しません。英語力は等級の代わりではありません。想像の通貨換算は表に置かず、レターの列だけを残してください。在留の可否もレターの注記と公的手続で確認します。申請結果を体験談で予告しません。他社区分の等級名対訳もしません。他社区分の等級バンド番号も一般化しません。最終確認はオファーレターと公式情報です。

参考資料

以下は技術・職務理解の参考資料です。転職サービスの推奨順位や採用結果の根拠を示すものではありません。