CodePenの課題提出方法

CodePenの課題提出方法

CodePenで課した課題の提出方法を紹介します。
CodePen課題は全て作業ページのURLを提出することになります。
以下の手順を確認しましょう。

1. CodePenでログインしておく
2. 提出課題のCodePenのページを開く
3. 自分のアカウントにForkする
4. CodePenのページ上で課題を行う
5. ShareしてURLをコピーする
6. 課題提出フォームで提出する

1. CodePenでログインしておく

まず使用するブラウザでCodePenにログインします。
なおアカウントの作成が完了していない場合は以下のページを参照してください。

CodePenのアカウント作成方法

2. 提出課題のCodePenのページを開く

授業で課した提出課題のCodePenのページを右上のリンクをクリックして開きます。

3. 自分のアカウントにForkする

自分のアカウントに複製しておくことができるFork機能を使います。
「Fork(画面右下)」ボタンをクリックしてForkします。

「+ Follow(画面左上)」の表示が消えて「Pen Forked!(画面中央上)」と表示されたらFork完了です。

4. CodePenのページ上で課題を行う

ルールやヒントを元にCodePenのページ上で授業で課した課題を行います。

5. ShareしてURLをコピーする

Forkした課題は個別でURLを所持しているため、そのURLを送信することで課題の提出とすることが可能です。
ではURLをコピーするため「Share(画面右下) 」ボタンをクリックします。

Shareの種類が表示されるので、その中から「Copy Link」をクリックします。
「Copied URL to Clipboard!(画面中央上)」と表示されたらShare完了です。

6. 課題提出フォームで提出する

課題提出フォームに先ほどコピーしたURLを貼り付け、その他の必要項目を記入して送信します。