手順 1: Windows フォーム アプリケーション プロジェクトの作成Step 1: Create a Windows Forms Application Project

ピクチャ ビューアーを作成する場合、最初の手順は、Windows フォーム アプリケーション プロジェクトを作成することです。When you create a picture viewer, the first step is to create a Windows Forms Application project.

ビデオへのリンクこのトピックのビデオ版については、「チュートリアル 1: Visual Basic によるピクチャ ビューアーの作成 - ビデオ 1」または「チュートリアル 1: C# によるピクチャ ビューアーの作成 - ビデオ 1」を参照してください。link to videoFor a video version of this topic, see Tutorial 1: Create a Picture Viewer in Visual Basic - Video 1 or Tutorial 1: Create a Picture Viewer in C# - Video 1. これらのビデオでは、旧バージョンの Visual Studio を使用しているため、一部のメニュー コマンドやその他のユーザー インターフェイス要素が若干異なります。These videos use an earlier version of Visual Studio, so there are slight differences in some menu commands and other user interface elements. ただし、概念および手順は、現在のバージョンの Visual Studio でも同様です。However, the concepts and procedures work similarly in the current version of Visual Studio.

Windows フォーム アプリケーション プロジェクトを作成するにはTo create a Windows Forms Application project

  1. メニュー バーで [ファイル][新規][プロジェクト]の順にクリックします。On the menu bar, choose File, New, Project. ダイアログ ボックスは次のようになります。The dialog box should look like this.

    [新しいプロジェクト] ダイアログ ボックスNew project dialog
    [新しいプロジェクト] ダイアログ ボックスNew project dialog box

  2. [インストールされたテンプレート][Visual C#] または [Visual Basic] を選択します。Choose either Visual C# or Visual Basic in the Installed Templates list.

  3. テンプレートの一覧で、[Windows フォーム アプリケーション] アイコンをクリックします。In the templates list, choose the Windows Forms Application icon. 新しいフォームに「PictureViewer」という名前を付け、[OK] をクリックします。Name the new form PictureViewer, and then choose the OK button.

    Visual Studio はプログラムのソリューションを作成します。Visual Studio creates a solution for your program. ソリューションは、プログラムに必要なすべてのプロジェクトとファイルのコンテナーとして機能します。A solution acts as a container for all of the projects and files needed by your program. これらについては、このチュートリアルで後ほど詳しく説明します。These terms will be explained in more detail later in this tutorial.

  4. 次の図は、Visual Studio に表示される内容を示しています。The following illustration shows what you should now see in the Visual Studio interface.

    注意

    ウィンドウ レイアウトは、この図とは多少異なる場合があります。Your window layout may not look exactly like this illustration. 実際のウィンドウ レイアウトは、Visual Studio のバージョン、使用しているプログラミング言語、その他の要素によって異なります。The precise window layout depends on the version of Visual Studio, the programming language you are using, and other factors. ただし、3 つのウィンドウがすべて表示されることを確認する必要があります。However, you should verify that all three windows appear.

    IDE ウィンドウIDE window
    IDE ウィンドウIDE window

    インターフェイスには、3 つのウィンドウ (メイン ウィンドウ、ソリューション エクスプローラー[プロパティ] ウィンドウ) があります。The interface contains three windows: a main window, Solution Explorer, and the Properties window.

    これらのウィンドウのいずれかが表示されていない場合は、メニュー バーで [ウィンドウ][ウィンドウ レイアウトのリセット] の順に選択して、既定のウィンドウ レイアウトを復元します。If any of these windows are missing, restore the default window layout by, on the menu bar, choosing Window, Reset Window Layout. メニュー コマンドを使用してウィンドウを表示することもできます。You can also display windows by using menu commands. メニュー バーで、[表示][プロパティ ウィンドウ] または [ソリューション エクスプローラー] の順に選択します。On the menu bar, choose View, Properties Window or Solution Explorer. 他のウィンドウが開いている場合は、右上隅の [閉じる] (x) ボタンを選択して閉じます。If any other windows are open, close them by choosing the Close (x) button in their upper-right corners.

  5. 図に表示されているウィンドウは次のとおりです (左上から時計回り順)。The illustration shows the following windows (going clockwise from the upper-left corner):

    • メイン ウィンドウ このウィンドウでは、フォームの操作やコードの編集など、ほとんどの作業を行います。Main window In this window, you'll do most of your work, such as working with forms and editing code. 図では、このウィンドウでフォーム エディターにフォームが表示されています。In the illustration, the window shows a form in the Form Editor. ウィンドウの上部には、[スタート ページ] タブと [Form1.cs [デザイン]] タブが表示されています At the top of the window, the Start Page tab and the Form1.cs [Design] tab appear. (Visual Basic では、タブの名前は .cs ではなく .vb で終わります)。(In Visual Basic, the tab name ends with .vb instead of .cs.)

    • ソリューション エクスプローラーウィンドウ このウィンドウでは、ソリューション内のすべての項目を確認し、各項目に移動できます。Solution Explorer window In this window, you can view and navigate to all items in your solution. ファイルを選択すると、[プロパティ] ウィンドウの内容が変わります。If you choose a file, the contents of the Properties window changes. コード ファイル (Visual C# の場合は .cs、Visual Basic の場合は .vb で終わるファイル) を開くと、コード ファイルまたはコード ファイルのデザイナーが表示されます。If you open a code file (which ends in .cs in Visual C# and .vb in Visual Basic), the code file or a designer for the code file appears. デザイナーは、ボタンやリストなどのコントロールを追加できるビジュアル サーフェイスです。A designer is a visual surface onto which you can add controls such as buttons and lists. Visual Studio のフォームでは、デザイナーは Windows フォーム デザイナーと呼ばれます。For Visual Studio forms, the designer is called the Windows Forms Designer.

    • [プロパティ] ウィンドウ このウィンドウでは、他のウィンドウで選択した項目のプロパティを変更できます。Properties window In this window, you can change the properties of items that you choose in the other windows. たとえば、Form1 を選択した場合、Text プロパティを設定してタイトルを変更し、Backcolor プロパティを設定して背景色を変更することができます。For example, if you choose Form1, you can change its title by setting the Text property, and you can change the background color by setting the Backcolor property.

    注意

    ソリューション エクスプローラーの先頭行には、"ソリューション 'PictureViewer' (1 プロジェクト)" と表示されています。これは、Visual Studio によってソリューションが作成されたことを意味します。The top line in Solution Explorer shows Solution 'PictureViewer' (1 project), which means that Visual Studio created a solution for you. ソリューションには複数のプロジェクトを含めることができますが、ここでは、プロジェクトを 1 つだけ含むソリューションを使用します。A solution can contain more than one project, but for now, you'll work with solutions that contain only one project.

  6. メニュー バーで、[ファイル][すべてを保存] の順に選択します。On the menu bar, choose File, Save All.

    または、次の図に示すツール バーの [すべて保存] ボタンを選択します。As an alternative, choose the Save All button on the toolbar, which the following illustration shows.

    [すべてを保存] ツール バー ボタンSave All toolbar button
    [すべてを保存] ツール バー ボタンSave All toolbar button

    Visual Studio によって自動的にフォルダー名およびプロジェクト名が指定され、projects フォルダーにプロジェクトが保存されます。Visual Studio automatically fills in the folder name and the project name and then saves the project in your projects folder.

続行または確認するにはTo continue or review