==== 画面構成 ====

メインの画面構成は下の画像のようになっている。 \\
タイトルバーとメニューフレーム、メイン画面というありがちなレイアウトなので、特に気になる部分はないと思う。

<figure>
{{:online-judge:usage:rayouts.png?600 |}}
<caption>
画面構成
</caption>
</figure>
  * タイトルバー
    * ページのタイトル（Online Judge on Yz-Learning Base)
    * 現在選択している課題
    * ログインボタン
    * などが表示される
  * メニューフレーム（左フレーム）
    * 各種メニューが表示される
    * メニューで選択された項目が右フレーム（メイン画面）に表示される
  * メイン画面（右フレーム）
    * メニューで選択された画面に切り替わる
    * 主な作業は、この画面で行われる