タイルとバッジの作成 (HTML)

[ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください]

注  JavaScript を使わない場合は、「タイルの作成 (XAML)」をご覧ください。

このセクションでは、タイル コンテンツまたはバッジ コンテンツを定義してそのコンテンツを通知として送信する方法を説明します。コンテンツにはローカル通知が使われます。これらは、最も簡単に実装できる通知です。タイルとバッジの基本を理解すると、その知識をその他の配信方法 (スケジュール、定期的、プッシュ) による通知の送信に応用できます。詳しくは、「通知の配信」をご覧ください。

次のロードマップは、タイル通知とバッジ通知を定義して送る方法を学ぶ際に推奨される学習手順を示しています。

1. このセクションの各トピックには基本的な概念情報がいくらか示されていますが、ほとんどのトピックは読者にある程度の背景知識が既にあることを前提にしています。この機能についての知識がまったくない場合は、最初にタイル通知とバッジ通知に関連する用語と概念に慣れ、これらの機能を使って何ができるかや、個々の機能がどのように組み合わされるのかを理解してください。この概念情報は、「タイル、バッジ、通知」に示されています。
2. 次に、「タイルとバッジのガイドラインとチェック リスト」に進み、コードの作成時やこれらの要素の使用時に使うベスト プラクティスをよく把握してください。
3. 次は、コードに取りかかります。まず、アプリのマニフェスト内でタイルを定義します。ここで選んだ内容によって、後でタイルでできることとできないことが決まります。「クイック スタート: Microsoft Visual Studio マニフェスト エディターを使用した既定のタイルの作成」をご覧ください。
4. アプリをインストールし、スタート画面に既定のタイルが表示されることを確かめます。その後、通知を使ってタイルのコンテンツを更新し始めることができます。この方法を理解するには、まず「クイック スタート: タイルの更新の送信」をご覧ください。このクイック スタートでは、タイルの XML コンテンツを定義してから、そのコンテンツをローカル通知として送るまでの全プロセスが詳しく説明されています。
5. アプリがそのタイル上でバッジを使う場合には、「クイック スタート: バッジの更新の送信」で、バッジ XML コンテンツを定義して、そのコンテンツをローカル通知を使ってアプリのタイルに送る方法を確認できます。

このセクションの内容