はじめての tvOS クイックスタートガイド

[アーティクル]
02/02/2018

このガイドでは、最初の Xamarin.tvOS アプリとその開発ツールチェーンの作成について説明します。また、UI コントロールをコードに公開する Xamarin Designer についても紹介し、Xamarin.tvOS アプリケーションをビルド、実行、テストする方法を示します。

警告

iOS Designer は、Visual Studio 2019 バージョン 16.8 および Visual Studio 2019 for Mac バージョン 8.8 で非推奨とされ、Visual Studio 2019 バージョン 16.9 および Visual Studio for Mac バージョン 8.9 から削除されています。 iOS のユーザーインターフェイスについては、Xcode の Interface Builder が実行されている Mac で直接ビルドすることをお勧めします。詳細については、「Xcode を使用したユーザーインターフェイスの設計」を参照してください。

Apple は、tvOS 11 を搭載した Apple TV の第 5 世代である Apple TV 4K をリリースしました。

Apple TV プラットフォームは開発者向けに公開されているので、リッチなイマーシブアプリを作成し、Apple TV に組み込まれた App Store を通じてリリースできます。

Xamarin.iOS 開発に慣れている場合は、tvOS への移行はとても簡単です。ほとんどの API と機能は同じですが、多くの一般的な API (WebKit など) は使用できません。さらに、Siri リモートコントローラーを使う場合、タッチスクリーンベースの iOS デバイスには存在しないい設計上の課題がいくつか生じます。

このガイドでは、Xamarin アプリで tvOS を使う方法について説明します。 tvOS の詳細については、Apple の Apple TV 4K に向けた準備に関するドキュメントを参照してください。

概要

Xamarin.tvOS を使うと、Swift (または Objective-C) と Xcode で開発するときに使われるものと同じ OS X ライブラリとインターフェイスコントロールを使って、C# と .NET で完全にネイティブな Apple TV アプリを開発できます。

さらに、Xamarin.tvOS アプリは C# と .NET で書かれているため、共通のバックエンドコードを Xamarin.iOS、Xamarin.Android、Xamarin.Mac アプリと共有し、さらに各プラットフォーム上でネイティブエクスペリエンスを提供できます。

この記事では、ボタンがクリックされた回数をカウントする基本的な Hello, tvOS アプリをビルドするプロセスを段階的に説明することで、Xamarin.tvOS と Visual Studio を使って Apple TV アプリを作成するために必要な重要な概念について説明します。

次の概念について説明します。

Visual Studio for Mac - Visual Studio for Mac の概要と、Visual Studio for Mac を使って Xamarin.tvOS アプリケーションを作成する方法。
Xamarin.tvOS アプリの構造 - Xamarin.tvOS アプリの構成要素。
ユーザーインターフェイスの作成 - Xamarin Designer for iOS を使ってユーザーインターフェイスを作成する方法。
展開とテスト - tvOS Simulator と実際の tvOS ハードウェアでアプリを実行してテストする方法。

Visual Studio for Mac での新しい Xamarin.tvOS アプリの起動

前述のように、メイン画面に 1 つのボタンとラベルを追加する Hello-tvOS という Apple TV アプリを作成します。ボタンがクリックされたとき、クリックされた回数がラベルに表示されます。

まず、以下の手順を実行しましょう。

Visual Studio for Mac を起動します。
画面の左上隅にある [新しいソリューション] のリンクをクリックして、[新しいプロジェクト] ダイアログボックスを開きます。
[tvOS]>[アプリ]>[単一ビューアプリ] を選び、[次へ] ボタンをクリックします。
[アプリ名] に「Hello, tvOS」と入力し、[組織の識別子] を入力して [次へ] ボタンをクリックします。
[プロジェクト名] に「Hello_tvOS」と入力し、[作成] ボタンをクリックします。

Visual Studio for Mac で新しい Xamarin.tvOS アプリが作成され、アプリケーションのソリューションに追加される既定のファイルが表示されます。

Visual Studio for Mac でのソリューションとプロジェクトの使い方は、Visual Studio とまったく同じです。ソリューションは 1 つまたは複数のプロジェクトを保持できるコンテナーです。プロジェクトには、アプリケーション、サポートライブラリ、テストアプリケーションなどを含めることができます。この例では、ソリューションとアプリケーションプロジェクトの両方が Visual Studio for Mac で自動的に作成されています。

必要に応じて、共通の共有コードを含む 1 つ以上のコードライブラリプロジェクトを作成できます。これらのライブラリプロジェクトは、標準の .NET アプリケーションをビルドする場合と同様に、アプリケーションプロジェクトで使うことや、他の Xamarin.tvOS アプリプロジェクト (またはコードの種類に応じて Xamarin.iOS、Xamarin.Android、Xamarin.Mac) と共有することができます。

Xamarin.tvOS アプリの構造

iOS プログラミングに慣れている場合は、多くの類似点があることに気付くでしょう。実際のところ、tvOS 9 は iOS 9 のサブセットであるため、多くの概念が交差します。

プロジェクト内のファイルを見ていきましょう。

Main.cs – このファイルには、アプリのメインエントリポイントが含まれています。アプリが起動した時点では、実行される最初のクラスとメソッドが含まれています。
AppDelegate.cs - このファイルには、オペレーティングシステムからのイベントをリッスンするメインアプリケーションクラスが含まれています。
Info.plist - このファイルには、アプリケーション名、アイコンなどのアプリケーションのプロパティが含まれています。
ViewController.cs - これはメインウィンドウを表し、そのライフサイクルを制御するクラスです。
ViewController.designer.cs – このファイルには、メイン画面のユーザーインターフェイスとの統合のための組み込みコードが含まれています。
Main.storyboard - メインウィンドウの UI。このファイルは、Xamarin Designer for iOS を使って作成および保守できます。

以下のセクションでは、これらのファイルの一部を簡単に見ていきます。後ほど詳しく説明しますが、ここで基本を理解しておくことをお勧めします。

Main.cs

Main.cs ファイルには、新しい Xamarin.tvOS アプリインスタンスを作成し、OS イベントを処理するクラスの名前を渡す静的 Main メソッドが含まれています。ここでは、AppDelegate クラスが該当します。

using UIKit;

namespace Hello_tvOS
{
    public class Application
    {
        // This is the main entry point of the application.
        static void Main (string[] args)
        {
            // if you want to use a different Application Delegate class from "AppDelegate"
            // you can specify it here.
            UIApplication.Main (args, null, "AppDelegate");
        }
    }
}

AppDelegate.cs

AppDelegate.cs ファイルには AppDelegate クラスが含まれています。このクラスは、ウィンドウの作成と OS イベントのリッスンを行います。

using Foundation;
using UIKit;

namespace Hello_tvOS
{
    // The UIApplicationDelegate for the application. This class is responsible for launching the
    // User Interface of the application, as well as listening (and optionally responding) to application events from iOS.
    [Register ("AppDelegate")]
    public class AppDelegate : UIApplicationDelegate
    {
        // class-level declarations

        public override UIWindow Window {
            get;
            set;
        }

        public override bool FinishedLaunching (UIApplication application, NSDictionary launchOptions)
        {
            // Override point for customization after application launch.
            // If not required for your application you can safely delete this method

            return true;
        }

        public override void OnResignActivation (UIApplication application)
        {
            // Invoked when the application is about to move from active to inactive state.
            // This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message)
            // or when the user quits the application and it begins the transition to the background state.
            // Games should use this method to pause the game.
        }

        public override void DidEnterBackground (UIApplication application)
        {
            // Use this method to release shared resources, save user data, invalidate timers and store the application state.
            // If your application supports background execution this method is called instead of WillTerminate when the user quits.
        }

        public override void WillEnterForeground (UIApplication application)
        {
            // Called as part of the transition from background to active state.
            // Here you can undo many of the changes made on entering the background.
        }

        public override void OnActivated (UIApplication application)
        {
            // Restart any tasks that were paused (or not yet started) while the application was inactive.
            // If the application was previously in the background, optionally refresh the user interface.
        }

        public override void WillTerminate (UIApplication application)
        {
            // Called when the application is about to terminate. Save data, if needed. See also DidEnterBackground.
        }
    }
}

iOS アプリケーションをビルドしたことがない場合、このコードはなじみがないかもしれませんが、とても簡単です。重要な行について確認してみましょう。

まず、クラスレベルの変数宣言を見てみましょう。

public override UIWindow Window {
            get;
            set;
        }

Window プロパティは、メインウィンドウへのアクセスを提供します。 tvOS は、Model View Controller (MVC) というパターンを使います。一般に、作成するすべてのウィンドウ (とウィンドウ内の他の多くのもの) にはコントローラーがあり、表示、新しいビュー (コントロール) の追加といったウィンドウのライフサイクルを担います。

次に、FinishedLaunching メソッドがあります。このメソッドは、アプリケーションのインスタンスが作成された後に実行されます。また、実際のアプリケーションウィンドウの作成と、そこにビューを表示するプロセスの開始を担います。このアプリはストーリーボードを使って UI を定義するため、ここで追加のコードは必要ありません。

このテンプレートには、DidEnterBackground や WillEnterForeground など、他にも多くのメソッドが用意されています。アプリケーションイベントがアプリで使われていない場合は、これらを削除しても問題ありません。

ViewController.cs

ViewController クラスはこのメインウィンドウのコントローラーです。つまり、メインウィンドウのライフサイクルに関する処理を担います。これについては後ほど詳しく説明しますが、ここでは簡単に説明します。

using System;
using Foundation;
using UIKit;

namespace Hello_tvOS
{
    public partial class ViewController : UIViewController
    {
        public ViewController (IntPtr handle) : base (handle)
        {
        }

        public override void ViewDidLoad ()
        {
            base.ViewDidLoad ();
            // Perform any additional setup after loading the view, typically from a nib.
        }

        public override void DidReceiveMemoryWarning ()
        {
            base.DidReceiveMemoryWarning ();
            // Release any cached data, images, etc that aren't in use.
        }
    }
}

ViewController.Designer.cs

メインウィンドウクラスのデザイナーファイルは現時点では空ですが、iOS Designer を使ってユーザーインターフェイスを作成すると、Visual Studio for Mac によって自動的に設定されます。

using Foundation;

namespace HellotvOS
{
    [Register ("ViewController")]
    partial class ViewController
    {
        void ReleaseDesignerOutlets ()
        {
        }
    }
}

通常、デザイナーファイルを気にすることはありません。これは Visual Studio for Mac によって自動的に管理され、アプリケーションのウィンドウまたはビューに追加するコントロールへのアクセスに必要な組み込みコードが用意されるからです。

Xamarin.tvOS アプリを作成し、そのコンポーネントの基本を理解したので、次は UI の作成を見てみましょう。

ユーザーインターフェイスの作成

Xamarin.tvOS アプリのユーザーインターフェイスを作成するために Xamarin Designer for iOS を使う必要はありません。UI は C# コードから直接作成できますが、この記事では説明しません。わかりやすくするために、このチュートリアルの残りの部分では iOS Designer を使って UI を作成します。

UI の作成を開始するには、iOS Designer で編集できるようにソリューションエクスプローラーで Main.storyboard ファイルをダブルクリックして開きます。

これで Designer が起動し、次のようになります。

iOS Designer とそのしくみの詳細については、Xamarin Designer for iOS の概要に関するガイドを参照してください。

これで、Xamarin.tvOS アプリのデザイン領域にコントロールを追加できるようになります。

次の操作を行います。

ツールボックスを見つけます。これはデザイン領域の右側にあります。

ここで見つからない場合は、[表示] > [パッド] > [ツールボックス] に移動して表示します。
[ラベル] を [ツールボックス] からデザイン領域にドラッグします。
[プロパティ] パッドの [タイトル] プロパティをクリックし、ボタンのタイトルを「Hello, tvOS」に変更し、[フォントサイズ]を「128」に設定します。
すべての単語が表示されるようにラベルのサイズを変更し、ウィンドウの上部付近の中央に配置します。
意図したとおりに表示されるように、ラベルをその位置に固定する必要があります (画面サイズに関係なく)。これを行うには、"T 字型ハンドル" が表示されるまでラベルをクリックします。
ラベルを水平方向に制限するには、中央の四角形を選び、垂直方向の破線までドラッグします。

ラベルがオレンジ色に変わります。
ラベルの上部にある T ハンドルを選び、ウィンドウの上端までドラッグします。
次に、以下に示すように、幅をクリックしてから高さの "ボーンハンドル" をクリックします。

各 "ボーンハンドル" をクリックすると、幅と高さの両方をそれぞれ選んで固定寸法を設定します。
完了すると、[制約] は [プロパティ] パッドの [レイアウト] タブの値と同じようになります。
[ツールボックス] から [ボタン] をドラッグして、[ラベル] の下に配置します。
[プロパティ] パッドの [タイトル] プロパティをクリックし、ボタンのタイトルを「Click Me」に変更します。
上記の手順 5 から 8 を繰り返し、tvOS ウィンドウのボタンを固定します。ただし、(手順 7 のように) T ハンドルをウィンドウの上部にドラッグするのではなく、ラベルの下部にドラッグします。
別のラベルをボタンの下にドラッグし、最初のラベルと同じ幅になるようにサイズを設定し、[配置] を [中央] に設定します。
最初のラベルとボタンと同様に、このラベルを中央に設定し、次の位置とサイズにピン留めします。
ユーザーインターフェイスに対する変更を保存します。

コントロールのサイズを変更したり移動したりすると、Apple TV のヒューマンインターフェイスガイドラインに基づいた役立つスナップヒントがデザイナーに表示されます。これらのガイドラインは、Apple TV ユーザーにとってなじみのある外観と操作感を備えた高品質のアプリケーションを作成するのに役立ちます。

[ドキュメントアウトライン] セクションを見ると、ユーザーインターフェイスを構成する要素のレイアウトと階層がどのように表示されるかがわかります。

ここから、必要に応じて項目を選んで編集することや、UI 要素をドラッグして順序を変更することができます。たとえば、UI 要素が別の要素で覆われている場合、その要素をリストの一番下にドラッグすると、その要素をウィンドウの一番上の項目にすることができます。

ユーザーインターフェイスを作成したので、次は UI 項目を公開して、Xamarin.tvOS が C# コードでそれらにアクセスし、操作できるようにする必要があります。

分離コード内のコントロールへのアクセス

iOS Designer に追加したコントロールにコードからアクセスするには、主に 2 つの方法があります。

コントロール上にイベントハンドラーを作成する。
後で参照できるように、コントロールに名前を付ける。

これらのいずれかが追加されると、ViewController.designer.cs 内の部分クラスが更新され、変更が反映されます。これにより、View Controller のコントロールにアクセスできるようになります。

イベントハンドラーの追加

このサンプルアプリケーションでは、ボタンがクリックされたときに "何か" が起こるようにするため、ボタン上の特定のイベントにイベントハンドラーを追加する必要があります。これを設定するには、以下の操作を行います。

Xamarin iOS Designer で、View Controller のボタンを選びます。
[プロパティ] パッドで、[イベント] タブを選びます。
TouchUpInside イベントを見つけて、それに Clicked というイベントハンドラーを指定します。
Enter キーを押すと、ViewController.cs ファイルが開き、コード内のイベントハンドラーの場所が提案されます。キーボードの方向キーを使って場所を設定します。
これにより、次のような部分メソッドが作成されます。

これで、ボタンが機能するようにコードを追加する準備が整いました。

コントロールの名前付け

ボタンをクリックすると、クリック数に基づいてラベルが更新されます。これを行うには、コードでラベルにアクセスする必要があります。これを行うには、名前を付けます。次の操作を行います。

[ストーリーボード] を開き、View Controller の下部にある [ラベル] を選びます。
[プロパティ] パッドで、[ウィジェット] タブを選びます。
[ID] > [名前] で ClickedLabel を追加します。

これで、ラベルを更新する準備が整いました。

コントロールへのアクセス方法

ソリューションエクスプローラーで ViewController.designer.cs を選ぶと、ClickedLabel ラベルと Clicked イベントハンドラーが C# の Outlet と Action にどのようにマップされているかを確認できます。

また、ViewController.designer.cs は部分クラスであるため、Visual Studio for Mac で ViewController.cs を変更する必要がないことにも注目してください。そのようなことをすると、クラスに加えた変更は上書きされます。

この方法で UI 要素を公開すると、View Controller でアクセスできるようになります。

通常、ViewController.designer.cs を自分で開く必要はありません。ここでは教育目的でのみ提示しています。

コードの記述

ユーザーインターフェイスを作成し、その UI 要素を Outlet と Action を介してコードに公開したので、いよいよプログラムに機能を持たせるコードを書く準備が整いました。

このアプリケーションでは、最初のボタンがクリックされるたびに、ボタンがクリックされた回数を示すラベルを更新します。これを行うには、Solution Pad で ViewController.cs ファイルをダブルクリックして編集用に開く必要があります。

まず、ViewController クラスにクラスレベル変数を作成して、発生したクリックの回数を追跡する必要があります。クラス定義を編集し、次のようにします。

using System;
using Foundation;
using UIKit;

namespace Hello_tvOS
{
    public partial class ViewController : UIViewController
    {
        private int numberOfTimesClicked = 0;
        ...

次に、同じクラス (ViewController) で、ViewDidLoad メソッドをオーバーライドし、ラベルの初期メッセージを設定するコードを追加する必要があります。

public override void ViewDidLoad ()
{
    base.ViewDidLoad ();

    // Set the initial value for the label
    ClickedLabel.Text = "Button has not been clicked yet.";
}

(Initialize などの別のメソッドではなく) ViewDidLoad を使う必要があります。ViewDidLoad は、OS が読み込まれ、.storyboard ファイルからユーザーインターフェイスのインスタンスが作成された "後" に呼び出されるためです。 .storyboard ファイルが完全に読み込まれ、インスタンスが作成される前にラベルコントロールにアクセスしようとすると、ラベルコントロールがまだ作成されていないため、NullReferenceException エラーが発生します。

次に、ボタンをクリックしたユーザーに応答するコードを追加する必要があります。作成した部分クラスに以下を追加します。

partial void Clicked (UIButton sender)
{
    ClickedLabel.Text = string.Format("The button has been clicked {0} time{1}.", ++numberOfTimesClicked, (numberOfTimesClicked

このコードは、ユーザーがボタンをクリックするたびに呼び出されます。

すべての準備ができたので、Xamarin.tvOS アプリケーションをビルドしてテストする準備ができました。

アプリケーションのテスト

アプリケーションをビルドして実行し、期待どおりに動作することを確認します。 1 つのステップですべてをビルドして実行することや、実行せずビルドすることができます。

アプリケーションをビルドするたびに、必要なビルドの種類を選択できます。

デバッグ - デバッグビルドは、追加のメタデータを含む `` (アプリケーション) ファイルにコンパイルされます。これを使うと、アプリケーションの実行中に発生していることをデバッグできます。
リリース - リリースビルドでも `` ファイルが作成されますが、デバッグ情報は含まれていないためサイズが小さく、高速に実行されます。

Visual Studio for Mac 画面の左上隅にある構成セレクターからビルドの種類を選択できます。

アプリケーションのビルド

この例では、デバッグビルドのみが必要なので、[デバッグ] が選ばれていることを確認しましょう。まず、⌘ + B キーを押すか、[ビルド] メニューの [すべてビルド] を選んでアプリケーションをビルドしましょう。

エラーがなければ、Visual Studio for Mac のステータスバーに "ビルドが成功しました" というメッセージが表示されます。エラーが発生した場合は、プロジェクトを確認し、手順に正しく従っていることを確認します。まず、コード (Xcode と Visual Studio for Mac の両方) がチュートリアルのコードと一致していることを確認します。

アプリケーションの実行

アプリケーションを実行するには、次の 3 つのオプションがあります。

⌘+Enter を押します。
[実行] メニューの [デバッグ] を選択します。
Visual Studio for Mac ツールバー (ソリューションエクスプローラーのすぐ上) の [再生] ボタンをクリックします。

アプリケーションがビルドされ (まだビルドされていない場合)、デバッグモードで開始され、tvOS Simulator が起動し、アプリが起動してメインインターフェイスウィンドウが表示されます。

[ハードウェア] メニューから [Apple TV リモートコントローラーの表示] を選ぶと、シミュレーターを制御できるようになります。

シミュレーターのリモートコントローラーを使ってボタンを数回クリックすると、その回数でラベルが更新されます。

お疲れさまでした。ここでは多くの基礎について説明しましたが、このチュートリアルに最初から最後まで従った場合は、Xamarin.tvOS アプリのコンポーネントとその作成に使われるツールについてしっかり理解できたはずです。

次の場所

Apple TV アプリの開発には、ユーザーと (ユーザーの手の届かない部屋の向こう側にある) インターフェイスの間に切断があり、tvOS によって課せられるアプリのサイズとストレージの制限があるため、いくつかの課題があります。

そのため、Xamarin.tvOS アプリの設計に進む前に、次のドキュメントを読むことを強くお勧めします。

tvOS 9 の概要 - この記事では、Xamarin.tvOS 開発者向けに tvOS 9 で使用できる API と機能の新しいものと変更されたものすべてについて説明します。
ナビゲーションとフォーカスの操作 - Xamarin.tvOS アプリのユーザーは、iOS のようにデバイスの画面上の画像をタップしてインターフェイスを直接操作するのではなく、Siri リモートコントローラーを使って部屋の向こう側から間接的に操作します。この記事では、フォーカスの概念と、それを使って Xamarin.tvOS アプリのユーザーインターフェイスでナビゲーションを処理する方法について説明しています。
Siri リモートコントローラーと Bluetooth コントローラー - ユーザーが Apple TV および Xamarin.tvOS アプリを操作する主な方法は、付属の Siri リモートコントローラーを使うことです。アプリがゲームの場合は、必要に応じてサードパーティの Made For iOS (MFI) Bluetooth ゲームコントローラーのサポートをアプリに組み込むこともできます。この記事では、Xamarin.tvOS アプリでの新しい Siri リモートコントローラーと Bluetooth ゲームコントローラーのサポートについて説明しています。
リソースとデータストレージ - iOS デバイスとは異なり、新しい Apple TV は tvOS アプリ用の永続的なローカルストレージを提供しません。そのため、Xamarin.tvOS アプリで情報 (ユーザーの基本設定など) を保持する必要がある場合は、そのデータを iCloud に保存して取得する必要があります。この記事では、Xamarin.tvOS アプリでのリソースと永続データストレージの操作について説明しています。
アイコンと画像の操作 - 魅力的なアイコンと画像の作成は、Apple TV アプリのイマーシブユーザーエクスペリエンスを開発する上で重要な部分です。このガイドでは、Xamarin.tvOS アプリに必要なグラフィック資産を作成して組み込むために必要な手順について説明しています。
ユーザーインターフェイス - Xamarin.tvOS を使うときのユーザーインターフェイス (UI) コントロール、Xcode の Interface Builder の使用、UX デザインの原則など、一般的なユーザーエクスペリエンス (UX) について説明します。
展開とテスト - このセクションでは、アプリのテストに使われるトピックと配布方法について説明しています。以下のトピックでは、デバッグに使用されるツール、テスターへの展開、Apple TV App Store にアプリケーションを発行する方法などを説明しています。

Xamarin.tvOS の操作時に問題が発生した場合、既知の問題と解決策の一覧については、トラブルシューティングのドキュメントを参照してください。

まとめ

この記事では、簡単な Hello, tvOS アプリを作成することで、Visual Studio for Mac を使った tvOS 用アプリを開発するためのクイックスタートを提供しました。 tvOS のデバイスプロビジョニング、インターフェイスの作成、tvOS 向けのコーディング、tvOS シミュレーターでのテストの基本について説明しました。

次の方法で共有

はじめての tvOS クイックスタートガイド

概要

Visual Studio for Mac での新しい Xamarin.tvOS アプリの起動

Xamarin.tvOS アプリの構造

Main.cs

AppDelegate.cs

ViewController.cs

ViewController.Designer.cs

ユーザーインターフェイスの作成

分離コード内のコントロールへのアクセス

イベントハンドラーの追加

コントロールの名前付け

コントロールへのアクセス方法

コードの記述

アプリケーションのテスト

アプリケーションのビルド

アプリケーションの実行

次の場所

まとめ

その他のリソース

次の方法で共有

はじめての tvOS クイック スタート ガイド

概要

Visual Studio for Mac での新しい Xamarin.tvOS アプリの起動

Xamarin.tvOS アプリの構造

Main.cs

AppDelegate.cs

ViewController.cs

ViewController.Designer.cs

ユーザー インターフェイスの作成

分離コード内のコントロールへのアクセス

イベント ハンドラーの追加

コントロールの名前付け

コントロールへのアクセス方法

コードの記述

アプリケーションのテスト

アプリケーションのビルド

アプリケーションの実行

次の場所

まとめ

関連リンク

その他のリソース

はじめての tvOS クイックスタートガイド

ユーザーインターフェイスの作成

イベントハンドラーの追加