IQ (第 2 世代) 用の VS Code プロジェクトの作成

この記事では、VEX Visual Studio Code (VS Code) 拡張機能で VEX IQ (第 2 世代) プロジェクトを作成するプロセスの概要を説明します。 VEX VS Code 拡張機能のプロジェクトは、サンプル テンプレートから新しいプロジェクトを作成するか、既存の VEXcode プロジェクトをインポートするという 2 つの方法で作成できます。

注:VS Code で初めてプロジェクトを作成またはインポートする場合は、VS Code が意図したとおりに動作するために、デバイスで追加の権限を有効にする必要がある場合があります。

VS Codeで新しいプロジェクトを作成する

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。VEX IQ ロボットのプログラミングを支援するために設計された機能とツールを紹介し、ロボット工学の初心者の教育体験を向上させます。

コンピューターで Visual Studio Code を起動します。 VS Code アクティビティ バーの VEX アイコンを選択します。

VEX アイコンが表示されない場合は、VEX 拡張機能がインストールされていることを確認してください。 この拡張機能をインストールする手順については、お使いのデバイスに一致する次の記事を参照してください。

VEX IQ の VS Code 拡張機能インターフェースのスクリーンショット。初心者と教育者の教育体験を向上させることを目的として、VEX IQ ロボット プロジェクトのプログラミングを支援するために設計された機能とツールを紹介します。

プライマリ サイド バーの [プロジェクト アクション] の下にある [新しいプロジェクト] ボタンを選択します。

VEX IQ 用の VS Code 拡張機能のスクリーンショット。コード編集、デバッグ ツール、プロジェクト管理オプションなど、VEX IQ ロボットのプログラミングを支援するために設計されたユーザー インターフェイスと機能を紹介します。

新しい VEX プロジェクトの作成ウィンドウが表示されます。 IQ (第 2 世代) アイコンを選択して、VEX IQ (第 2 世代) プロジェクトのプロジェクト プラットフォームを選択します。

VEX IQ の VS Code 拡張機能インターフェースのスクリーンショット。VEX IQ ロボットをプログラミングするための機能とツールを紹介しており、教育者と学生がロボット プロジェクトとコーディング スキルを強化できるように設計されています。

プログラミング言語として Python または C/C++ のいずれかを選択し、対応するアイコンを選択します。

VEX IQ の VS Code 拡張機能インターフェースのスクリーンショット。教育用ロボット プロジェクトに関連するオプションとメニューが強調表示され、VEX IQ ロボットのプログラミングを支援するために設計された機能とツールが紹介されています。

次に、VEX IQ (第 2 世代) プロジェクトを作成するためのテンプレートまたはサンプル プロジェクトを選択します。

  • 下にスクロールするか、検索バーを使用してプロジェクトのリストをフィルタリングして、テンプレートまたはサンプル プロジェクトを見つけます。
  • これらのテンプレートおよびサンプル プロジェクトには、プロジェクトを開始するために使用されるサンプル コードやロボット構成が含まれています。

テンプレートまたはサンプル プロジェクトを選択した後、「作成」を選択します。

VEX IQ の VS Code 拡張機能インターフェースのスクリーンショット。コード編集、デバッグ、プロジェクト管理オプションなど、VEX IQ ロボット プロジェクトのプログラミングを強化するために設計された機能とツールを紹介します。

次に、新しいプロジェクトのプロジェクト名、説明、場所を設定します。

「プロジェクト名」の下のテキスト ボックスにプロジェクトの名前を入力します。

注: プロジェクト名は、プロジェクトの最上位フォルダーの名前として使用されます。 プロジェクトがロボットにダウンロードされると、IQ (第 2 世代) Brain の画面に表示される名前にもなります。 

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。教育リソースと初心者に優しい機能に重点を置き、VEX IQ ロボットのプログラミングを支援するために設計された機能とツールを紹介します。

「説明」の下のテキストボックスにプロジェクトの説明を入力します。 この手順はオプションです。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。教育リソースと初心者に優しいプログラミング オプションに重点を置き、VEX IQ ロボットのプログラミングを支援するために設計された機能とツールを紹介します。

プロジェクトをデフォルトのプロジェクト フォルダー以外の場所に保存する場合は、ウィンドウを下にスクロールして [参照] ボタンを選択し、コンピューター上のプロジェクト フォルダーの場所を選択します。

注: デフォルトのプロジェクトの場所は、拡張機能のグローバル設定にあるデフォルトのプロジェクト フォルダーに設定されます。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。VEX IQ ロボットのプログラミングを支援し、教育体験と初心者向けロボット プロジェクトの強化を支援するために設計された機能とツールを紹介します。

名前、説明、場所を入力したら、「作成」ボタンを選択します。 VS Code ウィンドウの更新が始まります。

VEX IQ の VS Code 拡張機能インターフェースのスクリーンショット。教育リソースと初心者に優しいプログラミング オプションに重点を置き、VEX IQ ロボット プロジェクトのプログラミングを支援するために設計された機能とツールを紹介します。

VEX VS Code拡張機能にVEX IQ(第2世代)のプロジェクトが作成されました。 プロジェクト コードを表示および開発するには、サイド バーのプロジェクト名の下の「src」を選択します。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。VEX IQ Robotics プラットフォームを使用してユーザーがプロジェクトをプログラミングおよび開発できるように設計された機能とツールを紹介します。

サイドバーの「src」の下にある「main.py」(プロジェクトが Python プロジェクトの場合)または「main.cpp」(プロジェクトが C/C++ プロジェクトの場合)を選択します。

VEX IQ の VS Code 拡張機能インターフェースのスクリーンショット。教育リソースと初心者向けロボット工学に重点を置いて、VEX IQ ロボットのプログラミングを支援するために設計された機能とツールを紹介します。

選択したテンプレートまたはサンプル プロジェクトのコードがエディター領域に表示され、ここで作成された VEX IQ (第 2 世代) 用プロジェクトを開発および編集できます。

既存のVEXcode IQ(第2世代)プロジェクトをインポートする

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。VEX IQ ロボットのプログラミングを支援するために設計された機能とツールを紹介し、ロボット工学の初心者の教育体験を向上させます。

コンピューターで Visual Studio Code を起動します。 VS Code アクティビティ バーの VEX アイコンを選択します。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。コード編集やデバッグのオプションなど、VEX IQ ロボット プロジェクトのプログラミングを支援するために設計された機能とツールを紹介します。

プライマリ サイド バーの [プロジェクト アクション] の下にある [プロジェクトのインポート] ボタンを選択します。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。VEX IQ Robotics プラットフォームのプロジェクトのプログラミングと開発を支援するために設計された機能とツールを紹介します。

プロジェクトのインポート ウィンドウが開きます。 インポートする VEXcode IQ プロジェクト ファイルを選択し、[開く] ボタンをクリックします。

注: VEX IQ でサポートされている VEXcode プロジェクト ファイルの種類は次のとおりです。

  • .iqcpp (VEXcode IQ C/C++ プロジェクト)
  • .iqpython (VEXcode IQ Python プロジェクト)

注: IQ (第 2 世代) を使用するように構成されたプロジェクトのみをインポートできます。 IQ (第 1 世代) 用に設定された VEXcode IQ プロジェクトをインポートしようとすると、インポート プロセスは失敗します。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。教育リソースと初心者に優しいプログラミング オプションに重点を置き、VEX IQ ロボットのプログラミングを支援するために設計された機能とツールを紹介します。

次に、インポートしたプロジェクトのプロジェクト名、説明、場所を設定します。

デフォルトでは、プロジェクトの名前は同じままになります。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。教育者と学生を対象に、VEX IQ ロボティクス プラットフォームのプログラミングを強化するために設計された機能とツールを紹介します。

「説明」の下のテキストボックスにプロジェクトの説明を入力します。 この手順はオプションです。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。教育リソースと初心者に優しい機能に重点を置き、VEX IQ ロボットのプログラミングを支援するために設計された機能とツールを紹介します。

プロジェクトをデフォルトのプロジェクト フォルダー以外の場所に保存する場合は、ウィンドウを下にスクロールして [参照] ボタンを選択し、コンピューター上のプロジェクト フォルダーの場所を選択します。

注: デフォルトのプロジェクトの場所は、拡張機能のグローバル設定にあるデフォルトのプロジェクト フォルダーに設定されます。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。VEX IQ ロボットのプログラミングを支援し、教育体験と初心者向けロボット プロジェクトの強化を支援するために設計された機能とツールを紹介します。

名前、説明、場所を入力したら、「作成」ボタンを選択します。 VS Code ウィンドウの更新が始まります。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。VEX IQ ロボットのプログラミングを支援し、ロボット工学の教育体験を強化するように設計された機能とツールを紹介します。

VS Code ウィンドウの更新が完了すると、VEXcode IQ (第 2 世代) プロジェクトが VEX VS Code 拡張機能にインポートされます。 プロジェクト コードを表示および開発するには、サイド バーのプロジェクト名の下の「src」を選択します。

VEX IQ の VS Code 拡張インターフェースのスクリーンショット。VEX IQ ロボットをプログラミングするための機能とツールを紹介しており、教育者と学生がロボット プロジェクトとコーディング スキルを強化できるように設計されています。

サイドバーの「src」の下にある「main.py」(インポートされたプロジェクトが Python プロジェクトの場合)または「main.cpp」(インポートされたプロジェクトが C/C++ プロジェクトの場合)を選択します。

VEX IQ の VS Code 拡張機能インターフェースのスクリーンショット。教育リソースと初心者に優しい機能に重点を置き、VEX IQ ロボットのプログラミングを支援するために設計された機能とツールを紹介します。

インポートされたプロジェクトのコードはエディター領域に表示され、変更することができます。

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: