JavaScriptコーディングテスト対策

実際のテストでよく見られる内容

JavaScriptのコーディングテストに、決まった形式はありません。 企業ごとにテストプラットフォームを選び、問題や課題の数、制限時間、使用できる言語を設定します。受験案内が、受けるテストを知る最も確かな手がかりです。公開されている例から、その幅がわかります。

• HackerRank. HackerRankでは、JavaScript (Basic)スキルテストを2 questions in 1 hour 30 minutesと掲載しており、関数などが出題されます（HackerRank）。ヘルプセンターには、企業がテストに含められる問題形式として、コーディング、選択式、HTML/CSS/JavaScript、フロントエンド開発、コードレビュー、記述式などが挙げられています。また、企業はHackerRankの問題ライブラリから問題を追加するか、独自の問題を作成できると説明されています（HackerRank Help）。
• TestGorilla. TestGorillaのJavaScriptコーディングテストのページによると、各テストの所要時間は15 to 45 minutesで、初級レベルのアルゴリズムテストは15 minutesです。受験者はオンラインエディターで作業し、使用できる言語は企業が選ぶと説明されています（TestGorilla）。

企業のJavaScriptテストで一般的に報告されている内容:

• コーディング課題: オンラインエディターで関数を書き、サンプル入力で実行してから提出します。その後、受験者には見えない追加のテストケースで採点される場合があります。
• 選択式問題: JavaScriptの概念、コード片が出力する内容、正しいコードの選択。
• デバッグまたはコードレビュー: 他の人が書いたコードの問題を見つけて修正します。
• 追加される場合がある内容: ウェブページの作成や修正、より大規模なフロントエンドまたはバックエンドのプロジェクト、持ち帰り課題、テスト中のウェブカメラや画面の監視。

模擬テストの出題範囲。 フル模擬テストは20 questions in 60 minutesで、JavaScriptの概念（6）、コードの出力（6）、バグの発見（5）、解決策の作成（3）の4分野で構成されています。すべてNode.jsで動作する最新のJavaScriptコードで、ブラウザーやフレームワークのコードは含まれません。提出するまでは、前の問題に戻る、回答を変更する、問題にフラグを付けることができます。模擬テストでは、コードを読んで追跡し、デバッグし、適切なコードを選ぶ練習ができます。自分で書いたコードを実行することはできません。 実際のアセスメントでは、見えないテストケースで実行されるコードを書く課題が出ることもよくあります。この練習では、その基礎となる読解、追跡、デバッグのスキルを身につけられます。実際のエディターを使った時間制限付きの練習も加えてください。模擬テストには、フロントエンド、バックエンド、フルスタックのプロジェクト課題、監督、盗用チェック、ビデオ面接、持ち帰り課題、企業独自の合格基準は含まれません。

解き方の例付き問題タイプ

各セクションの解答例を1つずつ紹介します。多くの人が陥りやすい落とし穴も確認しましょう。

1. JavaScriptの概念。 letとvarの違いは何でしょうか。letのスコープはループ本体など最も近いブロック内で、その行が実行される前には使えません。varのスコープは関数全体で、巻き上げられるため、その行が実行される前からundefinedとして存在します。落とし穴: constならオブジェクトや配列を変更できないと思い込むことです。constが防ぐのは、名前への再代入だけです。

2. コードの出力。 console.log(typeof null, typeof [])の出力はobject objectです。typeofで見ると、どちらもオブジェクトです。配列かどうかを調べるにはArray.isArrayを使います。非同期コードでは、通常のコード、Promiseのコールバック、タイマーの順に実行されることを覚えておきましょう。落とし穴: setTimeout(fn, 0)を「今すぐ実行」と解釈することです。現在のコードと待機中のPromiseコールバックが完了するまで、必ず実行は待機します。

3. バグの発見。 合計ではなくundefinedを返す関数があります。波括弧があるのにreturnがないアロー関数を探しましょう。(a, b) => { a + b }はundefinedを返しますが、(a, b) => a + bは合計を返します。落とし穴: 不自然に見える最初の行を修正することです。小さな入力をコードに通し、値が初めて誤る行を見つけましょう。

4. 解決策の作成。 カートの合計金額を求める必要があります。items.reduce((sum, item) => sum + item.price, 0)で求められます。最後の0がないと、カートが空の場合にTypeErrorが発生します。落とし穴: 例では動いても、端のケースには対応しない選択肢を選ぶことです。空の配列、要素が1つの場合、重複、値が欠けている場合で、それぞれの選択肢を確認しましょう。

準備方法

1. まず受験案内を確認しましょう。 使用するプラットフォーム、タスクの数、制限時間、JavaScriptを選べるか、フロントエンドのタスクが含まれるか、テストが監視されるかを確認してください。形式はさまざまなので、決めつけないようにしましょう。
2. プラットフォームに練習エリアがあれば、試してみましょう。 エディターやRunボタン、サンプルのテストケースの表示方法に慣れておけば、本番で画面を見ても戸惑いません。たとえばHackerRankでは、受験者が作業中にRunをクリックしてテストケースを実行する方法が説明されています（HackerRank Support）。
3. コードを手作業で追いましょう。 短いコードの場合は、各行の実行後にそれぞれの変数が持つ値を書き出します。非同期コードでは、「今すぐ実行されるもの」「Promiseのコールバック」「タイマー」の3つに分けて書き出してください。
4. よく使うツールを把握しましょう。 配列とそのメソッド（map、filter、reduce、some、find、sort）、オブジェクト、MapとSet、文字列、分割代入、スプレッド構文、テンプレートリテラル、asyncとawaitです。
5. 提出前に境界ケースを考えましょう。 空の配列や文字列、要素が1つの場合、値の重複、nullとundefined、文字列として与えられた数値などです。非公開のテストケースでは、こうした点がよく確認されます。
6. 時間を計ってコードを書きましょう。 模擬テストでは、コードを読み解き、デバッグする力を鍛えられます。時間を計りながら実際のエディターで簡単な問題もいくつか解き、プレッシャーの中でコードを書くことや実行することに慣れましょう。
7. 本番に近いペースで練習しましょう。 HackerRankのJavaScript (Basic)の例のようなテストなら、1時間30分で2問なので、1問あたり約45分です（HackerRank）。自分でペースを調整することに慣れるため、時間を計って模擬テストを最後まで受けましょう。

一般的な採点方法

採点方法はプラットフォームと雇用主によって異なります。 共通の尺度や合格基準はありません。コーディング問題は通常、テストケースに照らして自動採点されます。公開されている説明を2つ紹介します。

• HackerRankによると、コーディング問題は、正確性と効率性を測る事前定義済みのテストケースで評価されます。テストケースごとに点数があり、合格すればそのテストケースの満点、失敗すれば0点です。問題の合計点は、合格したテストケースの点数の合計です。そのため、一部のテストケースに合格した解答は部分点を獲得できます（HackerRank Support）。コーディング問題と選択式問題は自動で評価されます。一方、HTML/CSS/JavaScriptの問題は手動で評価され、フロントエンドの問題は自動評価されますが、手動での確認も推奨されています（HackerRank Help）。
• TestGorillaは、全体の正答率に基づくパーセンタイル方式の採点と、各テストケースの結果を示すレポートについて説明しています（TestGorilla）。

何を良い結果とするかは各雇用主が決めます。多くの雇用主はスコアだけでなく、コードも確認します。

当サイトの練習スコアは、当サイト独自の問題に正解した数をセクション別に示したものです。どこに重点を置くべきかを確認できます。これは練習用のスコアであり、プラットフォームのテストのスコアではありません。また、合格できるかどうかを予測するものでもありません。

よくある間違い

• 比較関数を使わずに数値を並べ替える。 [10, 9, 1].sort() は文字列として並べ替えます。sort((a, b) => a - b) を使いましょう。
• == を使い、型変換に戸惑う。 特別な理由がない限り、=== を使いましょう。
• forEach は処理の完了を待たないことを忘れる。 forEach のコールバック内で await を使っても、外側の関数は一時停止しません。for...of または Promise.all を使いましょう。
• オブジェクトや配列を === で比較する。 2つのオブジェクトが等しいのは、同じオブジェクトの場合だけです。必要なフィールドを比較しましょう。
• 残しておくつもりの配列を変更する。 sort、reverse、splice は配列をその場で変更します。元の配列が必要な場合は、[...arr] で先にコピーしましょう。
• 例題だけをテストする。 表示された例題は通常、正解できます。非公開のテストケースでは、空の入力、要素が1つの場合、重複、大きな入力が確認されます。
• 1つの課題に時間をかけすぎる。 行き詰まったら、いくつかのテストケースに通る簡単なバージョンを提出して次に進み、時間があれば戻りましょう。