解答中の画面操作（言語切替・問題の移動・各種設定）
全体の流れ解答画面の基本操作
テスト本番中の解答画面における基本的な操作方法について説明します。コーディング・クイズ・システムデザインなど、すべての形式に共通するUI操作を中心に解説します。
画面全体の構成
解答画面は主に以下のエリアで構成されています。
- ヘッダー ：テスト名・残り時間・問題切り替えドロップダウン・各種ボタン
- 左サイドバー ：問題文・テストケース・コード検索の切り替えパネル
- メインエリア（中央） ：コードエディタまたは回答入力エリア
- 右パネル ：Google検索・ChatGPTなどのサポートツール（企業設定による）
残り時間の確認
画面上部のヘッダーに残り時間がカウントダウン形式で表示されます。時間が少なくなると表示色が変わるため、こまめに確認しながら解答を進めてください。
問題の切り替え（ナビゲーション）
複数の問題がある場合、ヘッダー中央に現在の問題番号が 「第N問」 の形式でドロップダウンとして表示されます。
- ヘッダー中央の「第N問」をクリックします。
- すべての問題の一覧がドロップダウンメニューで表示されます。
- 移動したい問題を選択します。
重要 ：問題間の移動は自由にできます。すべての問題に目を通してから解答の優先順位を決めることも可能です。
左サイドバーの切り替え
左サイドバーには3つのパネルがあり、上部のアイコンで切り替えられます。
| アイコン | パネルの内容 |
|---|---|
| 問題文アイコン（ドキュメント） | 問題文 ：現在の問題の説明・要件が表示されます |
| テストケースアイコン | テストケース ：コーディング問題の入出力例が表示されます |
| 検索アイコン | コード内検索 ：エディタ内のコードをキーワード検索できます |
アイコンをクリックするたびに対応するパネルに切り替わります。
パネルサイズの調整
各パネルの境界線（区切り線）をドラッグすることで、左サイドバーとメインエリア、またはメインエリアと右パネルの幅を自由に調整できます。
- 調整したい境界線の上にマウスカーソルを移動します（カーソルが左右矢印アイコンに変わります）。
- 境界線をドラッグして左右に動かします。
- 好みのサイズになったらマウスボタンを離します。
表示言語の切り替え
テスト中に画面の表示言語（日本語・英語など）を変更できます。
- 画面上部の 設定ボタン（歯車アイコン） をクリックします。
- 「言語」の選択メニューが表示されます。
- 使用したい言語を選択します。
重要 ：エントリー画面での言語設定は、テスト本番画面には引き継がれません。本番画面でも改めて設定してください。
チュートリアルの確認
各問題を初めて開くと、操作方法を案内するチュートリアルが 自動的に表示 されます。チュートリアルには、問題形式に応じたUIの説明が含まれています。
チュートリアルを再表示する手順：
- 画面上部の 設定ボタン（歯車アイコン） をクリックします。
- 「チュートリアルを再開」を選択します。
- チュートリアルが最初から再開されます。
重要 ：チュートリアルはいつでも再起動できます。操作に迷った際は遠慮なく確認してください。
テストを終了する
すべての問題に解答したら、テストを終了します。
- 画面上部のヘッダーにある 「テストを終了」 ボタンをクリックします。
- 確認ダイアログが表示されます。内容を確認してから終了ボタンを押します。
重要 ：テスト終了後は解答内容を変更できません。すべての問題を確認してから終了してください。 制限時間 が切れた場合は、自動的に提出されます。