Microsoft Band:Web Tileを作ってみる

Microsoft Bandで、このブログの更新を読み込むタイルを作成してみます。

https://developer.microsoftband.com/

上記サイトで、「Web Tile」のGet Startedボタンを押下します。(次の遷移先でも、GetStarted押下。)

上記ページで、今回は更新を読み込むタイルを作るので「Feed tile」を選択しNextを押下。

ここでrssのurlを入力します。なお、はてなブログでは http://running-cs.hatenablog.com/rssのように、トップのurlにrssを付けたものを渡します。

入力後、Nextを押下。

この画面で画面に表示する項目をドラッグドロップで決定します。 今回はブログの新規投稿タイトルと内容を表示したいので、画像の矢印の通りドラッグドロップします。 なお、ドロップ後の文字列は日本語が化けてしまいますが、Bandに表示される際はきちんと化けずに表示されます。

そしてNext押下です。

ここはSkip押下です。

ここでタイトルの表示色やタイル名、説明、作者、任意でアイコンなどを設定できます。

今回は画像がないので、アイコンは設定せずに進みます。

こんな感じに入力後、Nextを押下。

この画面で「Submit my tile」を押下するとこのタイルを公開できるようなのですが、流石に技術ブログの更新をBandで受けたい人も少ないと思いますので、公開はしませんでした。

「Download my tile」を押下し、「Microsoft Health」が入ったモバイルにメールなどで添付ファイルとして送り、「Microsoft Health」でそのファイルを開けばタイルが利用可能となります。

---追記---

この記事がアップされたことの通知が、Bandに表示されました。