WebIDEとの出会い

1. 世界最高のウィジェット — WebIDE

課題を解くのに便利なように、特別なウィジェット — WebIDE を作ってみたよ！見た目はこんな感じ：

左側 には課題の条件と、解答が満たすべき要件が表示されるよ。真ん中 には解答を書くエディタがある。下のパネル には、プログラムが画面に出力するテキストが表示されるよ。

2. 基本的なコマンド

上部には以下のボタンがあるよ：

• チェック: 解答をテストするために送信する。
• ヘルプ — ドロップダウンリストには次の項目が含まれている：
  • ヒント: 現在の課題の解答に関するヒントを表示する。
  • コミュニティの助け: 解答に関する質問をCodeGymのコミュニティで聞く。
  • 正解: 著者の解答を表示する。
  • 自分のコードに戻る: 正解を見た後に自分のコードに戻る。
  • 解答をリセット: 課題の解答をリセットして最初からやり直す。
• ディスカッション: 他のユーザーと課題をディスカッションする。
• 実行: プログラムをテストに送信せずに実行する（テスト回数のカウントは増えない）。
• コード分析: 解答のコードスタイルに関するヒントを受け取る。

3. どのボタンを押せばいいのか

プログラム（課題の解答）を書き終えたら、「チェック」ボタンを押してね。するとプログラムはサーバーに送信され、実行 され、自動的にチェックされるよ。

解答が書けない場合は、ヒントを使ってみて（壁に頭をぶつけなくてOK！）。「ヘルプ」メニューで「ヒント」ボタンを押してね。それでも解決できない場合は、「正解」ボタンを押して正確な解答を見てみよう。

準備はいい？それじゃあ最初の課題に挑戦してみて：