> ## Documentation Index
> Fetch the complete documentation index at: https://intervyo.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# クックブック: フロントエンドエンジニア

> フロントエンドの採用フロー — スクリーニング → UI & JavaScript → 持ち帰り課題のレビュー — を、コンポーネント設計とアクセシビリティに合わせて調整しています。

**フロントエンドエンジニア**を採用するための再利用可能なフローで、コンポーネント設計、JavaScript の深さ、アクセシビリティに重点を置き、最後に持ち帰り課題のレビューで締めくくります。

## ステップ 1 — インタビュアーを構築する（一度だけ）

| インタビュアー                            | ペルソナ                                          | 評価対象                                    |
| ---------------------------------- | --------------------------------------------- | --------------------------------------- |
| **Friendly Screener**              | "Hi, I'm Riya — a quick chat to get started." | 志望動機、コミュニケーション、基礎知識                     |
| **UI & JavaScript Interviewer**    | "I'm Lena, a senior frontend engineer."       | JS の基礎、フレームワークのパターン、状態管理、パフォーマンス        |
| **Accessibility & Craft Reviewer** | "I'm Theo — let's review your take-home."     | セマンティクス、アクセシビリティ、コンポーネント API 設計、CSS の品質 |

## ステップ 2 — ロールを作成する

**ロール:** `Senior Frontend Engineer`

* **目的:** 「この人はアクセシブルでパフォーマンスの高い UI を構築し、コンポーネント設計について筋道立てて考えられるか？」
* **スキル:** `JavaScript`、`TypeScript`、`React`、`CSS`、`Accessibility`
* **ユースケース:** 採用

## ステップ 3 — ラウンドを追加する

| # | ラウンド            | インタビュアー                        | 合格ライン | 合格時         |
| - | --------------- | ------------------------------ | ----- | ----------- |
| 1 | 電話スクリーニング       | Friendly Screener              | 60    | 自動で次へ進む     |
| 2 | UI & JavaScript | UI & JavaScript Interviewer    | 75    | 自動で次へ進む     |
| 3 | 持ち帰り課題のレビュー     | Accessibility & Craft Reviewer | 80    | レビュアーの承認が必要 |

## ステップ 4 — 候補者を追加して開始する

候補者を追加（または応募リンクを共有）してスケジュールします。持ち帰り課題のラウンドでは、課題の説明を**ラウンド**のナレッジベースに添付し、レビュアーが、あなたが配布したのとまったく同じ仕様に照らして面接できるようにしてください。

## バリエーション

* **デザインシステム重視の場合は？** UI Interviewer の重みをコンポーネント API とアクセシビリティ寄りに調整し、ビジュアル／インタラクションの仕上げを評価するラウンドを追加します。
* **フルスタックの場合は？** [バックエンドのレシピ](/jp/cookbook/backend-engineer)の **System Design** と **Coding** のインタビュアーを追加のラウンドとして再利用します — 同じライブラリ、異なる組み合わせです。