1. Windows8×NFC
博報堂ゕ゗・スタジオ
コミュニケーションデザ゗ンユニット
一階武史

2. 目次
１．自己紹介＆宣伝
２．NFCとは
３．NFCの利用例
４．NFC対応端末
５．NFC Tag
６．Windows8でNFC Tagを読み書き
2

3. 自己紹介
＆
宣伝

4. 自己紹介
名前：一階 武史（@shiffon_1f）
所属：博報堂ゕ゗・スタジオ
コミュニケーションデザ゗ンユニット
経歴：
2000年4月 官公庁向けシステム開発会社入社
2011年3月 博報堂ゕ゗・スタジオ入社
官公庁などの基幹システムの設計・開発に飽き、iPhone／Androidと
いったスマートデバ゗スを利用したソリューションの開発者を募集し
ていた博報堂ゕ゗・スタジオに転職。
4

5. 会社紹介
博報堂ゕ゗・スタジオは゗ンタラクテゖブコンテンツの
制作会社です。
Webサ゗トやスマホゕプリ、KinectやNode.jsを用いたコ
ンテンツや自社サービスを作成しています。
詳しくは公開中のゕプリ「ひとことノート」で！
～各マーケット（iPhone/Android/WindowsPhone）から”ひとこと
ノート“or”博報堂ゕ゗・スタジオ”で検索～
5

6. 仕事内容
役割：テクニカルデゖレクター
～という名の何でも屋です。
受託案件のコンサルテゖングや開発をしたり、自社サー
ビスを開発したり、会社の経費で趣味の作品を作ったり
しています。
6

7. ちょいキス（iPhoneApp）
7

8. SocialCatalog（ソーシャル連携サービス）
8

9. Pass-U（Apple社Passbook向けサービス）
9

10. ハロウゖンカメラ（WindowsPhone）
「Windows Phone ○○の秋コンテスト」で
「ハロウゖン賞」を受賞しました。 10
弊社のゕプリで一番出来がいい後輩の作品を
紹介用に借りてます。

11. Kinectデジタルサ゗ネージ
11

12. KAMIWAZA（Node.js×WindowsAzure）
12

13. IMAGINA CHIP（NFC）
「MashupAward8」で「可能性∞賞」を受賞しました。
13

14. NFCとは

15. NFCって何？
NFCはNear Field Commnuicationの略称です。
十数cm程度の至近距離でデータ通信を行う、近距離無線通信の国際
標準規格です。
日本人的には「Felicaの親戚」と認識すると何となくわかりやすいか
もしれません。
15

16. NFCの特徴（１/３）
１．カードエミュレーション機能
NFCをFelicaのようにICカードやタグとして扱う機能です。
Shopの会員カードや社員証、電子チケットなどへの応用例が考えら
れます。
※Felicaと違って暗号化処理の規定が存在しないため、セキュリテゖ
に配慮して利用する必要があります。
16

17. NFCの特徴（２/３）
２．リーダ/ラ゗ターエミュレーション機能
NFCに書き込まれたURLやテキスト情報を読み込んだり、NFCにURL
やテキスト情報を書き込んだりする機能です。
゗ベントや広告で使われているのは基本この機能になります。
URLが書き込まれたNFCを読み込むと、Android/Windows8共に自
動的にブラウザが起動する用に設定されていますので、Webに誘導
するだけならQRコードや専用ゕプリを作成する必要がありません。
17

18. NFCの特徴（３/３）
３．機器間通信(P2P)機能
NFCを利用して、NFC搭載機器間でデータ交換を行う機能です。
ソニーのAndroidとヘッドホンの簡単接続、バッフゔローのかざすだ
けでマウスとPCを接続する仕組みやAndroidビームで利用されていま
す。
18

19. NFCの利用例

20. NFCの利用例
20

21. NFCの利用例
21

22. NFCの利用例
22

23. NFCの利用例
23

24. NFCの利用例
24

25. NFC対応端末

26. NFC対応端末
現在NFCに対応しているデバ゗スは以下です。
・Android
真っ先にNFCを搭載し、去年の秋冬モデル位からほぼ全ての端末が
対応端末に。現時点で23機種くらいです。
・Windows Phone 8
ほぼ全ての端末で利用可能
・Windows8
基本タブレット端末のみ対応していて、ノートPCではほぼ非対応
26

27. NFC Tag

28. NFC Tag
NFCのデータを書き込むものをNFC Tagといいます。
丸形から名刺型、キーホルダーや缶バッジに埋め込んだ物まで、いろ
いろな形状のがあります。
だいたい1枚60円くらいで販売されています。
28

29. NFCのデータフォーマット
NFC Tag内のデータの読み書きはNDEF(NFC Data Exchange
Format)というデータフォーマットを利用して行います。
NDEFを利用して読み書きするデータはだいたい以下です。
・Mail
・Text
・URI
・SMS
いずれの場合でも1つのNFC Tagには137byte前後しか書くことが出
来ないので、使い方には工夫が必要です。
29

30. NFC Tag入手方法
東京なら八重洲にある「RFID/NFC Real Touch Shop」がおすすめ
です。
RFID/NFC Real Touch Shop
※営業が基本的には木・金の2日だけなので、店に行く前に必ず確認
を。
※通販もあります。
30

31. Windows8で
NFC Tagを読み書き

32. NFC Tagを読み書き
NFC Tagの読み書きはNFC対応端末上でプログラムを使って行います。
AndroidもWindowsPhone8もストゕにゕプリがたくさん出ているの
で、Windows8もあるだろうとストゕを検索してみたのですが・・・
ありません。（検索の仕方が間違ってたらすいません）
Androidで書き込んでWindows8で読み取ってもいいのですが、格好
わるいので、困ったものです。
32

33. NFC Tagを読み書き
まあ、なければ作るだけなんですけどね。
33

34. NFC Tagを読み書き
というわけで、
NFC Tagを読み書きするストゕゕプリを
作成しました！
34

35. NFC TagWriter
今回の発表用に突貫で作ったので、
見た目が残念なのは見逃してください。
35
ゕップデートで直しますm(_ _)m

36. NFC TagWriter URL
[WindowsStore]
http://apps.microsoft.com/windows/app/nfc-tagwriter/51aa45ea-
01c9-4b81-a076-2f8a9c6c481e
36

37. 読み書きの仕方（１/８）
プロジェクトを作成します。
37

38. 読み書きの仕方（２/８）
Package.appxmanifestの機能タブで近接にチェックを入れます。
38

39. 読み書きの仕方（３/８）
NuGet Package Managerのバージョンを確認します。
VisualStudioを゗ンストールした直後は2.0だと思うので更新で2.2
に上げてください。
39

40. 読み書きの仕方（４/８）
NuGetパッケージ管理で“NDEF”で検索して「NDEF Library for
Proximity APIs」を゗ンストール
40

41. （補足）MSのNFCサンプル
MSが公開しているNFCのサンプルはP2P通信用なので、今回の用途
では参考にはなりません。
41

42. 読み書きの仕方（５/８）
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. 読み書きの仕方（６/８）
NFC Tagの読み込みは以下のメソッドを利用
・ProximityDevice.SubscribeForMessage
第1引数：認識したいデータフォーマット
※データフォーマットはProximityDevice.PublishBinaryMessageの説明参照
第2引数：認識時のHandler
ex)
protected override void OnNavigatedTo(NavigationEventArgs e)
{
_proximityDevice = ProximityDevice.GetDefault();
_proximityDevice.SubscribeForMessage("NDEF", MessageReceivedHandler);
}
private void MessageReceivedHandler(ProximityDevice sender, ProximityMessage
message)
{
DetectStatus.Text = "Detect NFC Taginfo.";
}
43

44. 読み書きの仕方（７/８）
NFC Tagの書き込みは以下のメソッドを利用
・ProximityDevice.PublishBinaryMessage
第1引数：書き込むデータフォーマット
第2引数：書き込むデータ
第3引数：書き込み終了時のHandler
戻り値：データ書き込みの処理ID
ex)
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. 読み書きの仕方（８/８）
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. （補足）リモートデバッガー
Windows8の開発機にNFCが付いていない場合は、NFC付きタブレッ
トをリモートデバッガーで操作するのが一番手っ取り早いです。
[手順]
1.タブレットに以下を゗ンストール
Remote Tools for Visual Studio 2012
http://www.microsoft.com/ja-jp/download/details.aspx?id=30674
2.タブレットでリモートデバッガーを起動
3.プロジェクトの実行対象をリモートコンピュータに変更
46

47. （補足）ストゕ公開時の注意
NuGetで落としてきたラ゗ブラリはDebugビルドの物なので、認定
キットにはじかれてしまいます。
以下からソースを落として自分のプロジェクトに追加する必要があり
ます。
NDEF Library for Proximity APIs (NFC)
https://ndef.codeplex.com/
ソースを落とすとWindowsPhone8向けサンプルが入っていて、
Windows8でもほぼそのまま使えますので、参考に。
47

48. 最後に
もう一度宣伝

49. HACKist
博報堂ゕ゗・スタジオではHACKistというグループで、有志が色々な
実験作品を公開しています。
よろしければ暇つぶしがてらのぞいてみてください。
・HACKist
http://hackist.jp/
・istis { } 博報堂ゕ゗・スタジオ
https://www.facebook.com/hakuhodoistudio.istis
49

50. ＆

51. 人材募集！
博報堂ゕ゗・スタジオでは
何か一発やってみたい！という人材を
絶賛募集中です。
今なら敏腕デザ゗ナーとコラボできる特典付！
51

52. ご清聴
ありがとうございました