UWP から MilkCocoa を使ってみた

みなさんはMilkcocoa を知っていますか？ お手軽にデータの保存・更新・取得できるサービスです。

Milkcocoa のSDK は、Arduino や ESP8266 などは、 SDK が提供されているのですが、 UWP 向けのSDK は無かったので探して試してみました。

Nuget に NuGet Gallery | Milkcocoa Library 0.3.0 あったので使いました。作者は、@matsujirushi さんです。

手順

1. Visual Studio 2015 でUWP のプロジェクトを作る

1. Nuget から Milkcocoa のライブラリを落としてきます。
   

2. コードをMainPage.xaml.cs に貼り付けます。ポイントは、AppIDとアプリの名前を間違えないようにすることです。自分はここでハマりました

using Windows.UI.Xaml.Controls;[f:id:kuxumarin:20160601160024p:plain]
using Windows.UI.Xaml.Navigation;

namespace Milkcocoa_Sample
{
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
        }

        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            base.OnNavigatedTo(e);
            var milkcocoa = new Milkcocoa.Milkcocoa("{AppID}.mlkcca.com");
            var store = milkcocoa.dataStore("message");
            store.push(new { content = "進捗ダメです(´･ω･｀)" });
        }
    }
}

1. そのままUWP アプリを実行すると、Milkcocoa にデータが送信されるので、Milkcocoa のダッシュボードから他でやってたのと同じように見れる(´∀｀)ﾉ

お疲れ様でした(｡◠‿◠｡✿)

UWP に音声認識の機能をつけちゃおう！

de:code のキーノートを見てたら、 Cortana さんは音声認識してるっぽいから UWP でもそれっぽいことできないかなーって探したらよさ気なのがあったので、やってみました。

1. Visual Studio 2015 で UWP のプロジェクトを作ります。
2. 今回は、ボタンが押されたら音声認識してもらう！って感じにしたいので Xaml の画面に適当なボタンを配置して、ボタンをダブルクリックしてボタンのクリックのイベントハンドラを作ります。 3.コードの方も作成していきます。 以下のコードをプロジェクトのMainpage.xaml.cs に貼り付けます。

using Windows.Media.SpeechRecognition;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;
using System;

namespace Voice_Sample
{
    public sealed partial class MainPage : Page
    {
        public SpeechRecognizer Recognizer { get; set; } = new SpeechRecognizer();

        public  MainPage()
        {
            this.InitializeComponent();
        }

        protected override async void OnNavigatedTo(NavigationEventArgs e)
        {
            base.OnNavigatedTo(e);
            await Recognizer.CompileConstraintsAsync();
        }

        private async void button_Click(object sender, Windows.UI.Xaml.RoutedEventArgs e)
        {
            var result = await Recognizer.RecognizeWithUIAsync();
             await new ContentDialog() {Title = result.Text, PrimaryButtonText = "OK"}.ShowAsync();
        }
    }
}

1. コード・UI両方できたので最後に一工夫です！UWPアプリでマイクを使う場合には、Manifest ファイルに「マイクを使うよー(^o^)」って宣言しなければいけないので、ソリューションエクスプローラーの中から開いて宣言してください！

2. それでは、待ちに待った実行する時がやって来ました((o(´∀｀)o))ﾜｸﾜｸ

できたー(≧∇≦)b

お疲れ様でした(^o^)

参考にしたサイト

SpeechRecognizer クラス (System.Speech.Recognition)

UWPで音声認識 - かずきのBlog@hatena