4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Visual Studio Code for Education の概要

Last updated at Posted at 2024-06-01

Visual Studio Code for Education とは

概要

Visual Studio Code for Education は、Web 版の Visual Studio Code を教員と学生向けにカスタマイズした無料のオンラインコンピュータサイエンス教育プラットホームです。サウンドボックス化されたコーディング環境とPythonJavaScriptなどを学ぶ多彩なカリキュラムが用意されています。

Visual Studio Code for Education は、Webブラウザで https://vscodeedu.com/ にアクセスすればすぐに使い始めることができます。デバイスやプラットフォームを問わずに利用できるのが魅力的です。WindowsでもChromebookでもiPadでも利用可能です。

Visual Studio Code for Education は、実際に業務でも使用されている Visual Studio Codeがそのまま用いられている点が大きなメリットです。教育プラットフォームにありがちな問題として、教育用途にフォーカスするあまり、業務で広く用いられている標準から外れてしまうことはよくあります。例えば、せっかくブロックプログラミングツールなどで学んでも、その知識やノウハウが実践で役に立たなければ無駄となるし、改めて業務ツールに習熟する必要があるからです。その点Visual Studio Code for Education ならば、コースで学ぶうえで身に着けたノウハウがそのまま業務で生かせるはずです。入門向け教育プラットフォームからのステップアップを考えるユーザーにとっても最適なものとなっています。

image.png

アクセシビリティ(Accessibility)機能

Microsoft のミッションは "Our mission is to empower every person and every organization on the planet to achieve more." 「地球上のすべての人々と組織がより多くのことをできるようにする」です。

Visual Studio Code for Educationもすべての人々がコードを学べるようにアクセシビリティ機能(イマーシブリーダー、ハイコントラスト、ズーム、スクリーンリーダーのサポート)が初めから組み込まれています。

プライバシーとセキュリティ

Microsoftは、厳格なガバナンス実践とプライバシーバイデザインのアプローチで、学生のデータプライバシーと学校のセキュリティを価値観として守ります。Visual Studio Code for Education でも教育現場に適したセキュリティやプライバシー保護にも配慮されています。

提供コース

Python や Web 開発のコースに加えて、Python Fortune Teller や Spooky Manor のテキストベースのアドベンチャーゲームなど、45分以内の楽しいコーディングアクティビティを提供しています。

  • Python 入門
    中等学校と大学レベルのクラスの両方に適した通年の入門レベルのコース。このコースでは、関数、ifステートメント、forループ、構造体などのPythonプログラミング言語の基礎をカバーしています。
  • Intro to Web Development
    HTML、CSS、JavaScriptの使用に焦点を当てたWebデザインコースの学期の長さの入門コース。このプロジェクトベースのカリキュラムでは、クライアントが問題を解決したり、目的を果たすためのWebサイトを作成したりするためのデザイン思考プロセスを学生に紹介します。受講者は、基本的な HTML 構文を学習し、CSS を使用したスタイル設定を学習し、JavaScript を使用して動的な Web 要素を追加します。

image.png

Visual Stuio Code for Education を使ってみる

Visual Studio Code for Education では、コースの履修とプロジェクトの作成が行えます。以下にそれぞれ順番に説明していきます

コースの履修

  • Webブラウザで https://vscodeedu.com/ にアクセスします。
  • Explore activities (アクティビティを探る)をクリックします。
    image.png
  • 5つのコースが表示されます。
    image.png
  • Getting Started with VS Code for Education からはじめてみましょう。
    image.png
  • 英語な苦手な方は、Edgeブラウザをお使いであればブラウザの翻訳機能をお使いください。右クリックを押し、メニュ画面が出てきたら 「日本語に翻訳」 をクリックします。
    image.png
  • 英語のWebページが日本語に翻訳されます。
    image.png
  • Getting Started with VS Code for Education のページが開いたら [Start couse(コースの開始)]をクリックします。
    image.png
  • サインインの画面が表示されますので、Microsoft, Google どちらかのアカウントでサインインしてください。Microsoft, Google ともに個人用のアカウント、組織用のアカウントどちらでもサインインできます。
    image.png
  • Microsoft アカウントを選んだ場合は以下のような画面が表示されます。使用するアカウントを選択してください。
    image.png
  • Google アカウントを選んだ場合には以下のような画面が表示されます。使用するアカウントを選択してください。
    image.png
  • サインインが完了すると Web 版の Visual Stuio Code が起動します。 [Start] をクリックします。
    image.png
  • コースが開始されます。Visual Studio Code 内のコンテンツは日本語化できませんでした。
    image.png

プロジェクトを開始する

Visual Studio Code for Education の [Start a project] は、学生が自分自身のプロジェクトをカスタム作成し、ポートフォリオをこうちくするための機能です。この機能は教育用のサウンドボックス環境として提供されているため、安全により用いただけます。

学生はこの環境で、PythonJavaScript などの現代の技術と言語を使用してコードを書くことができます。これにより、学生は実際の職場で求められる技術スキルを身につけることができます。

使用開始方法を以下に示します。

  • Webブラウザで https://vscodeedu.com/ にアクセスします。
  • [Start a project] をクリックします。
    image.png
  • Microsoft, Google の組織のアカウント、個人のアカウントのどちらも使用可能です。お手持ちのアカウントを選択してください。
    image.png
  • Microsoft アカウントを選んだ場合は以下のような画面が表示されます。使用するアカウントを選択してください。
    image.png
  • Google アカウントを選んだ場合には以下のような画面が表示されます。使用するアカウントを選択してください。
    image.png
  • サインインが完了すると「Create a project」のページが表示されます。
    image.png
    • プロジェクト名とプロジェクトの説明を入力し、[Create project] をクリックするとプロジェクトが作成されます。
      image.png
  • プロジェクトが作成されると Visual Stodio Code が開きます。
    image.png

まとめ

Visual Studio Code for Education は、デバイスやプラットフォームを問わずに利用できる無償のオンラインコンピュータサイエンス教育プラットフォームです。 数クリックで使用を開始することができますので、ぜひともお試しください。

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?