課題に向けて準備する

  • 5 分

Visual Studio Code を使用して、Contoso Pets 導入 C# コンソール アプリケーションの更新プログラムを開発します。 アプリケーションは、既に導入可能なペットに関するサンプル データを作成し、ペットの説明情報を表示できます。 アプリケーションでは、各犬の説明データ内で 1 つの用語を検索できます。 主な機能の追加は、複数の用語を使用した検索です。 2 番目の改善点は、"検索状態" アニメーションに対する改善であり、アニメーションに検索カウントダウンを追加することが含まれます。

プロジェクト仕様の概要

既存の Contoso Pets スターター アプリケーションを更新して、複数の用語検索と改善された "検索状態" アニメーション機能を含めます。

ペット特性の複数用語検索のユーザー入力を収集する

  • ユーザーは、コンマで区切って検索用語を指定する必要があります
  • 検索語句を配列に格納し、用語をアルファベット順に並べ替える

"dogs" を識別する動物配列ループ内:

  • 検索語句を反復処理して各犬の説明を検索する
  • 用語の一致を 結合した説明 を検索する
  • 1 つ以上の用語が一致する各犬の説明を出力する

犬を識別する "search Animals" 配列ループを終了した後:

  • 検索語句を指定したユーザーに一致する犬がいない場合は、 犬が一致しない というメッセージを出力します。

"検索状態" の機能強化を追加する

アニメーションを更新する

  • searchingIcons配列を回転するダイヤルのように調整する
  • アニメーションが 2 から 0 までの数値カウントダウンを表示するようにアニメーション ループを調整する (2.., 1.., 0..)

スタート コード

このチャレンジ プロジェクト モジュールのスターター コード プロジェクトには、次のコード機能を提供するProgram.cs ファイルが含まれています。

  • このコードでは、ペット データとメニュー項目の選択を収集して処理するために使用される変数を宣言します

  • このコードは、ourAnimals 配列を宣言します。

  • このコードでは、if-elseif-else コンストラクトを囲む for ループを使用して、サンプル データセットを ourAnimals 配列に設定します。

  • このコードには、ユーザー選択用の次のメイン メニュー オプションが表示されます。

    1. List all of our current pet information
2. Display all dogs with a specified characteristic

Enter menu item selection or type "Exit" to exit the program

  • アプリケーション メニュー コードは、ユーザーのメニュー項目の選択を読み取り、選択内容をエコーするメッセージを表示します

  • ケース 1: "現在のペット情報をすべて一覧表示する" には、すべての動物 (2 匹の犬と 2 匹の猫) のサンプル データが表示されます

  • ケース 2: "2. 指定した特性を持つすべての犬を表示する" は、新機能コードが追加される主な領域です

    • ケース 2 では、スターター コードは犬を識別し、 1 人 のユーザー入力用語を検索します
    • 各犬を検索する前に、コンソールに、検索の発生状態をシミュレートする単純な "アニメーション" が表示されます

目標は、既存のコードを更新して、チームから要求された主要な機能を開発することです。

  • 犬の複数の属性検索を追加する
  • 検索アニメーションを更新する

開発環境として Visual Studio Code を使用し、開発プロセスの各段階でアプリケーションをテストします。

設定

次の手順を使用して、ガイド付きプロジェクトの演習を準備します。

  1. チャレンジ プロジェクトのコード フォルダーを含む zip ファイルをダウンロードします。

  2. ダウンロードしたファイルをローカルに解凍します (ローカル開発環境を使用していない場合はサンドボックス内)

    1. ローカル コンピューターで、ダウンロード フォルダーに移動します
    2. Challenge-Project-variable-data-in-CSharp-main.zip ファイルを右クリックし、[すべて抽出] を選択します。
    3. 抽出されたファイルの場所 (ルート フォルダーの場所) を書き留めます

  3. Visual Studio Code でルートの GuidedProject フォルダーを開く

    1. Visual Studio Code をローカルで開く (または MS Learn サンドボックスを開き、ローカル開発環境を使用していない場合は Visual Studio Code を開く)

    2. Visual Studio Code の [ファイル] メニューで、[フォルダーを開く] を選択します。

    3. 抽出したファイルを含むフォルダーに移動し、フォルダー構造を展開して、"Challenge-Project-variable-data-in-CSharp-main" という名前のフォルダーを見つけます。

    4. [Challenge-Project-variable-data-in-CSharp-main] を選択し、[フォルダーの選択] を選択します

      • Visual Studio Code EXPLORER ビューには、 Final と Starter という名前の 2 つのサブフォルダーが表示されます。

スターター ファイルのレビュー

  1. Visual Studio Code で、チャレンジ プロジェクト のスターター フォルダーに移動します

  2. Visual Studio Code のメニュー バーで、[ターミナル] > [新しいターミナル] を選択します。

  3. ターミナル ウィンドウは、Program.cs ファイルを含む Starter フォルダーに対して開く必要があります。 ターミナル ウィンドウに dotnet run 入力したファイルをビルドして実行します。

  4. メニューには 2 つのオプションが表示されます。 次のターミナル例に示すように、「 1 」と入力します。

    Welcome to the Contoso PetFriends app. Your main menu options are:
  1. List all of our current pet information
  2. Display all dogs with a specified characteristic

Enter your selection number (or type Exit to exit the program)
1

    現在のペットのサンプル データが表示され、その後にメッセージが表示されます Press the Enter key to continue

  5. Enter キーを押すと、メニューが再び表示されます。 次の例に示すように、オプション 2を選択します。

    Welcome to the Contoso PetFriends app. Your main menu options are:
 1. List all of our current pet information
 2. Display all dogs with a specified characteristic

Enter your selection number (or type Exit to exit the program)
2

Enter one desired dog characteristic to search for

  6. 検索語句に「大」と入力し、"Enter" キーを押します。

  7. 次に示すように、"検索" メッセージに注目してください。

    searching our dog Nickname: gus for large ...

  8. ペットを検索するたびにメッセージが実行され、アニメーションの最後のピリオド (., .., ...) が変化していることに注意してください。 見逃した場合は、もう一度検索を実行します。

  9. 検索が終了したら、Enter キーを押してメニューに戻ります。 次に、「exit」と入力し、"Enter" キーを押してアプリケーションを閉じます。

  10. Project.cs開始コードを理解するには、数分かかります。

    更新、検索、アニメーションが必要な領域に焦点を当てます。

    コードには、更新プログラムを配置する場所を示すコメントがいくつか残されていることに注意してください。

これで、ガイド付きプロジェクトの演習を始める準備ができました。 がんばってください。