Windows8 x NFC - Windows8 Developers カンファレンス Vol2.0 -

3,556 views
3,414 views

Published on

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,556
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Windows8 x NFC - Windows8 Developers カンファレンス Vol2.0 -

  1. 1. Windows8×NFC 博報堂ゕ゗・スタジオコミュニケーションデザ゗ンユニット 一階武史
  2. 2. 目次1.自己紹介&宣伝2.NFCとは3.NFCの利用例4.NFC対応端末5.NFC Tag6.Windows8でNFC Tagを読み書き 2
  3. 3. 自己紹介 & 宣伝
  4. 4. 自己紹介名前:一階 武史(@shiffon_1f)所属:博報堂ゕ゗・スタジオ コミュニケーションデザ゗ンユニット経歴:2000年4月 官公庁向けシステム開発会社入社2011年3月 博報堂ゕ゗・スタジオ入社官公庁などの基幹システムの設計・開発に飽き、iPhone/Androidといったスマートデバ゗スを利用したソリューションの開発者を募集していた博報堂ゕ゗・スタジオに転職。 4
  5. 5. 会社紹介博報堂ゕ゗・スタジオは゗ンタラクテゖブコンテンツの制作会社です。Webサ゗トやスマホゕプリ、KinectやNode.jsを用いたコンテンツや自社サービスを作成しています。詳しくは公開中のゕプリ「ひとことノート」で!~各マーケット(iPhone/Android/WindowsPhone)から”ひとことノート“or”博報堂ゕ゗・スタジオ”で検索~ 5
  6. 6. 仕事内容役割:テクニカルデゖレクター ~という名の何でも屋です。受託案件のコンサルテゖングや開発をしたり、自社サービスを開発したり、会社の経費で趣味の作品を作ったりしています。 6
  7. 7. ちょいキス(iPhoneApp) 7
  8. 8. SocialCatalog(ソーシャル連携サービス) 8
  9. 9. Pass-U(Apple社Passbook向けサービス) 9
  10. 10. ハロウゖンカメラ(WindowsPhone) 「Windows Phone ○○の秋コンテスト」で 「ハロウゖン賞」を受賞しました。 10 弊社のゕプリで一番出来がいい後輩の作品を 紹介用に借りてます。
  11. 11. Kinectデジタルサ゗ネージ 11
  12. 12. KAMIWAZA(Node.js×WindowsAzure) 12
  13. 13. IMAGINA CHIP(NFC) 「MashupAward8」で「可能性∞賞」を受賞しました。 13
  14. 14. NFCとは
  15. 15. NFCって何?NFCはNear Field Commnuicationの略称です。十数cm程度の至近距離でデータ通信を行う、近距離無線通信の国際標準規格です。日本人的には「Felicaの親戚」と認識すると何となくわかりやすいかもしれません。 15
  16. 16. NFCの特徴(1/3)1.カードエミュレーション機能NFCをFelicaのようにICカードやタグとして扱う機能です。Shopの会員カードや社員証、電子チケットなどへの応用例が考えられます。※Felicaと違って暗号化処理の規定が存在しないため、セキュリテゖに配慮して利用する必要があります。 16
  17. 17. NFCの特徴(2/3)2.リーダ/ラ゗ターエミュレーション機能NFCに書き込まれたURLやテキスト情報を読み込んだり、NFCにURLやテキスト情報を書き込んだりする機能です。゗ベントや広告で使われているのは基本この機能になります。URLが書き込まれたNFCを読み込むと、Android/Windows8共に自動的にブラウザが起動する用に設定されていますので、Webに誘導するだけならQRコードや専用ゕプリを作成する必要がありません。 17
  18. 18. NFCの特徴(3/3)3.機器間通信(P2P)機能NFCを利用して、NFC搭載機器間でデータ交換を行う機能です。ソニーのAndroidとヘッドホンの簡単接続、バッフゔローのかざすだけでマウスとPCを接続する仕組みやAndroidビームで利用されています。 18
  19. 19. NFCの利用例
  20. 20. NFCの利用例 20
  21. 21. NFCの利用例 21
  22. 22. NFCの利用例 22
  23. 23. NFCの利用例 23
  24. 24. NFCの利用例 24
  25. 25. NFC対応端末
  26. 26. NFC対応端末現在NFCに対応しているデバ゗スは以下です。・Android 真っ先にNFCを搭載し、去年の秋冬モデル位からほぼ全ての端末が対応端末に。現時点で23機種くらいです。・Windows Phone 8 ほぼ全ての端末で利用可能・Windows8 基本タブレット端末のみ対応していて、ノートPCではほぼ非対応 26
  27. 27. NFC Tag
  28. 28. NFC TagNFCのデータを書き込むものをNFC Tagといいます。丸形から名刺型、キーホルダーや缶バッジに埋め込んだ物まで、いろいろな形状のがあります。だいたい1枚60円くらいで販売されています。 28
  29. 29. NFCのデータフォーマットNFC Tag内のデータの読み書きはNDEF(NFC Data ExchangeFormat)というデータフォーマットを利用して行います。NDEFを利用して読み書きするデータはだいたい以下です。・Mail・Text・URI・SMSいずれの場合でも1つのNFC Tagには137byte前後しか書くことが出来ないので、使い方には工夫が必要です。 29
  30. 30. NFC Tag入手方法東京なら八重洲にある「RFID/NFC Real Touch Shop」がおすすめです。RFID/NFC Real Touch Shop※営業が基本的には木・金の2日だけなので、店に行く前に必ず確認を。※通販もあります。 30
  31. 31. Windows8でNFC Tagを読み書き
  32. 32. NFC Tagを読み書きNFC Tagの読み書きはNFC対応端末上でプログラムを使って行います。AndroidもWindowsPhone8もストゕにゕプリがたくさん出ているので、Windows8もあるだろうとストゕを検索してみたのですが・・・ありません。(検索の仕方が間違ってたらすいません)Androidで書き込んでWindows8で読み取ってもいいのですが、格好わるいので、困ったものです。 32
  33. 33. NFC Tagを読み書きまあ、なければ作るだけなんですけどね。 33
  34. 34. NFC Tagを読み書き というわけで、 NFC Tagを読み書きするストゕゕプリを 作成しました! 34
  35. 35. NFC TagWriter 今回の発表用に突貫で作ったので、 見た目が残念なのは見逃してください。 35 ゕップデートで直しますm(_ _)m
  36. 36. NFC TagWriter URL [WindowsStore] http://apps.microsoft.com/windows/app/nfc-tagwriter/51aa45ea- 01c9-4b81-a076-2f8a9c6c481e 36
  37. 37. 読み書きの仕方(1/8)プロジェクトを作成します。 37
  38. 38. 読み書きの仕方(2/8)Package.appxmanifestの機能タブで近接にチェックを入れます。 38
  39. 39. 読み書きの仕方(3/8)NuGet Package Managerのバージョンを確認します。VisualStudioを゗ンストールした直後は2.0だと思うので更新で2.2に上げてください。 39
  40. 40. 読み書きの仕方(4/8)NuGetパッケージ管理で“NDEF”で検索して「NDEF Library forProximity APIs」を゗ンストール 40
  41. 41. (補足)MSのNFCサンプルMSが公開しているNFCのサンプルはP2P通信用なので、今回の用途では参考にはなりません。 41
  42. 42. 読み書きの仕方(5/8)NFCが利用できるかどうかの判定は以下のメソッドを利用・ProximityDevice.GetDefault()がnullかどうかで判定ex)private ProximityDevice _proximityDevice;protected override void OnNavigatedTo(NavigationEventArgs e){ _proximityDevice = ProximityDevice.GetDefault(); if (_proximityDevice != null) { DeviceStatus.Text = "This device is supported."; } else { DeviceStatus.Text = "This device is not supported."; }} 42
  43. 43. 読み書きの仕方(6/8)NFC Tagの読み込みは以下のメソッドを利用・ProximityDevice.SubscribeForMessage 第1引数:認識したいデータフォーマット ※データフォーマットはProximityDevice.PublishBinaryMessageの説明参照 第2引数:認識時のHandlerex)protected override void OnNavigatedTo(NavigationEventArgs e){ _proximityDevice = ProximityDevice.GetDefault(); _proximityDevice.SubscribeForMessage("NDEF", MessageReceivedHandler);}private void MessageReceivedHandler(ProximityDevice sender, ProximityMessagemessage){ DetectStatus.Text = "Detect NFC Taginfo.";} 43
  44. 44. 読み書きの仕方(7/8)NFC Tagの書き込みは以下のメソッドを利用・ProximityDevice.PublishBinaryMessage 第1引数:書き込むデータフォーマット 第2引数:書き込むデータ 第3引数:書き込み終了時のHandler 戻り値:データ書き込みの処理IDex)private void PublishRecord(NdefRecord record, bool writeToTag){ var message = new NdefMessage { record }; var msgArray = message.ToByteArray(); _publishingMessageId = _proximityDevice.PublishBinaryMessage( (writeToTag ? "NDEF:WriteTag" : "NDEF"), msgArray.AsBuffer(), MessageWrittenHandler);} 44
  45. 45. 読み書きの仕方(8/8)NFC Tagの書き込みの中断は以下のメソッドを利用・ProximityDevice.StopPublishingMessage 第1引数:書き込み実行時の戻り値ex)private void StopWriteMessage(object sender, RoutedEventArgs e){ if (_proximityDevice != null && _publishingMessageId != 0) { _proximityDevice.StopPublishingMessage(_publishingMessageId); } _publishingMessageId = 0;} 45
  46. 46. (補足)リモートデバッガーWindows8の開発機にNFCが付いていない場合は、NFC付きタブレットをリモートデバッガーで操作するのが一番手っ取り早いです。[手順]1.タブレットに以下を゗ンストールRemote Tools for Visual Studio 2012http://www.microsoft.com/ja-jp/download/details.aspx?id=306742.タブレットでリモートデバッガーを起動3.プロジェクトの実行対象をリモートコンピュータに変更 46
  47. 47. (補足)ストゕ公開時の注意NuGetで落としてきたラ゗ブラリはDebugビルドの物なので、認定キットにはじかれてしまいます。以下からソースを落として自分のプロジェクトに追加する必要があります。NDEF Library for Proximity APIs (NFC)https://ndef.codeplex.com/ソースを落とすとWindowsPhone8向けサンプルが入っていて、Windows8でもほぼそのまま使えますので、参考に。 47
  48. 48. 最後にもう一度宣伝
  49. 49. HACKist博報堂ゕ゗・スタジオではHACKistというグループで、有志が色々な実験作品を公開しています。よろしければ暇つぶしがてらのぞいてみてください。・HACKist http://hackist.jp/・istis { } 博報堂ゕ゗・スタジオ https://www.facebook.com/hakuhodoistudio.istis 49
  50. 50.
  51. 51. 人材募集! 博報堂ゕ゗・スタジオでは何か一発やってみたい!という人材を 絶賛募集中です。 今なら敏腕デザ゗ナーとコラボできる特典付! 51
  52. 52. ご清聴ありがとうございました

×