BUSON マニュアル

Appearance

画面定義書 ​

転職エージェント業務管理システム

画面一覧 ​

画面ID画面名種別
SC-001ログイン画面※Cloudflare Accessで代替
SC-002ダッシュボードトップ画面
SC-003求職者一覧画面コレクション
SC-004求職者詳細画面シングル
SC-005求職者登録・編集モーダルモーダル
SC-006企業一覧画面コレクション
SC-007企業詳細画面シングル
SC-008企業登録・編集モーダルモーダル
SC-009求人一覧画面コレクション
SC-010求人詳細画面シングル
SC-011求人登録・編集モーダルモーダル
SC-012選考一覧画面コレクション
SC-013選考詳細画面シングル
SC-014選考登録・編集モーダルモーダル
SC-015ステータス更新モーダルモーダル
SC-016集計・レポート画面レポート
SC-017マスタ管理画面設定
SC-018メール連絡モーダルモーダル
SC-019面談実施モーダルモーダル
SC-020選考管理モーダルモーダル
SC-021企業紹介シート作成モーダルモーダル（フェーズ2）

SC-001 ログイン画面 ​

※ Cloudflare Accessで代替するため、実装不要

ページにアクセスした時点でCloudflare Accessが認証を要求する。

SC-002 ダッシュボード ​

ログイン後のトップ画面。未完了タスク、面接予定、選考結果待ち、実績サマリを表示。

表示エリア構成 ​

エリアIDエリア名表示内容
D-001未完了タスク未完了タスク一覧（求職者名、タスク内容、期限）。クリックで該当求職者/選考へ遷移
D-002今日の面接予定本日の面接一覧（時間、求職者名、企業名、面接種別）
D-003今週の面接予定今週の面接一覧（日付、求職者名、企業名）。日付でグルーピング
D-004選考結果待ち結果待ち選考一覧（求職者名、企業名、ステータス、経過日数）
D-005実績サマリ今月の申込数、面談数、内定数、入社数。前月比較（増減表示）
D-006要フォローアップ連絡が滞っている求職者一覧。音信不通検知機能による警告表示

要フォローアップエリア（D-006） ​

最終連絡日からの経過日数がステータス別の閾値を超えた求職者を表示。

表示項目説明
求職者名クリックで求職者詳細へ遷移
ステータス現在の全体ステータス
経過日数最終連絡からの日数（例：「10日経過」）
超過表示閾値を超過した日数を赤字で表示（例：「3日超過」「本日期限」）

UIデザイン:

  • オレンジ系の背景で警告を強調
  • 🔴（赤丸）: 閾値超過
  • 🟡（黄丸）: 本日が期限
  • 最大5件表示、「すべて表示」リンクで求職者一覧へ遷移

アクション ​

  • 各エリアのアイテムクリック → 該当オブジェクトの詳細画面へ遷移
  • 「すべて見る」リンク → 該当一覧画面へ遷移

SC-003 求職者一覧画面 ​

求職者オブジェクトのコレクション表示。検索・フィルタにより絞り込み可能。リアルタイム検索対応。

フィルタ項目 ​

項目ID項目名入力形式
F-001フリーワード検索テキスト入力（氏名、フリガナ、会社名で検索）※リアルタイム検索
F-002全体ステータスセレクトボックス（複数選択可）
F-003内定確度セレクトボックス（複数選択可）
F-004担当エージェントセレクトボックス
F-005担当アシスタントセレクトボックス
F-006応募媒体セレクトボックス
F-007登録日範囲日付ピッカー（From - To）

一覧表示項目 ​

項目ID項目名備考
C-001氏名クリックで詳細画面へ遷移
C-002全体ステータスStatusBadge表示（申込/ヒアリング面談/キャリア面談/活動中/内定/入社決定/活動終了）
C-003最新選考最新の選考企業名とステータス
C-004担当エージェントUserBadge表示（色付きバッジ）、未割当は灰色バッジ
C-005担当アシスタントUserBadge表示（色付きバッジ）、未割当は灰色バッジ
C-006最終連絡M/D形式。警告時は⚠️付きオレンジ文字で表示
C-007登録日YYYY/MM/DD形式
C-008アクション「選考追加」ボタン

音信不通警告表示 ​

最終連絡日からの経過日数がステータス別の閾値を超えた行は、オレンジ系の背景でハイライト表示される。

ステータスバッジカラー ​

ステータス名カラー
申込黄色（yellow）
ヒアリング面談オレンジ（orange）
キャリア面談シアン（cyan）
活動中青（blue）
内定緑（green）
入社決定紫（purple）
活動終了（ヒアリング）灰色（gray）
活動終了（キャリア）灰色（gray）
活動終了（選考）灰色（gray）

※「活動終了」で始まる全てのステータスは同じ灰色で表示

アクション ​

  • 新規登録ボタン → 求職者登録モーダル表示
  • 行クリック → 求職者詳細画面（SC-004）へ遷移
  • 選考追加ボタン → 選考登録モーダル表示（求職者固定）
  • ソート機能（氏名、登録日、ステータス）

SC-004 求職者詳細画面 ​

選択した求職者オブジェクトの詳細表示。この求職者に対するアクションを実行可能。

ヘッダー ​

  • ←戻るボタン: 見出し（氏名）の左側に配置、クリックで一覧画面へ遷移
  • 編集ボタン: プライマリカラー（青）で表示

アクションボタンエリア ​

見出しの下に配置。エージェントが各フローで行う操作をワンクリックで実行できる。

ボタンIDボタン名アイコン説明
ACT-001メール連絡✉️ Mailメール作成モーダルを表示
ACT-002ヒアリング面談実施📞 Phone面談実施モーダル（ヒアリング）を表示
ACT-003企業紹介シート作成📋 FileSpreadsheetフェーズ2 シート作成モーダルを表示
ACT-004キャリア面談実施🎥 Video面談実施モーダル（キャリア）を表示
ACT-005選考管理📁 Briefcase選考管理モーダルを表示

UIデザイン:

  • 各ボタンは縦型（アイコン上、テキスト下）
  • 横並びで5つ配置
  • ホバー時に背景色変化
  • 現在のステータスに応じて推奨アクションをハイライト（任意）

基本情報エリア ​

項目ID項目名備考
CD-001姓名姓 + 名で表示
CD-002フリガナ姓カナ + 名カナで表示
CD-003性別-
CD-004生年月日 / 年齢年齢は自動計算
CD-005電話番号クリックでコピー
CD-006メールアドレスクリックでコピー
CD-007現況現職/退職等
CD-008現在の会社名-
CD-009現年収万円表示
CD-010希望年収万円表示
CD-011応募媒体-
CD-012ASPASP経由の場合のみ表示
CD-013全体ステータスStatusBadge表示（カラーは一覧画面と同一）
CD-014内定確度-
CD-015担当エージェントUserBadge表示（色付きバッジ）、未割当は灰色バッジ
CD-016担当アシスタントUserBadge表示（色付きバッジ）、未割当は灰色バッジ
CD-017登録日-

選考一覧エリア（サブコレクション） ​

項目ID項目名備考
CA-001企業名クリックで選考詳細へ遷移
CA-002選考ステータスバッジ表示
CA-003エントリー日-
CA-004最終更新日-
  • 「選考を追加」ボタン → 選考登録モーダル表示
  • 行クリック → 選考詳細画面（SC-010）へ遷移

面談メモエリア（サブコレクション） ​

項目ID項目名備考
CN-001タイトルクリックで詳細表示（モーダル）
CN-002作成者-
CN-003作成日時-
  • 「メモを追加」ボタン → メモ登録モーダル表示
  • 行クリック → メモ詳細モーダル表示（編集可能）

アクション ​

  • 編集ボタン → 求職者編集モーダル表示
  • 選考を追加 → 選考登録モーダル（企業選択→ステータス設定）
  • メモを追加 → メモ登録モーダル

SC-005 求職者登録・編集モーダル ​

求職者オブジェクトの新規作成・編集を行うモーダルダイアログ。

入力項目 ​

項目名入力形式必須バリデーション
姓テキスト○50文字以内
名テキスト○50文字以内
姓（カナ）テキスト-カタカナのみ、50文字以内
名（カナ）テキスト-カタカナのみ、50文字以内
性別ラジオボタン-男性/女性/その他/未回答
生年月日日付ピッカー-過去日付のみ
電話番号テキスト-電話番号形式
メールアドレステキスト-メール形式
現況セレクト-現職/退職/休職
現在の会社名テキスト-200文字以内
現年収数値-0以上の整数（万円）
希望年収数値-0以上の整数（万円）
応募媒体セレクト○channelsマスタから選択
ASPセレクト-自社サイト選択時のみ表示
全体ステータスセレクト○candidate_statusesマスタから選択（デフォルト: 申込）
内定確度セレクト-progress_ranksマスタから選択
担当エージェントセレクト-usersマスタから選択（role=agent）
担当アシスタントセレクト-usersマスタから選択（role=assistant）

必須項目: 姓、名、応募媒体、全体ステータスのみ

アクション ​

  • 保存ボタン → バリデーション実行、成功時に保存してモーダルを閉じる
  • キャンセルボタン → 変更を破棄してモーダルを閉じる

SC-006 企業一覧画面 ​

企業オブジェクトのコレクション表示。検索・フィルタにより絞り込み可能。

フィルタ項目 ​

項目ID項目名入力形式
F-001フリーワード検索テキスト入力（企業名、担当者名で検索）
F-002契約状態セレクトボックス（契約中/契約終了）
F-003エントリー媒体セレクトボックス

一覧表示項目 ​

項目ID項目名備考
CO-001企業名クリックで詳細画面へ遷移
CO-002担当者名-
CO-003契約状態バッジ表示（契約中=緑、終了=グレー）
CO-004エントリー媒体HRMOS等
CO-005選考中人数現在この企業で選考中の求職者数

アクション ​

  • 新規登録ボタン → 企業登録モーダル表示
  • 行クリック → 企業詳細画面（SC-007）へ遷移

SC-007 企業詳細画面 ​

選択した企業オブジェクトの詳細表示。この企業に対するアクションを実行可能。

ヘッダー ​

  • ←戻るボタン: 見出し（企業名）の左側に配置、クリックで一覧画面へ遷移
  • 編集ボタン: プライマリカラー（青）で表示

基本情報エリア ​

項目ID項目名備考
COD-001企業名-
COD-002エントリー媒体-
COD-003契約状態バッジ表示
COD-004契約開始日-
COD-005契約終了日契約終了時のみ表示

求人一覧（サブコレクション） ​

項目ID項目名備考
COJ-001求人タイトルクリックで求人詳細へ遷移
COJ-002有効/無効バッジ表示（有効=緑、無効=灰）
COJ-003選考中人数この求人で選考中の求職者数
COJ-004担当者名-
  • 「求人を追加」ボタン → 求人登録モーダル表示
  • 行クリック → 求人詳細画面（SC-010）へ遷移

アクション ​

  • 編集ボタン → 企業編集モーダル表示
  • 求人を追加 → 求人登録モーダル（企業固定）
  • 契約終了ボタン → 確認ダイアログ表示後、契約状態を更新

SC-008 企業登録・編集モーダル ​

企業オブジェクトの新規作成・編集を行うモーダルダイアログ。

入力項目 ​

項目名入力形式必須バリデーション
企業名テキスト○200文字以内
エントリー媒体テキスト-100文字以内
契約状態セレクト○契約中/契約終了
契約開始日日付ピッカー--
契約終了日日付ピッカー-契約終了時のみ入力可

※担当者情報は求人（jobs）で管理

SC-009 求人一覧画面 ​

求人オブジェクトのコレクション表示。検索・フィルタにより絞り込み可能。

フィルタ項目 ​

項目ID項目名入力形式
F-001フリーワード検索テキスト入力（求人タイトル、企業名で検索）
F-002企業セレクトボックス（サジェスト付き）
F-003有効/無効セレクトボックス

一覧表示項目 ​

項目ID項目名備考
J-001求人タイトルクリックで詳細画面へ遷移
J-002企業名-
J-003有効/無効バッジ表示（有効=緑、無効=灰）
J-004担当者名-
J-005選考中人数この求人で選考中の求職者数

アクション ​

  • 新規登録ボタン → 求人登録モーダル表示
  • 行クリック → 求人詳細画面（SC-010）へ遷移

SC-010 求人詳細画面 ​

選択した求人オブジェクトの詳細表示。この求人に対するアクションを実行可能。

ヘッダー ​

  • ←戻るボタン: 見出し（求人タイトル）の左側に配置、クリックで一覧画面へ遷移
  • 編集ボタン: プライマリカラー（青）で表示

基本情報エリア ​

項目ID項目名備考
JD-001求人タイトル-
JD-002企業名クリックで企業詳細へ遷移
JD-003求人内容-
JD-004有効/無効バッジ表示
JD-005エントリーURLクリックで外部リンクを開く
JD-006担当者名-
JD-007連絡先メールクリックでコピー
JD-008連絡先電話クリックでコピー

選考中求職者一覧（サブコレクション） ​

項目ID項目名備考
JA-001求職者名クリックで選考詳細へ遷移
JA-002選考ステータスバッジ表示
JA-003担当エージェントUserBadge表示
JA-004最終更新日-

アクション ​

  • 編集ボタン → 求人編集モーダル表示
  • 企業詳細へ → 企業詳細画面（SC-007）へ遷移
  • 有効/無効切替ボタン → 確認ダイアログ表示後、状態を更新

SC-011 求人登録・編集モーダル ​

求人オブジェクトの新規作成・編集を行うモーダルダイアログ。

入力項目 ​

項目名入力形式必須バリデーション
企業セレクト○企業詳細から遷移時は固定、companiesマスタから選択
求人タイトルテキスト○200文字以内
求人内容テキストエリア--
有効/無効トグル-デフォルト: 有効
エントリーURLテキスト-URL形式、2048文字以内
担当者名テキスト-100文字以内
連絡先メールテキスト-メール形式
連絡先電話テキスト-電話番号形式

アクション ​

  • 保存ボタン → バリデーション実行、成功時に保存してモーダルを閉じる
  • キャンセルボタン → 変更を破棄してモーダルを閉じる

SC-012 選考一覧画面 ​

選考オブジェクトのコレクション表示。横断的に全選考を確認可能。

フィルタ項目 ​

項目ID項目名入力形式
F-001フリーワード検索テキスト入力（求職者名、求人タイトル、企業名で検索）
F-002選考ステータスセレクトボックス（複数選択可）
F-003担当エージェントセレクトボックス
F-004担当アシスタントセレクトボックス
F-005求人セレクトボックス（サジェスト付き）
F-006内定確度セレクトボックス（複数選択可）
F-007エントリー日範囲日付ピッカー（From - To）
F-008面接予定日範囲日付ピッカー（From - To）

一覧表示項目 ​

項目ID項目名備考
A-001求職者名クリックで選考詳細へ遷移
A-002求人タイトル-
A-003企業名-
A-004選考ステータスバッジ表示
A-005内定確度求職者の内定確度
A-006担当エージェントUserBadge表示
A-007エントリー日-
A-008最終更新日-

アクション ​

  • 新規登録ボタン → 選考登録モーダル表示
  • 行クリック → 選考詳細画面（SC-013）へ遷移

SC-013 選考詳細画面 ​

選択した選考オブジェクトの詳細表示。この選考に対するアクションを実行可能。

ヘッダー ​

  • ←戻るボタン: 見出しの左側に配置、クリックで一覧画面へ遷移
  • 編集ボタン: プライマリカラー（青）で表示

ヘッダーエリア ​

  • 求職者名（クリックで求職者詳細へ遷移）
  • 求人タイトル（クリックで求人詳細へ遷移）
  • 企業名（クリックで企業詳細へ遷移）
  • 現在の選考ステータス（大きく表示）

選考情報エリア ​

項目ID項目名備考
AD-001選考ステータスバッジ表示
AD-002想定年収万円表示
AD-003決定年収内定時に入力、万円表示
AD-004エントリー日-
AD-005内定日内定時に表示
AD-006入社日入社決定時に表示
AD-007備考自由記述

ステータス履歴エリア（タイムライン表示） ​

項目ID項目名備考
AH-001ステータス-
AH-002変更日-
AH-003更新者UserBadge表示
AH-004備考-

タイムライン形式で時系列表示（新しいものが上）

アクション ​

  • ステータス更新ボタン → ステータス更新モーダル表示
  • 編集ボタン → 選考編集モーダル表示
  • 求職者詳細へ → 求職者詳細画面（SC-004）へ遷移
  • 求人詳細へ → 求人詳細画面（SC-010）へ遷移
  • 企業詳細へ → 企業詳細画面（SC-007）へ遷移

SC-014 選考登録・編集モーダル ​

選考オブジェクトの新規作成・編集を行うモーダルダイアログ。

入力項目 ​

項目名入力形式必須バリデーション
求職者表示のみ○求職者詳細から遷移時は固定
求人セレクト○サジェスト付き、jobsマスタから選択
選考ステータスセレクト○selection_statusesマスタから選択
想定年収数値-0以上の整数（万円）
決定年収数値-内定時に入力（万円）
エントリー日日付ピッカー--
内定日日付ピッカー-内定ステータス時に入力可
入社日日付ピッカー-入社ステータス時に入力可
備考テキストエリア--

自動処理 ​

  • 選考追加時: 求職者の全体ステータスが「活動中」より前の場合、自動で「活動中」に変更

SC-015 ステータス更新モーダル ​

選考ステータスを更新し、履歴を記録するモーダルダイアログ。

入力項目 ​

項目名入力形式必須バリデーション
現在のステータス表示のみ--
新しいステータスセレクト○selection_statusesマスタから選択
変更日日付ピッカー○デフォルト当日
備考テキストエリア-変更理由等

アクション ​

  • 更新ボタン → ステータス更新＋履歴追加
  • キャンセルボタン → モーダルを閉じる

自動処理 ​

  • 内定ステータス時: 選考ステータスが「内定」を含む場合、求職者の全体ステータスが「内定」より前なら自動で「内定」に変更

未完了タスク連携 ​

  • ステータス更新時、関連する未完了タスクを自動で完了にする
  • 次のステップで必要なタスクがあれば自動生成

SC-016 集計・レポート画面 ​

採算管理・実績集計を行う画面。各種切り口での集計表示。

タブ構成 ​

  1. 日次・月次実績タブ
  2. 媒体別・ASP別タブ
  3. 担当者別タブ

日次・月次実績タブ ​

項目内容
期間選択日次/月次切り替え、対象期間指定
申込数期間内の新規申込数
電話面談数期間内の電話面談実施数
Zoom面談数期間内のZoom面談実施数
内定数期間内の内定数
入社数期間内の入社数
進捗率各ステップ間の転換率（例：申込→電話 XX%）
前期比較前日/前月との比較（増減表示）

媒体別・ASP別タブ ​

項目内容
期間選択対象期間指定
媒体別売上決定年収 × (1 - 手数料率) の合計
媒体別コスト手数料の合計
ASP別コスト成果報酬の合計
ASP出金予定出金日ごとの予定金額一覧
純利益売上 - コストの合計

担当者別タブ ​

項目内容
期間選択対象期間指定
担当者別申込数エージェント/アシスタント別
担当者別面談数エージェント別
担当者別内定数エージェント別
担当者別売上エージェント別の売上合計

SC-017 マスタ管理画面 ​

各種マスタデータを管理する画面。タブで切り替え。

タブ構成 ​

  1. 応募媒体（channels）
  2. ASP（asps）
  3. 求職者ステータス（candidate_statuses）
  4. 選考ステータス（selection_statuses）
  5. 内定確度（progress_ranks）
  6. ユーザー（users）

応募媒体タブ ​

項目名入力形式備考
媒体名テキスト必須
手数料率数値（%）必須、0-100
有効フラグトグル無効にすると選択肢に表示されない

ASPタブ ​

項目名入力形式備考
ASP名テキスト必須
成果報酬単価数値（円）必須
締め日数値（1-31）必須
出金月オフセット数値必須、1=翌月末、2=翌々月末
有効フラグトグル-

ユーザータブ ​

項目名入力形式備考
氏名テキスト必須
メールアドレステキスト必須、ログインID
パスワードパスワードCF Access使用時は不要
役割セレクトエージェント/アシスタント
バッジ色セレクトblue/red/green/purple/yellow/orange/pink/cyan/gray

※ユーザー名はUserBadge（色付きバッジ）で表示される

共通アクション ​

  • 新規追加ボタン → 入力行を追加
  • 編集ボタン → インライン編集モード
  • 削除ボタン → 確認後削除（使用中の場合はエラー）
  • 表示順変更 → ドラッグ&ドロップ

画面遷移図 ​

グローバルナビゲーション ​

全画面共通でアクセス可能：

  • ダッシュボード
  • 求職者一覧
  • 企業一覧
  • 求人一覧
  • 選考一覧
  • 集計・レポート
  • マスタ管理

主要遷移パターン ​

求職者フロー：
求職者一覧 → 求職者詳細 → 選考詳細 / 面談メモ
         └→ 選考追加（モーダル）

企業フロー：
企業一覧 → 企業詳細 → 求人詳細 → 選考詳細
                  └→ 求人追加（モーダル）

求人フロー：
求人一覧 → 求人詳細 → 選考詳細 / 企業詳細

選考フロー：
選考一覧 → 選考詳細 → 求職者詳細 / 求人詳細 / 企業詳細

ダッシュボード起点：
ダッシュボード → 各詳細画面（未完了タスク、面接予定等から直接遷移）

共通UI要素 ​

要素説明
←戻るボタン詳細画面の見出し左に配置、一覧画面へ遷移
編集ボタンプライマリカラー（青）で表示
StatusBadge求職者ステータスを色分け表示
UserBadge担当者を色付きバッジで表示
ActionButtonアイコン+テキストの縦型ボタン

SC-018 メール連絡モーダル ​

求職者へのメール作成を支援するモーダル。テンプレート選択後、メーラーを起動する。

表示項目 ​

項目ID項目名入力形式備考
ML-001宛先表示のみ求職者のメールアドレス
ML-002テンプレートセレクトテンプレート一覧から選択
ML-003件名テキストテンプレート選択で自動入力、編集可能
ML-004本文テキストエリアテンプレート選択で自動入力、編集可能

テンプレート例 ​

テンプレート名用途
初回ご挨拶申込後の最初の連絡
ヒアリング面談日程調整電話面談の日程調整
キャリア面談日程調整Zoom面談の日程調整
求人ご紹介企業紹介シート送付時
選考結果のご連絡選考結果の通知
内定おめでとうございます内定時のお祝い

アクション ​

  • メールを作成: mailto:リンクでメーラーを起動（件名・本文が自動入力された状態）
  • キャンセル: モーダルを閉じる

技術仕様 ​

  • mailto: リンクで件名・本文をURLエンコードして渡す
  • テンプレートはフロントエンドで定数管理（将来的にはDB管理も可能）

SC-019 面談実施モーダル ​

ヒアリング面談・キャリア面談の実施記録を登録し、ステータスを自動更新する。

入力項目 ​

項目ID項目名入力形式必須備考
IT-001面談種別表示のみ-ヒアリング面談 or キャリア面談（ボタンで決定済み）
IT-002面談日日付ピッカー○デフォルト: 今日
IT-003メモ内容テキストエリア-面談の内容・所感
IT-004結果ラジオボタン○「面談完了」or「活動終了」

結果選択の詳細 ​

選択肢説明遷移先ステータス
面談完了次のステップへ進む「ヒアリング面談」or「キャリア面談」
活動終了この面談を以て活動終了とする「活動終了（ヒアリング）」or「活動終了（キャリア）」

処理フロー ​

1. ユーザーがフォーム入力（面談日、メモ内容、結果）
2. 「記録する」ボタン押下
3. candidate_notes にメモを追加
   - 面談完了時: タイトル「{面談種別}実施（{日付}）」
   - 活動終了時: タイトル「{面談種別}実施・活動終了（{日付}）」
   - 内容: 入力されたメモ内容
4. 求職者の status_id を自動更新
   【面談完了の場合】
   - ヒアリング面談 → ステータス「ヒアリング面談」に変更
   - キャリア面談 → ステータス「キャリア面談」に変更
   【活動終了の場合】
   - ヒアリング面談 → ステータス「活動終了（ヒアリング）」に変更
   - キャリア面談 → ステータス「活動終了（キャリア）」に変更
5. モーダルを閉じ、画面をリフレッシュ

アクション ​

  • 記録する: メモ登録 + ステータス更新
  • キャンセル: モーダルを閉じる

注意事項 ​

  • 結果選択のデフォルトは「面談完了」
  • 活動終了を選択した場合は、求職者の転職活動が終了となる
  • キャリア面談完了時、zoom_interview_date も更新する（面談完了時のみ）
  • 面談記録時、last_contact_date を現在日時で更新する（音信不通検知用）

SC-020 選考管理モーダル ​

求職者の選考を一覧管理し、新規追加・ステータス変更・削除ができる統合UI。

構成 ​

┌──────────────────────────────────────────────────────┐
│ 選考管理 - 山田太郎                            [×]  │
├──────────────────────────────────────────────────────┤
│                                                      │
│ ■ 現在の選考（3件）                                 │
│ ┌──────────────────────────────────────────────────┐ │
│ │ 📁 株式会社A / Webエンジニア                     │ │
│ │    [書類選考中 ▼]              [🗑️]             │ │
│ ├──────────────────────────────────────────────────┤ │
│ │ 📁 株式会社B / プロジェクトマネージャー          │ │
│ │    [一次面接 ▼]                [🗑️]             │ │
│ ├──────────────────────────────────────────────────┤ │
│ │ 📁 株式会社C / バックエンドエンジニア            │ │
│ │    [内定 ▼]                    [🗑️]             │ │
│ └──────────────────────────────────────────────────┘ │
│                                                      │
│ ■ 選考を追加                                        │
│ ┌──────────────────────────────────────────────────┐ │
│ │ 🔍 求人を検索...                                 │ │
│ │    企業名・求人タイトルで検索                    │ │
│ └──────────────────────────────────────────────────┘ │
│                                                      │
│ 検索結果:                                           │
│ ┌──────────────────────────────────────────────────┐ │
│ │ □ 株式会社D / フロントエンドエンジニア          │ │
│ │ □ 株式会社E / Webデザイナー                     │ │
│ │ □ 株式会社F / インフラエンジニア                │ │
│ └──────────────────────────────────────────────────┘ │
│                                                      │
│         [選択した求人を追加]        [閉じる]        │
└──────────────────────────────────────────────────────┘

機能詳細 ​

既存選考の管理 ​

操作説明
ステータス変更ドロップダウンで選考ステータスを変更（即時保存）
削除ゴミ箱アイコンで選考を削除（確認ダイアログあり）
詳細表示行クリックで選考詳細画面へ遷移

選考追加 ​

項目説明
検索UIインクリメンタルサーチ（300msデバウンス）
検索対象企業名、求人タイトル
複数選択チェックボックスで複数求人を選択可能
追加時初期ステータス「書類選考中」で追加

UXポイント ​

  • 検索は入力と同時に結果表示（リアルタイム）
  • 既に選考中の求人は検索結果から除外
  • 追加完了時にトースト通知
  • ステータス変更は即時反映（保存ボタン不要）

活動終了ボタン ​

モーダルフッター左側に「活動終了」リンクボタンを配置。

操作説明
クリック確認ダイアログを表示
確定時処理求職者ステータスを「活動終了（選考）」に変更
用途選考中に求職者が活動終了する場合（他社決定、辞退等）

自動処理 ​

  • 選考追加時、求職者ステータスが「活動中」より前なら自動で「活動中」に変更
  • ステータスが「内定」を含む場合、求職者ステータスを「内定」に自動変更

SC-021 企業紹介シート作成モーダル（フェーズ2） ​

※このモーダルはフェーズ2で実装予定

求職者に紹介する企業・求人情報をGoogle Spreadsheetとして出力する。

入力項目 ​

項目ID項目名入力形式備考
SH-001企業検索テキストインクリメンタルサーチ
SH-002企業選択チェックボックス複数選択可能
SH-003選択済み企業リストドラッグ&ドロップで順序変更可能

出力項目 ​

項目名説明
業種企業の業種
会社名企業名
ホームページURL企業のWebサイト
所在地最寄り駅オフィスの最寄り駅
社員数従業員数
市場上場/非上場
会社概要企業の概要説明
職種求人の職種
募集要項求人の詳細内容

処理フロー ​

  1. ユーザーが企業を検索・選択
  2. 「シートを作成」ボタン押下
  3. バックエンドでGoogle Sheets APIを呼び出し
  4. 非同期でスプレッドシートを作成
  5. 作成完了後、スプレッドシートのURLを表示

技術要件（フェーズ2） ​

  • Google Sheets API連携
  • サービスアカウント認証
  • 非同期処理（ジョブキュー）