採用向けWeb開発スキル評価テスト

Web開発テストで評価する内容

Web開発の業務には、ブラウザー上のコード、ページ構造、フレームワーク、API、コンテンツ管理システム、オンラインストアなどが含まれます。中級レベルのテストは28種類あり、いずれも選択式で所要時間は10分です。コードを読んだり、APIの動作を選んだりする実践的な知識を評価します。

インターフェース開発では、CSSでセレクター、詳細度、レイアウト、構文を測定します。HTML5ではマークアップ、ページ構造、フォーム、メディアを評価します。Bootstrapはレスポンシブグリッド、フォーム、インタラクティブなコンポーネント、ユーティリティクラスを中心に確認します。ほかのフロントエンド向けテストには、フック、状態、コンポーネントのパターン、レンダリングを扱うReactや、キーボード、スクリーンリーダー、ズーム、支援技術を考慮したインターフェースの作成とレビューを評価する開発者向けWebアクセシビリティがあります。

ブラウザー上のデータ処理、フレームワーク、サーバーサイドの業務も対象です。たとえば、AJAXでは、バックグラウンドでHTTPリクエストを行い、返されたデータでページを更新するコードを評価します。この幅広い分野を単一のWeb開発スキルとして扱うのではなく、職種で実際に必要なスキルに応じてテストを選んでください。

職種の業務に合ったテストを選ぶ

フロントエンド職では、インターフェース技術のテストと、関連するマークアップまたはスタイルを扱うテストを組み合わせましょう。Reactアプリケーションを開発する職種には、Reactが適しています。レスポンシブなBootstrapページの開発には、Bootstrapが候補になります。HTMLとCSSを書く開発者には、HTML5とCSSをご検討ください。いずれも中級レベルのため、入門テストではなく、実務に必要な知識が求められる職種に適しています。

バックエンド職やフルスタック職では、業務で使うフレームワークまたはランタイムを選びましょう。Node.jsでは、ランタイムの動作、アプリケーション設計、HTTP API開発を確認します。Express.jsは、サーバー、ミドルウェア、ルーティング、リクエストデータ、レスポンスを中心に評価します。Pythonを使ったWeb開発は、職種で使うフレームワークに応じてDjangoまたはFastAPIで評価できます。

コンテンツサイトの場合、WordPress Developerはテーマやプラグインの開発者に適しています。WordPress Administrationは、WordPressサイトを最新の状態に保つサイト管理者、コンテンツマネージャー、マーケティングコーディネーターに適しています。オンラインストアの場合は、Shopify、WooCommerce、Magento 2など、ストアのプラットフォームに合ったテストを選びましょう。

特定の言語に依存しないAPI業務には、REST API設計が適しています。このテストでは、HTTPメソッド、リクエストとレスポンス、ステータスコード、ドキュメント、APIの変更を評価します。これらのテストはいずれも中級レベルで、所要時間は10分です。職種で指定されているツールや業務に合わせてテストを選び、スコアは人が確認するための参考情報としてご利用ください。

業務内容に応じてテストを組み合わせる

職務内容に記載された業務をもとに、必要なテストを選びましょう。レスポンシブページを作成するフロントエンド開発者には、アクセシビリティ対応が業務に含まれる場合、CSSと開発者向けWebアクセシビリティを組み合わせる方法があります。ページ全体を再読み込みせずにデータを読み込んだり送信したりする業務がある場合は、AJAXを追加しましょう。こうした組み合わせなら、1つのテストで職務全体を評価しようとせず、異なるスキルを確認できます。

フルスタックの職種では、フロントエンドフレームワークのテストと、バックエンドまたはAPI業務のテストを組み合わせましょう。Next.jsを使う職種なら、Next.jsとREST API設計を組み合わせる方法があります。REST APIを公開するDjangoアプリケーションの場合、DjangoとDjango REST Framework (DRF)で、スタックの異なる部分を評価できます。実際の業務を反映するテストだけを選びましょう。

各スコアは、そのテストが測定するスキルについての参考情報として、採用に関するほかの情報とあわせて確認してください。スコアだけで合否や採用を決めるものではありません。各テストを、候補者に担ってもらう予定の業務に結びつけ、役立つ評価セットにしましょう。

公平性と評価範囲の明確化

各テストは短い選択式で、公平性に関する説明では、評価対象のスキルに設問を絞るための工夫を紹介しています。多くのテストでは、平易な表現、短いコード例、中立的な例、さまざまな背景を反映した人名を使用しています。動作が異なる場合は、フレームワークのバージョンや設定を明記しているものもあります。たとえば、Angularのテストでは画面上のコードを使い、機能が特定のバージョンに依存する場合はそのバージョンを示しています。Next.jsのテストでは、ルーターと関連するバージョンの前提条件を明記しています。

回答が特定の条件に依存しないことを明記しているテストもあります。REST API設計では慣習が異なる場合に指針を示し、特定の企業独自のスタイルに回答が左右されないようにしています。GraphQLは、特定のサーバーライブラリではなく公開されている仕様に準拠しています。CSSの色に関する設問は、画面に表示された色ではなくコードをもとにしており、メモ用紙を使用できます。アクセシビリティのテストでは、設問が特定のブラウザーやスクリーンリーダーのブランドに依存しないことを説明しています。また、コントラストに関する設問では、測定値を表で示しています。

各テスト固有の説明を確認し、評価の前提条件を把握してください。スコアだけで結論が決まるわけではありません。職務内容や採用プロセス全体を踏まえて、人が結果を確認してください。