SIGNATE Questの使い方

4. 学習画面の見方と進め方

4-1 学習画面の種類

学習画面には、「学び」用の画面と「実践する」用の画面があります。

「学び」用の画面には、VideoとSlideが、「実践する」用の画面にはOperationがそれぞれ存在します。

ここでは、各種画面の見方と進め方に関して説明していきます。

4-2 画面の構成

  • 学習画面は大きく分けて2つで構成されています。
  • 学習画面は大きく分けて2つで構成されています
    • ナビゲーション領域
    • 作業領域
  • ナビゲーション領域には、ページ上部に常に表示される学習画面メニューと、開閉のできるサイド メニューの2つが存在します。

    学習画面メニューはどの画面でも共通で表示がされます。

    サイドメニューはVideo / Slide / Operationで表示される項目が多少異なります。

    作業領域には、Video / Slide / Operation でそれぞれ異なる画面が表示されます。各画面での 詳細については、下記で説明していきます。

4-2-1 学習画面メニュー

SIGNATE Questでは、学習画面専用のメニューを用意させていただいております。

学習画面専用のメニューを用意させていただいております
  • 1

    ロゴ

  • 2

    パンくずリスト

    • クリックすると講座目次モーダルが表示されます。
  • 3

    ナビゲーション

    • 前へ、次へをクリックすることで直前・直後の教材へ移動できます。
  • 4

    サイドメニュー開閉

    • クリックすることでサイドメニューが表示されます。

4-2-2 講座目次モーダル

学習画面メニューのパンくずリストをクリックすると表示することができます。

QuestやGymの講座内での現在位置を知ることができます。

また、目次として活用いただくことができる他、 該当の教材をクリックすることで講座内を自由に行き来できます。

講座目次モーダル
  • 1

    講座のタイトルが表示されます。

  • 2

    講座の内容が一覧で表示されます。 Task単位で開閉ができるようになっており、自分が 現在いる箇所に色がつきます。

  • 3

    講座の詳細ページへ戻ります。

  • 4

    ×ボタンをクリックするか、モーダル画面外をクリックすることでモーダルが閉じます。

4-2-3 サイドメニュー

サイドメニューでは、自身のステータスや学習上必要となるヘルプを確認することが可能です。

サイドメニュー
  • 1

    ×をクリックすることでサイドメニューを閉じることができます。

  • 2

    あなたの現在のステータスが表示されます。

  • 3

    クリックすることでGiveUpすることができます。

    • 一度は採点を行わないとGiveUpできないようになっています。
    • まずはご自身の実力で問題を解いてみましょう。
    • ※この項目はOperation画面でのみ表示されます。
  • 4

    クリックすることで解説を見ることができます。

    • 解説は正解をした後に見ることができるようになります。
    • ※この項目はOperation画面でのみ表示されます。
  • 5

    使い方がわからなくなった場合は、こちらのメニューから必要な情報をご確認ください

    • 「チュートリアル」をクリックすることで、本使い方ページの簡易版を閲覧できます。
    • 「使い方」をクリックすることで本ページが表示されます。
    • 「みんなの質問」をクリックすることで、「みんなの質問」画面が開きます。 「みんなの質問」画面については、 こちら をご参照ください。
  • 6

    現在閲覧している教材に関するフィードバックを行うことが可能です。

  • 7

    一覧画面に戻ります。

4-3 Video画面

4-3-1 画面の見方

Video画面
  • 1

    Video再生エリアです。

    • 再生エリアをクリックすることで再生/一時停止を行うことができます。
  • 2

    Video再生シークバーになります。

    • クリックまたはドラッグすることで再生箇所を変更することができます。
  • 3

    Videoコントローラーになります。

    • 左から順に下記のような役割を持ちます。
      • 再生/一時停止ボタン
      • 早戻しボタン
      • 早送りボタン
      • 音量調整
      • 現在の再生時間 / 最大再生時間
      • 大画面表示ボタン
      • 設定ボタン
        • クリックすることで、Videoの再生速度の変更ができます。
        • 再生速度は下記の6種類から選択ができます。
          • 0.5倍速, 0.75倍速, 標準, 1.25倍速, 1.5倍速, 2倍速
  • 4

    目次になります。

    • 目次にはVideo内で説明されている概要と再生時間が記述されています。
    • クリックすることでその再生位置から動画が再生されます。
    • ※教材によっては目次が細かく分類されていない場合がございます。 順次対応しますのでしばらくお待ちください。
  • 5

    獲得できるEXPを表示します。

  • 6

    Videoをクリア済みにすることができるボタンです。

    • Videoを最後まで再生いただくと自動でクリアとなりますが、 お使いのネットワーク環境によってはクリア済みにならない場合がございます。 その場合はお手数ですがこちらのボタンをクリックしてクリア済み状態としてください。

4-3-2 進め方

Video画面の進め方(1)
  • 1

    QuestやGymにVideoが存在する場合は、Videoを再生してこれから学習することを確認しましょう。

  • 2

    Video内で説明される内容は、目次で確認することができますので、 あらかじめどんな内容が説明されるのかを目を通しておくと良いでしょう。

Video画面の進め方(2)
  • 3

    Videoの再生速度はこちらで変更することができます。

  • 4

    見直したい箇所があれば、目次の項目をクリックしたり、 シークバーや早戻し早送りボタンを使用してVideoを見返してみましょう。

Video画面の進め方(3)
  • 5

    学習内容を確認できたら、次へ進み、演習問題に挑戦しましょう。

    • 閲覧したVideoによっては、次へ進んだ際に、Quest詳細ページへ戻る場合があります。 Quest詳細へ戻った場合は、自分が今まで何をやってきたのか一度振り返りをしましょう。 そして、次にやることを確認しましょう。
    • 自分が今まで何を行い、これから何を行っていくのか、 全体での自分の立ち位置を都度確認していくことは、学習の効果を高めます。
  • 6

    Videoを再生し終わると自動でクリアマークがつきます。

    • 基本的にVideoの視聴を終えると自動でクリア済みになりますが、 通信状態が悪い場合クリア済みにならない場合がございます。 その場合はこのボタンを押すことでクリア済みにしてください。
    • また、すでにご存知の内容でクリア済みにしたい場合もこちらのボタンをご利用ください。
Video画面の進め方(4)
  • 7

    Videoを見てわからないことがあれば、サイドメニューからみんなの質問を利用してみましょう。

  • 8

    もしよろしければ、コンテンツに対するフィードバックをお送りください。

4-4 Slide画面

4-4-1 画面の見方

Slide画面
  • 1

    画像表示エリアです。

  • 2

    画像コントローラになります。

    • 左から順に下記のような役割を持ちます。
      • 戻るボタンです。一つ前の画像へ移動します。
      • 現在表示されている画像番号 / 最大画像枚数
      • 進むボタンです。一つ先の画像へ移動します。
      • テキスト表示ボタンです。 クリックすることで画像に紐づくテキストを一括で確認することができます。
  • 3

    画像に紐づいた説明のテキストが表示されるエリアです。 このエリア内をクリックすることでテキストを先送りにすることができます。

  • 4

    目次になります。

    • 目次にはSlide内で説明されている概要と画像番号が記述されています。
    • クリックすることでその位置からSlideを視聴できます。
    • ※教材によっては目次が細かく分類されていない場合がございます。 順次対応しますの でしばらくお待ちください。
  • 5

    獲得できるEXPを表示します。

  • 6

    Slideをクリア済みにすることができるボタンです。

    • Slideを最後まで視聴いただくと自動でクリアとなりますが、 お使いのネットワーク環境によってはクリア済みにならない場合がございます。
    • その場合はお手数ですがこちらのボタンをクリックしてクリア済み状態としてください。

4-4-2 進め方

Slide画面の進め方(1)
  • 1

    QuestやGymにSlideが存在する場合は、Slideを見て学習することを確認しましょう。

  • 2

    Slide内で説明される内容は、目次で確認することができますので、 あらかじめどんな内容が説明されるのかを目を通しておくと良いでしょう。

Slide画面の進め方(2)
  • 3

    まずは、画像を確認しましょう。

  • 4

    画像を確認した次には、テキストを確認しましょう。画像に関する内容を細かく解説します。

    • 画像に紐づいたテキストは自動で表示されていきます。
    • テキスト表示エリアをクリックすることで、テキストを一気に表示させることが可能です。
  • 5

    画像に紐づいたテキストが全て表示されると、▼が表示されます。▼が表示されたら、 テキスト表示エリアをクリックしてみましょう。 次の画像に切り替わり、またテキストが自動で表示され始めます。

  • 6

    テキストはスクロールで読み返すことができます。

  • 7

    画像に紐づくテキストを全て表示させることも可能です。 ここをクリックすると下記のような形でテキストを一括で確認できます。

Slide画面の進め方(3)
  • 8

    クリックすることで一括表示されたテキストを非表示にすることができます。

Slide画面の進め方(4)
  • 9

    見直したい箇所があれば、目次の項目をクリックしたり、 前の画像に戻るボタンや次の画像に進むボタンを使用してSlideを見返してみましょう。

Slide画面の進め方(5)
  • 10

    学習内容を確認できたら、次へ進み、演習問題に挑戦しましょう。

    • 閲覧したSlideによっては、次へ進んだ際に、Quest詳細ページへ戻る場合があります。 Quest詳細へ戻った場合は、自分が今まで何をやってきたのか一度振り返りをしましょう。 そして、次にやることを確認しましょう。
    • 自分が今まで何を行い、これから何を行っていくのか、 全体での自分の立ち位置を都度確認していくことは、学習の効果を高めます。
  • 11

    最後まで画像・テキストを見終わると自動でクリアマークがつきます。

    • 基本的に全て読み終えると自動でクリア済みになりますが、 通信状態が悪い場合クリア済みにならない場合がございます。 その場合はこのボタンを押すことでクリア済みにしてください。
    • また、すでにご存知の内容でクリア済みにしたい場合もこちらのボタンをご利用ください。
Slide画面の進め方(6)
  • 12

    Slideを見てわからないことがあれば、サイドメニューからみんなの質問を利用してみましょう。

  • 13

    もしよろしければ、コンテンツに対するフィードバックをお送りください。

4-5 Operation画面

4-5-1 画面の見方

Operation画面(1)
  • 1

    このOperation内で必要となる基礎知識を説明します。

    • 説明の他、データの内容などOperationに挑戦する上で必要な情報がある場合はタブが表示されます。
  • 2

    このOperation内で対応しなければならない課題が表示されます。

  • 3

    獲得できるExpが表示されます。

  • 4

    「ヒント」部分をクリックするとヒントを表示・非表示させることができます。

  • 5

    説明・課題エリアを折りたたむことができます。

  • 6

    クリックしてドラッグすることで横幅の調整を行うことができます。

  • 7

    ソースコードを入力するエリアになります。

  • 8

    クリックすることで、ソースコード入力エリアの設定を変更することができます。

    • 文字サイズを「小」「中」「大」の3サイズから選択して変更可能です。
    • 効果音の音量を0−100で調整することが可能です。0にすると音は再生されなくなります。
  • 9

    入力したソースコードエリアを初期状態に戻します。

  • 10

    入力したソースコードを試します。

    • 「試す」では、入力されたソースコードを実行します。
  • 11

    入力したソースコードの採点を行います。

    • 「採点する」では、入力されたソースコードを実行した上で、 課題で指示されている内容が網羅されているかをチェックします。
  • 12

    クリックしてドラッグすることで縦幅の調整を行うことができます。

  • 13

    「試す」「採点する」を押した場合の実行結果が表示されます。

Operation画面(2)
  • 14

    採点の結果、間違いがある場合は、赤文字でエラーが表示されます。

  • 15

    一度採点をして不正解になるとGiveUpボタンが表示されます。 どうしても正解できない場合はGiveUpしてみましょう。 模範解答を参照することができます。

Operation画面(3)
  • 16

    採点の結果、全ての課題にクリアするとクリア画面が表示されます。

    • ×ボタンをクリックすることで解説を閉じることができます。 再度表示させるにはサイドメニューから「解説を見る」をクリックしてください。
  • 17

    獲得したEXPを確認できます。

  • 18

    解説を見ることができます。

  • 19

    模範解答を確認することができます。

    • クリックすると、ソースコード横に模範解答タブが表示されます。
  • 20

    次の問題に進みます。

Operation画面(4)
  • 21

    選択肢問題の場合、課題エリアに選択肢が表示されます。

  • 22

    「試す」「採点する」を押した場合、グラフの出力等がある場合はここに表示されます。

    • グラフをクリックすることで、拡大して閲覧することができます。
  • 23

    グラフはページを離れるまではストックされていきます。

    • 「戻る」「次へ」ボタンをクリックすることでグラフを見返すことができます。
  • 24

    ボタンを押すことで画像表示エリアを折りたたむことができます。

4-5-2 進め方

Operation画面の進め方(1)
  • 1

    Operationに必要な知識が説明されています。まずは、こちらを一読しましょう。

  • 2

    Operationでやるべき課題が掲載されています。
    説明を読んだ後は、こちらを確認して何をすべきかを把握しましょう。

  • 3

    課題に従い、ソースコードを入力して行きましょう。

  • 4

    ソースコードに入力を終えたら、試すボタンを押し、実行してみましょう。

  • 5

    試すボタンを押すと実行結果に表示されます。実行結果をみてソースコードに修正を加えましょう。

  • 6

    問題によっては、グラフが表示される場合があります。グラフをクリックして確認してみましょう。

Operation画面の進め方(2)
  • 7

    実行結果に期待した結果が表示されない場合は、もう一度説明を読み返してみましょう。

  • 8

    どうしてもわからなければ、ヒントを確認してみましょう。

  • 9

    試した結果に問題がなければ、採点ボタンを押してみましょう。

Operation画面の進め方(3)
  • 10

    採点の結果、間違いがあれば各課題の下に赤文字でエラーが表示されます。
    エラー内容を確認して、ソースコードに修正をして行きましょう。

Operation画面の進め方(4)
  • 11

    採点の結果、全ての課題にクリアするとクリア画面が表示されます。
    クリア画面には解説が表示されるので、ご一読ください。

  • 12

    クリア画面では「模範解答を見る」ボタンがアクティブになります。
    クリックすることで、模範解答を見ることができます。

  • 13

    解説や模範解答を確認できたら、次へ進みましょう。

    • 挑戦したOperationによっては、次へ進んだ際に、Quest詳細ページへ戻る場合があります。 Quest詳細へ戻った場合は、自分が今まで何をやってきたのか一度振り返りをしましょう。 そして、次にやることを確認しましょう。
    • 自分が今まで何を行い、これから何を行っていくのか、 全体での自分の立ち位置を都度確認していくことは、学習の効果を高めます。
Operation画面の進め方(5)
  • 14

    模範解答はタブで切り替えて見ることができます。
    自分の入力したソースコードと模範解答を見比べてみましょう。
    模範解答の良いところは積極的に取り入れて自分の力に変えていきましょう!

Operation画面の進め方(6)
  • 15

    一度クリアすると、解説はサイドメニューからいつでも見直すことができるようになります。

  • 16

    わからないことがあれば、みんなの質問を利用してみましょう。

  • 17

    もしよろしければ、コンテンツに対するフィードバックをお送りください。

4-5-3 GiveUp機能を活用しよう

OperationのGiveUpの仕方(1)
  • 1

    一度採点に失敗すると「GiveUpする」ボタンが出現します。
    どうしても正解できない時には「GiveUpする」ボタンを押してみましょう。

    ※模範解答が準備中の問題、選択肢問題などの模範解答が不要な問題は 「GiveUpする」ボタンが表示されません。

OperationのGiveUpの仕方(2)
  • 2

    「GiveUpする」ボタンを押すとモーダルが出現します。

  • 3

    GiveUpすると、GiveUp状態となり模範解答を見られる様になります。
    ただし、GiveUp状態ではどんなに正しいソースコードを入力しても、クリアしたり、Expを獲得することができなくなります。
    また、再挑戦する際には、ソースコードが最初からの状態になるなどのペナルティがつきます。
    ※GiveUp状態は、別の問題に行くか、ページを再読み込みするまで保持されます。

OperationのGiveUpの仕方(3)
  • 4

    GiveUpすると、GiveUp状態を表すモーダルが出現します。 モーダル内にはクリア後に表示される解説が含まれますので一読し学習に役立ててください。

  • 5

    模範解答が別タブで表示されます。自分のソースコードと見比べ、 どこが間違っていたのかを確認してみましょう。

  • 6

    「次へ進む」ボタンを押すことで、次の問題に移動します。模範解答を見て、納得できた場合は次の問題へ進みましょう。
    模範解答を見るだけではなく、一度確認作業をする方が、知識の定着に繋がるのでオススメです。
    模範解答実行時の実行結果が表示されます。参考にしてみてください。

OperationのGiveUpの仕方(4)
  • 7

    GiveUp後のソースコードエリアでは、確認作業をおこなうことができます。
    「解説を確認する」ボタンを押すことで、GiveUp状態を表すモーダルを再表示させることができます。

  • 8

    「動作確認する」ボタンで自分の入力結果を実行することができます。

OperationのGiveUpの仕方(5)
  • 9

    正しい入力ができると、Congrats!と表示されます。
    「次へ進む」ボタンを押すことで、次の問題に移動します。