XAML

[Xamarin]Xamarin.Androidで地図を使う

初音玲 — Sat, 13 Dec 2014 23:10:00 GMT

Google Maps Android API v2を利用できるようにする

Androidアプリ署名用キーストアからフィンガープリントを取得

コマンドプロンプトでkeytoolを起動しAndroidアプリ署名用キーストアからフィンガープリントを取得します。以下の説明では、デバッグ用のキーストアであるdebug.keystoreからフィンガープリントを取得する方法を説明しています。

アルファ版やベータ版を含めてストア登録して配布するためにはデバッグ用キーストアではなく、この時点で正式なAndroidアプリ署名用キーストアを指定します【作り方は次回）。

"C:\Program Files (x86)\Java\jdk1.6.0_39\bin\keytool.exe" ?list -v -keystore "C:\Users\hatsune\AppData\Local\Xamarin\Mono for Android\debug.keystore" -alias androiddebugkey -storepass android
 -keypass android

別名: androiddebugkey
作成日: 2014/03/02
エントリタイプ: PrivateKeyEntry
証明連鎖の長さ: 1
証明書[1]:
所有者: CN=Android Debug, O=Android, C=US
発行者: CN=Android Debug, O=Android, C=US
シリアル番号: 5312ba0d
有効期間の開始日: Sun Mar 02 13:56:45 JST 2014 終了日: Fri May 29 13:56:45 JST 2
043
証明書のフィンガープリント:
         MD5:  A7:DC:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:01
         SHA1: 67:5A:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:■■:0F
         署名アルゴリズム名: SHA1withRSA
         バージョン: 3

Google Developers Centerに作成するアプリ用のProjectを作成

Google Developers Consoleにログインして、[Create Project]ボタンをクリックします。

Project名を指定します。Project IDは自動的に生成されます。

APIの有効化

プロジェクト名をクリックしてoverviewを表示します。

[Enable an API]ボタンをクリックしてAPIリストを表示します。

「Maps」で絞り込んで、「Google Maps Android API v2」の行を見つけたら[OFF]ボタンをクリックしてSTATUSを[ON]にします。これでGoogle Maps Android API v2が有効になりました。

APIキーを取得する

[APIs & auth]-[Credentials]メニューを選択し、[Publis API access]にある[Create new Key]ボタンをクリックします。

Create a new key画面で[Android key]ボタンをクリックしてAndroid Keyの作成を開始します。

「keytoolで作成したSHA1フィンガープリント」+「;」＋「パッケージ名」を入力してから[Create]ボタンをクリックします。

APIキーが表示されるので、これをAndroidManifest.xmlに転記します。

AndroidManifest.xmlの設定

Required Permissionsで次のものを選択します。

ACCESS_COARSE_LOCATION (GPS非利用時は指定不要）
ACCESS_FINE_LOCATION(GPS非利用時は指定不要）
ACCESS_MOCK_LOCATION(GPS非利用時は指定不要）
ACCESS_NETWORK_STATE
ACCESS_WIFI_STATE
INTERNET
WRITE_EXTERNAL_STORAGE

この状態でAndroidManifest.xamlは次のような内容になっています。

<?xml version="1.0" encoding="utf-8"?>
<manifest package="jp.hatsunejournal.AEDSearch" xmlns:android="http://schemas.android.com/apk/res/android" android:installlocation="auto" android:versioncode="1" android:versionname="1.0.1">
  <uses-sdk android:targetsdkversion="19" />
  <application android:icon="@drawable/Icon" android:label="AED検索">
  </application>
  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
  <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
  <uses-permission android:name="android.permission.ACCESS_MOCK_LOCATION" />
  <uses-permission android:name="android.permission.INTERNET" />
  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
  <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
</manifest>

あとは直接ファイルを開いて変更します。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" android:installLocation="auto" package="jp.hatsunejournal.AEDSearch" android:versionCode="1" android:versionName="1.0.1">
  <uses-sdk android:targetSdkVersion="19" />
  <application android:label="AED検索" android:icon="@drawable/Icon">
    <!-- APIキーの設定 -->
    <meta-data android:name="com.google.android.maps.v2.API_KEY" android:value="AIzaSyCbwVTZ_mpWOVvnI3vke75QD9ZnheiMfCA" />
    <meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" />
    <!-- -->
  </application>
  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
  <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
  <uses-permission android:name="android.permission.ACCESS_MOCK_LOCATION" />
  <uses-permission android:name="android.permission.INTERNET" />
  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
  <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  
  <!-- 権限の追加 -->
  <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />
  
  <!-- OpenGL ESの設定-->
  <uses-feature android:glEsVersion="0x00020000" android:required="true"/>
</manifest>

必要なAndroid SDKのインストール確認

今回はAndroid 4.2.2 (API17)をターゲットとしてアプリを作成します。4.2.2以外に、Google Play servicesなど必要なライブラリをAndroid SDK Mangerで導入しておきましょう。

Xamarin.Forms.Mapsコンポーネントの環境設定

Nugetでの導入

NugetでXamarin.Forms.Mapsを追加したら、必ず更新プログラムを確認して必要なライブラリを最新化します。

app.configの設定（2014年11月現在）

2014年11月現在の状況では、Xamarin.Forms.Maps導入後にapp.configにバージョン互換性の設定を行う必要があります。

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <runtime>
    <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
      <dependentAssembly>
        <assemblyIdentity name="System.Net.Primitives" culture="neutral" publicKeyToken="b03f5f7f11d50a3a" />
        <bindingRedirect oldVersion="0.0.0.0-4.0.0.0" newVersion="4.0.0.0" />
      </dependentAssembly>
    </assemblyBinding>
    <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
       <dependentAssembly>
        <assemblyIdentity name="System.Net.Http.Primitives" publicKeyToken="b03f5f7f11d50a3a" culture="neutral" />
        <bindingRedirect oldVersion="0.0.0.0-4.2.28.0" newVersion="4.2.28.0" />
      </dependentAssembly>
    </assemblyBinding>
    <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
      <dependentAssembly>
        <assemblyIdentity name="System.Net.Http" publicKeyToken="b03f5f7f11d50a3a" culture="neutral" />
        <bindingRedirect oldVersion="0.0.0.0-4.0.0.0" newVersion="4.0.0.0" />
      </dependentAssembly>
    </assemblyBinding>
    <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
      <dependentAssembly>
        <assemblyIdentity name="System.Threading.Tasks" publicKeyToken="b03f5f7f11d50a3a" culture="neutral" />
        <bindingRedirect oldVersion="0.0.0.0-4.0.0.0" newVersion="4.0.0.0" />
      </dependentAssembly>
    </assemblyBinding>
  </runtime>
</configuration>

コンパイルエラーの解消

ドキュメントやネット上の情報ではここまでやれば環境整備が完了と思っていましたが、実際にビルドすると

Unzipping failed. Please download 
https://dl-ssl.google.com/android/repository/google_play_services_5089000_r19.zip
 and extract it to the 
C:\User\Project\dotNET2013\WinRT\AEDSearchXamarin\packages\Xamarin.GooglePlayServices.19.0.0.1\lib\MonoAndroid23\19\content
 directory.

というようにunzipできないというエラーが発生して、unzipできないためにzipファイルの中身が電解できずに「google-play-services_lib/libs/google-play-services.jar」がないというビルドエラーが発生してしまい、ビルドできません。

これはzipファイルには実際に必要なjarファイル以外にもjavaファイルなど必須ではないファイルも含まれているのですが、この必須ではないファイルのフォルダ構造が深いためにパス名が長くなってしまいunzipできないという状態になっています。

そこで、zipファイルを取得して、それを所定の位置「<プロジェクトルート>\packages\Xamarin.GooglePlayServices.19.0.0.1\lib\MonoAndroid23\19\content」フォルダにフォルダ構造を維持して手作業で展開します。このときも同様にエラーが発生しますが、jarファイルだけ展開できればいいので、不必要なファイルの展開エラーは無視します。

これで再度ビルドすれば無事ビルド完了となります。

エミュレーターでの地図表示

現在、Android SDK、Genymotion、Xamarin Android Playerなどのエミュレーターのそれぞれの最新版の中でGoogle Play Serviceまで導入できて地図も表示できるのはXamarin Android Playerのようです。このあたりは、エクセルソフトの田淵さんのblogに詳しく載っています。

AED検索 for Androidもちゃんと地図が表示できます。

こんな感じでXamarin Formsで地図表示となるととても大変で、まだ本家のXAMLと比べると足りない点も多いのですが、ベータやアルファの状態を見るとこれからもXamarin Formsは拡充が続くようですので、最新動向に今後も注目していきたいと思います。

[Xamarin]AED検索 for Android (進捗ダメでーす)

初音玲 — Tue, 04 Nov 2014 17:07:00 GMT

デザイン的なところにたどり着けない（進捗ダメでーす）。

スプラッシュ画面で背景色を変えて、アイコンをセンター表示するのを同時にやりたい（進捗ダメでーす）。

本当はGridView表示にしたいんだけど（進捗ダメでーす）。

ここもやっぱりGridView表示に（以下、略

本当は等間隔じゃなくて、コンテンツ量に応じてListView１行分の高さ変えたい（進捗ダメでーす）。

本当は地図表示もしたいけど…（進捗ダメでーす）。

Xamarin Formsで極力XAML側で定義しているのがいけないのか、そもそもXamarin Formsはまだ選択すべきじゃないのか、AXMLならなんとかなるのか、私の知識不足なのか、予断を許さない状況ですｗｗｗｗ

[VisualStudio]Visual Studio 2013 Update 2 RTM

初音玲 — Tue, 13 May 2014 01:35:00 GMT

universal Windows appsが組めるのが目玉ですが、他にもいろいろありますね。

Windows Phone 8.1 and Universal Windows Apps

Performance and Diagnostics Hub
Improved Debugging ? Cached Resources
Test Notifications ? Azure Notification Hub

Azure Development

IDE Enhancements
.NET Mobile Services
Related ? Windows Azure SDK 2.3

Web Development

TypeScript 1.0
Web Code Editor Enhancements (SASS, LESS & JSON)
Browser Link
Project Templates
Debugging Mobile Websites

General Debugging and Analyzers

Visual Studio Debugger
.NET Managed Memory Analyzer
CPU Usage Analyzer

IntelliTrace

Performance Events
Visualizing Exceptions in IntelliTrace Data

DirectX Profiling and Debugging

New Graphics Profiler
Graphics Debugger Enhancements

Release Management

Server Groups

無償版のVisual Studio Express 2013 Update 2 for WIndowsもあります

http://go.microsoft.com/?linkid=9832250&clcid=0x411

[Windows8.1]de:codeに期待するたった１つの事

初音玲 — Thu, 20 Mar 2014 01:15:00 GMT

日本マイクロソフトの大型有償イベント（参加費も大型ですが）「de:code」の募集が開始されています。

----

Mobile First、Cloud First を実現する、
マイクロソフトテクノロジの方向性と最新情報をお届けします。

2014 年 5 月 29 日 (木) - 30 日 (金) 　ザ・プリンスパークタワー東京

----

http://www.microsoft.com/ja-jp/events/developer/default.aspx

なお、bingで「de:code」って検索しても検索結果には出てこないのでURLを覚えるか「de:code microsoft」って検索しなくちゃいけないのは豆知識です。そして、ぜったい「decode」で検索しちゃダメってのも豆知識です。

さて、そんなde:codeには参加費の事もあり様々な期待が湧いてきますが、あえて「たった１つ」だけ期待することがあるとすれば、「雑音なく純粋に楽しめえる濃い２日間を演出してほしい」という点になります。

?こう書くと萌えとかに日和るなってことね？とか短絡的に考える参加者や、それ以上にマイクロソフト社内の一定層がいると思いますが、ここで言いたいのはそういったことではありません。それはそれで大切なマイクロソフトからのメッセージですので、ちゃんと方向性とか最新情報をだしてくださいね！

では、純粋に楽しめるって何？雑音って何？とかいうことになると思いますので、もう少し具体的に実例をあげてみたいと思います。

展示会にスポンサー企業が出展しているブースというのは、出店するのに費用がかかるでしょうし（だからこそスポンサーなのでしょう）自社のファンを増やすという意味合いからも熱く濃い場であることが期待できて、今から楽しみです。どうせだったら、googleさんやamazonさんあたりも出展してくれないですかね。

展示会での期待は、本編に注意が向きすぎてしまってマイクロソフトブースが他の展示企業と空気感が違って、展示会の雑音にならないことをです。

?そして会場全体のスタッフの質です。どうしても隅々にまで意識レベルを一定水準以上にするのは大変なのはわかります。でも、過去のマイクロソフトのイベントでは、往々にして、ホテルサイドではない裏方さんにほころびが見えていることが多々ありました。要は「成功させよう」という当事者意識の欠落です。そんな雑音は見たり聞いたりしたくありません。

?これは非常に難しい問題ですが、マイクロソフト社員さん以外のスピーカーさんがいるかどうかというのもあります。マイクロソフト社員よりも技術に長けた方は大勢います。事例として興味深いものも多いでしょう。しかし当然のように「スポンサー枠」的な感じの方を見受けることもあるのです。そういったセッションを選んだ時の残念感、この残念感は「スポンサー枠スピーカーかぁ」という何とも言えない大人の事業が透けて見えて…。

えーっと、表現はやわらかくなっていまいますが、そういったことがないようにして頂きたいと思うわけです。

はい。そしてセッションです。これこそ雑音はいらないです。いらない、いらないほんといらないです。「スポンサー枠スピーカー」を別に語っていることも理解してくださいね。「マイクロソフトテクノロジ」と銘打っているわけです。

?当然、他の誰よりもそのテクノロジに長けて、そして例えば担当営業さんだったらその企業の担当者の誰よりもそこで使われているマイクロソフトテクノロジを熱く語ってほしい訳です。

レベルも400とか500、しかたなく300が雑音じゃないレベルです。入門で400とか500があってもいいですよ。それこそスピーカーにとってもオーディエンスにとってもチャレンジです。

他では聞けない、または、たとえあとからスライドとかみても、その場にいなければ伝わらない、どういうことかといえば、たとえば、西脇さんや澤さんのようなセッションもこの400とか500レベルに相当するということです。

もし、そういったことを突き詰めていった結果、セッション枠が埋まらないなら、その枠はお休みにしちゃえばいいんです。そうすれば展示会でゆっくりお話しができます。もしくはリピートセッションとして１人で参加しても興味範囲すべてを聞けるようにしてほしい訳です。空枠よりも中途半端な枠こそが雑音です。

他のイベントが他の主催で入ってしまうのは仕方ないかもしれませんが、時々展示会で見かける併設イベントとかは、もちろんないですよね？

「併設イベントあります、そちらの人たちは当然、de:codeのセッションにはでれません」とか、そんな低次元の話ではありません。先ほどのセッションではありませんが、場所が埋まらないなら空けとけばいいんですよ。空いた場所には人員はいりませんが併設イベントには人員も必要ですし、そんな人員を同一タイミング同一場所に確保するなら本編に集中しろと思う事が併設イベントのある展示会では思うときがあります。つまりは、そういったことです。

思った以上に長文になってしまいましたが、ディズニーのようにといったらハードルが上がりすぎかもしれませんが、プリンスホテルタワー東京についてから出るまで、ぜひマイクロソフトテクノロジの世界ですべて演出してほしいのです。

参加決定なので、いまから、de:codeが楽しみです。

2013年の活動ふりかえり

初音玲 — Thu, 26 Dec 2013 14:47:00 GMT

2013/12/26「MultiTouch」のズーム機能で、高DPIに最適なWindowsフォームアプリケーションを作成する
2013/12/06新型Kinect for Windows v2 Developer Previewプログラミング入門（2）
2013/12/21プログラミング生放送勉強会第27回@品川
2013/12/16新型Kinect for Windows v2 Developer Previewプログラミング入門（1)
2013/12/12Tokyo Motioncontrol Network Vol.04
2013/12/02 BuildInsider - Xbox One速報
2013/10/31Secure iNetSuite for .NET 4.0Jを最新環境で使ってみる
2013/09/30PlusPak for Windows Forms 7.0Jのタッチ対応機能に学ぶ
2013/09/21NETラボ勉強会 2013年9月
2013/08/31スーパーハッカソン2013 in Summer
2013/07/30「Visual WebGui」の使い勝手を確認しよう
2013/06/08第1回 Build Insider OFFLINE
2013/05/31はじめてのVisual C# 2012
2031/05/30「PlusPak for Windows Forms 7.0J」の魅力に迫る！
2013/05/15「InputMan for Windows Forms 7.0J SP1」でのタッチ対応に迫る
2013/05/11Community Open Day 2013
2013/05/09わんくま勉強会東京
2013/04/16「InputMan」＋「JPAddress」で楽々住所入力
2013/04/13第２回業開中心会議
2013/03/27Windows8〔業務アプリ〕開発読本
2013/03/23.NETラボ勉強会 2013年03月
2013/02/28はじめてのVisual Basic 2012
2013/01/26Hokuriku.NET Vol.11
2013/01/16データ最新化まで含めた総合ソリューション型住所検索コンポーネント「JPAddress for .NET 1.0」

[PerC]Intel Perceptual Computing SDKを使ったWPFアプリサンプル

初音玲 — Wed, 16 Oct 2013 11:55:00 GMT

Intel PerCはインテルさんが提供しているセンサーカメラ用のSDKです。

http://software.intel.com/en-us/vcsource/tools/perceptual-computing-sdk

.NET用のライブラリも付属しているのですが、英大文字と小文字の相違だけの名前がありVB.NETで名前コンフリクトがおこってしまうので、C#でブリッジクラスライブラリを作成してWPFを使ったサンプルコードを作成しました。

サンプルコードはコードレシピにてVB.NET版とC#版を公開しています。なお、残念なことにWindows Runtime (つまりWindowsストアアプリ)から使えるライブラリはSDKに付属していないため、本当に作りたかったWindowsストアアプリ版サンプルはまだ実現できていません。

http://code.msdn.microsoft.com/Intel-PerC-Simple-Sample-23149d24

本サンプルは、台風ボッチソンに参加して作成いたしました。

[Windows8]デジハリ x Microsoft x 日本HP「Windows 8 アプリアワード」で優秀賞受賞

初音玲 — Tue, 08 Oct 2013 20:00:00 GMT

みつばたん、つもりん、たまちゃんと一緒につくったcoloirsが優秀賞になりましたー。
http://online.dhw.co.jp/feature/win8/

最優秀賞だと日本HPから出荷されるWindows8 PCにプレインストールしてもらえるという「Windows 8 アプリアワード」に応募して、優秀賞５名のうちの１枠を頂きました。

colorisは色味の選択とかに悩んだ時に使う開発補助アプリです。選んだカラーでリソースファイルを出力できます。

このアプリを作るきっかけはマイクロソフトで開催されたDesign campです。ここでデザインのラフスケッチの代わりにViewModelを作成して、デザイナー(ばたんxたまちゃん)に渡してViewを作ってもらい、Model側をつもりんにつくってもらいViewModelにつないで作成するという超スピード開発でほぼ機能を実装。

細かいところは、TeamFoundationService使ってネット上でという、忙しい社会人でもここまでできるよという感じでつくりあげました。

http://apps.microsoft.com/windows/ja-jp/app/coloris/9c4d5830-958b-4b2c-bc06-8682128190fa

よかったら使ってみてください。

[VisualStudio]Visual Studio 2013 RCのBlendにはBehaviorが

初音玲 — Mon, 16 Sep 2013 20:32:00 GMT

XAMLといえば、WPF、Silverlight、Windows Phone、WindowsストアアプリなどのプロジェクトでViewを定義する優れものマークアップ言語ですが、なぜか、WindowsストアアプリのXAMLではBehaviorがありませんでした。

Behaviorがないと何が困るかといえば、

XAML上のオブジェクトをクリックしたタイミングでStoryBoardを呼び出したい
オブジェクトの操作をコードを書かないで実行したい

のようなことができないからです。

「あれ？それって普通できないから、コードビハインド側（xaml.vbとかxaml.csとか）に記述しますよね？」

と思われるかもしれませんが、Behaviorはこの常識を打ち破ってしまう仕組みで、WPF時代にすでに実装（SilverlightはSilverlight3からなので玲ちゃんのときから）されている既存テクノロジーなのです。

知らなければ特に不満はないのですが、知っていてBehaviorを使っていた人にとっては、XAMLなのにBehaviorがないのはWindowsストアアプリのViewを作る上で非常にフラストレーションがたまるものであり、また、View分離前提でチーム開発するうえでの足かせになっていたのです。

それが、Blend for Visual Studio 2013 RCでWindows 8.1ストアアプリのプロジェクトを作成したときにサポートされるようになりました。

ただし、あくまでも現状はWindows 8.1用のWindowsストアアプリプロジェクトが対象のようで、Windows 8 用Windowsストアアプリプロジェクトの場合の[アセット]-[ビヘイビアー]表示は次のようになっており「download additional behaviors」とはなっていますが、クリックしても追加ビヘイビアーはありません。

今回サポートされたBehaviorは次の10個です。

CallMethodAction　:　指定したオブジェクトのメソッドを呼び出す
ChangePropertyAction　:　指定したオブジェクトのプロパティを変更する
ControlStoryboardAction　:　指定したStoryboardの動きを制御する
DataTriggerBehavior　:　Binding値が条件に一致したときにActionを実行するトリガー
EventTriggerBehavior　:　イベントが発生したときにActionを実行するトリガー
GoToStateAction　:　指定したオブジェクトのViewStateに書かれたStoryBoradを起動する
IncrementalUpdateBehavior　:　
InvokeCommandAction　:　指定したオブジェクトのイベントに対してICommandなオブジェクトをBindingする
NavigateToPageAction　:　ページ間の移動を定義する
PlaySoundAction　:　指定したサウンドを再生する

それでは簡単にビヘイビアーの使い方を見てみましょう。

［アセット］－［ビヘイビアー］－［CallMethodAction］をドラッグして画面上のCommandにドロップします。

この操作だけでButtonコントロールにEventTriggerBehaviorが追加され、更にそこで起動されるActionとしてCallMethodActionが追加されます。

CallMethodActionのプロパティでMediaElementのPlayメソッドを割り当てましょう。

    <grid grid.row="1">      
　　　　<grid.rowdefinitions>
　　　　　　　　<rowdefinition height="*">      
　　　　　　　　<rowdefinition height="Auto">      
　　　　</rowdefinition>
　　　　<mediaelement x:name="myME" margin="1,1,0,0" autoplay="False" source="ms-appx:///Video/ThroughTheWindow.mp4">      
　　　　　　　　<mediaelement.projection>     
　　　　　　　　　　　　<planeprojection>     
　　　　　　　　</planeprojection>     
　　　　</mediaelement.projection>
　　　　<stackpanel grid.row="1" orientation="Horizontal">
　　　　　　　　<button x:name="playButton" content="再生" margin="8,8,0,8" width="204" fontsize="24">      
　　　　　　　　　　　　<interactivity:interaction.behaviors>
　　　　　　　　　　　　　　　　<core:eventtriggerbehavior eventname="Click">
　　　　　　　　　　　　　　　　　　　　<core:callmethodaction targetobject="{Binding ElementName=myME}" methodname="Play">
　　　　　　　　　　　　　　　　</core:callmethodaction>
　　　　　　　　　　　　</core:eventtriggerbehavior>      
　　　　　　　　</interactivity:interaction.behaviors></button>
　　　　　　　　<button x:name="pauseButton" content="一時停止" margin="8,8,0,8" width="204" fontsize="24" />
　　　　　　　　<button x:name="stopButton" content="停止" margin="0,8,12,8" width="204" fontsize="24" />  　　　　　　　　
       </stackpanel>
   </mediaelement>
</grid>

ここまでで実行して「再生」ボタンをクリックすると動画が始まります。

ここまででxaml.vbもxaml.csも登場しません。

XAMLの世界だけで完結しています。「再生」ボタンをクリックしたときにＶｉｅｗ側だけで完結するのであれば、ViewModelにICommandを実装してメソッドを実行したり、Bindingしたり、コードビハインドを使ってViewModelのメソッドを実行する必要はありません。

[VisualStudio]Blend for Visual Studio 2013 RCでWindowsストアアプリ作成が便利に

初音玲 — Sat, 14 Sep 2013 22:55:00 GMT

Blendには元々「クラスからのサンプルデータの作成」という機能があり、WPFアプリやWindows Phoneアプリの作成時のテストデータ作成を行うときに非常に重宝していました。

しかし、Blend for Visual Studio 2012では、WPFやWindows Phoneアプリにはある「データ」ウィンドウがWindowsストアアプリプロジェクトを扱うときだけなく、よって「クラスからのサンプルデータの作成」もWindowsストアアプリプロジェクトのときだけできずにいました。

Blend for Visual Studio 2013 RCでは、Windowsストアアプリプロジェクトでも「データ」ウィンドウが使えて、さらに、Windows 8.1ターゲットだけではなく既存のWindows 8ターゲットのプロジェクトでも有効になっていました。

これでやっとWindows Phone並みの状況に追いついてきた感じですね。

この機能をBlend for Visual Studio 2012へのUpdateとして提供してくれないですかねー(ってあと数か月で2013になってしまうから待てばいいのかな)。

[Windows8]スーパーハッカソン 2013 in summerで2位になりました

初音玲 — Mon, 02 Sep 2013 12:27:00 GMT

つもりんとみつばたんの３人で参加したスーパーハッカソン 2013 in summerで2位になりました

スーパーハッカソン 2013 in summerって？

スーパーハッカソン 2013 in summerは、8/24(土)にアイデアソンが実施されて、そこで出したアイデアをつかって8/31(土)に「動作する」プロトタイプで発表するというものです。

http://super-hackathon.net/2013su/about/

どんな感じで参加したの？

同じ会社に勤めているわけでもなく、また、すんでいるののも東京周辺と関西と分かれていたりするので、実質集まれたのは8/24～8/25、アイデアソン後から開発し始めたのを考えると集まって開発できたのは24(土)当日に4時間、25(日)も4時間くらいでした。

ほぼ、この8時間で画面遷移や画面構成など、別々に分かれても開発できるように意識が統一できるためのネタを抽出、大まかな役割分担を決めるところまでできたのですが、どう考えても発表日までに残された時間は、月曜日から金曜日までの終業～就寝までの4時間程度しかありません。

大まかな役割分担としてはカメラや録画周りをつもりん、画面XAML系などView周りをみつばたん、バックエンド部分やModel周りとViewModelを初音が担当しました。

苦労した点は？

大体、4+4+4x5=28時間x3人=3.5人日ｘ3人いったリソースになります。この想定で大体木曜日の朝に完成して、試してくれる方に送って金曜日にフィードバックを反映して完成度を高めるところまで持っていくというのがベストのシナリオになります。

とにかく時間がない、１週間の開発期間でといいつつ実質は土日２日間のハッカソンとあまり変わらないわけです。

ちょっとだけ開発リソースとかデザイナーさんが必要かなとアイデアソンのときに思ったのですが、あとからの追加要員の追加はルール的にありません（プランナーさん２人用の救済処置として追加要員、チーム不足のためのチーム追加はありましたんが）でしたし、集まる時間が取れないという制約からすると人を加えるというのも現実問題として難しく、今回の結果をふりかえってみても３人でやったことが結果に繋がったと思います。

ハッカソンって誰のもの?

ハッカソンというとスタートアップな感じでまさに自分の業務な人や会社が全面的に応援してくれる人のものであり関係ないからという業務SEさんとかPGさんとかもいらっしゃるかも知れませんし、休日や帰宅してからまでシステムとかつくりたくないしって人もいるかも知れません。

そんなことないと思う

でも、業務のしがらみなしにつくれるってやっぱり楽しいですよ。しかもそれが短期間で評価されるんですから。

それと同時に会社員で昼間は時間とれず、下手をするとこの業界特有の残業などから「０時からが私のターン」的な３人であっても上を狙えるってことで、もっともっと会社勤めの普通の技術者さんとかデザイナーさんとかも参加したらいいじゃないかなーとか思ったりしました。

どんなアプリだったの？

エレベータピッチとしては次のようなものを想定しました。

『おはようたいむしふと（Hello_SHIFT）』は、

『生活時間が合わず、いってらっしゃい/おやすみなさいが言えない親子』に対して、

『あいさつタイムシフト機能』を提供します。

このアプリは『会話をはじめとした親子のコミュニケーション不足』という問題に対し、

『Skype』などと異なり、

『各々の生活リズムで無理することなく、自然にあいさつができるためのタイムシフト』という価値を提供できます。

http://www.slideshare.net/akirahatsune/sh2013-summer01

20秒の気持ちをつなぐ「おはようたいむしふと」 from Akira Hatsune

フロント側はWindowsストアアプリ、Microsoftアカウントによるシングルサインオンを実現しており、Windows Azure Mobile Serviceからはログインしたアカウントのデータしか取得できないように設定してあるのでセキュリティ的にもばっちりです。

プロトタイプではSkyDriveつかっていたので、これまたデータセキュリティは万全で、しかもSkydriveの動画ビューアー機能によりマルチデバイス対応もばっちりってところまでは作りこんでありました。

なぜ良い結果に繋がったのか

普段一緒に仕事してないからこそ短時間で意思の疎通をする重要さがわかっている
お互いに相手をリスペクトしている
フィードバックに対してベストなアンサーが返ってくると信頼している

簡単に書けばこんな感じです。