現在、皆様は試験を開始して、チャレンジを開いています。 早速ですが、試しにcodecheckを利用して、問題を回答してみましょう。
こちらのリンクをクリックしてください。
test1.js
リンクで指定されたファイルが、エディタ上で開かれていることを確認してください。
リンクをクリックして指定されたファイルを表示することが可能です。
また、もとの編集ファイルに戻るには、画面左側のプロジェクトツリーから
app/hello.js
を再度クリックしてください。
hello.js
のファイルが開かれます。
エディタ上のファイルを編集してみましょう。
//ここにHelloworldを実装します。
と書かれている下の行のコメントアウトを外して
//return "Hello World";
から
return "Hello World";
にしてみましょう。
編集したファイルの実行にはまず編集したファイルの保存が必要です。
編集が完了したら、画面右上の"SAVE"ボタンをクリックしましょう。
"app/hello.js"にチェックが入っていることを確認して、ファイルを保存してください。
保存が完了したら"continue"ボタンを選択しましょう。
正しく実行できているかどうかを確かめるために、テスト(正しく動いているかどうかを確かめるコード)を実行することが出来ます。
エディタ中部の”RUN”ボタンをクリックしてみましょう。
クリックすると、テストコードが実行されます。少々時間がかかりますが、最後に
codecheck: Finish 'npm install with code 0
1..2
ok 1 helloWorld Hello World!
# tests 2
# pass 1
# fail 1
codecheck: Finish with code 1
codecheck: tests : 2
codecheck: success: 1
codecheck: failure: 1
と表示されれば問題なく実行されています。
この場合、テストケース(期待される入力と出力値)2つに対して、1つが正しく回答ができている事になります。
編集が完了したら、改めて画面右上の"SAVE"ボタンをクリックしましょう。
クリック後に表示されているファイルの中から「保存したいファイル」を選択してください。
ファイルが保存をされたら、"Back"ボタンをクリックして、チャレンジの一覧ページに戻ってください。
上のサンプル以外に、問題によっては、自由に言語を選択しプログラムの入出力で採点を行うものがあります。 Web Editor の使い方や、テストの実行の仕方は変わりませんが、「言語の選択」の手順が増えます。
以下は言語選択の手順についてです。
ドロップダウンをクリックすると選択できる言語が表示されるので、自分が使いたい言語を選択して、確定
ボタンをクリックしてください。
一度設定した後に、使う言語を変更したい場合には以下の手順に従って、変更してください。
(ただし、言語を変更する場合、途中まで書いていたコードは全て破棄されます。注意してください)
上の画像の赤枠で囲まれたアイコンのボタンがエディタ画面左上にあるので、それをクリックしてください。
クリックすると、下の画像のような、言語の切り替えメニューが出るので、使いたい言語を選択し、OK を選択してください。
注意
上にも書いたとおり言語を変更する場合、途中まで書いていたコードは全て破棄されます。
元のファイルの復元はできなませんので、注意してください。
試験のチャレンジ一覧ページ、チャレンジ横にドロップメニューのアイコンのボタン表示されます。
そのドロップアイコンをクリックすると、上の画像のように使用言語の変更
というメニューが表示されます。
使用言語の変更
をクリックすると、初回の言語選択と同じメニューが表示されるので、そこで言語の切り替えを行ってください。
まず、GitHubを活用して回答をする場合、codecheck内でGitHubアカウントの連携が必要です。
こちらのページから、GitHubアカウントの連携をおこないます。
こちらの「接続」をクリックし、GitHubのアカウントの連携をしてください。
WebエディタからGitHubにチャレンジをフォークしてみましょう。
画面左上のフォークボタンをクリックしてください。すると、モーダルが立ち上がります。
リポジトリ名を入力して、OKを選択してみましょう。
すると、GitHubの生成されたリポジトリURLが表示されます。
表示されたURLをクリックすると、生成されたGitHubのページにジャンプすることが出来ます。
生成されたリポジトリをローカルにクローンします。
これは通常のGitHubのクローンと同様です。
SSH、またはHTTPSのクローンURL(@GIT_URL)をコピーしてください。
コマンドラインから、
$ git clone {@GIT_URL}
で、ローカルにリポジトリを落とすことが出来ます。 これであとはお好きな環境、エディタで編集をしていただくことが出来ます。
現段階では、完璧な回答ではありません。
ローカルに落としたリポジトリ内のhello.jsをお好きなエディタで開いてください。
先ほどChallengeVeiwer上でコメントアウトを外した行を
return "Hello "+name+"!";
に書き換えて、保存しましょう。
回答を編集したら、コミットをしてリモートのmasterにプッシュします。 無事にリモートのmasterにプッシュが完了すると、codecheck側にもmasterの編集内容が保存されます。
$ git push origin master
を実行した後に、試験の詳細画面に戻ってください。
「保存」の下に表示されている時間が、pushをした時間に切り替わったか確認をしてください。
保存が完了したら、正しく保存ができているのか、改めてChallenge Viewerで確かめてみましょう。
今開いているこのブラウザタブをリロードしてみてください。
編集したファイルが正しく保存され、更新されていれば完了です。
また、画面右上のSAVEボタンが押せなくなっています。
一度GitHubで受験をし、ローカルから保存をすると、Challenge Viewerからは保存ができなくなるので、ご注意下さい
最後に、Runボタンを押してみましょう。
codecheck: Finish 'npm install with code 0
1..2
ok 1 helloWorld Hello World!
# tests 2
# pass 2
# fail 0
codecheck: Finish with code 0
codecheck: tests : 2
codecheck: success: 2
codecheck: failure: 0
が表示されたら成功です。
このように、GitHub上で受験、保存をした後も、ChallegeViewer上でテストの結果を確かめることは可能です。