Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Swift×Azure
〜宗教の違いのその先〜

1,287 views

Published on

AzureのWebsitesを使ったnode.jsによるWebSocketの実装入門とそれとiOSアプリの連携方法。
作ったものはしりとりアプリ。

Published in: Technology
  • Be the first to comment

Swift×Azure
〜宗教の違いのその先〜

  1. 1. Swift×Azure
 ∼宗教の違いのその先∼ 仙台Swift勉強会 田中賢治
  2. 2. class 田中賢治: 田中家 { var 身分 = 文系大学生.3年 ¦ デザイニウムインターン var 言語 = [Swift, Objective-C] var 仕事 = [株式会社GClue : “逆引きSwift"] var 太極拳 = 呉式太極拳 } enum 最近の出来事: String { case アニメ = "ごちうさ二期決定!" case 勉強会 = "仙台Swift勉強会" } 自己紹介
  3. 3. 明らかにヤバい
  4. 4. なぜこうなったのかというと…
  5. 5. Myo Chaos
  6. 6. 進 逆戻り
  7. 7. ・iOSしかできない ・むしろiOSだけでいい。Appleは神
 ・ジョブズ亡き今もその魂は受け継がれる 前提
  8. 8. でもバックエンドが無いと…
  9. 9. Mobile Servicesの迅速な対応
  10. 10. そ、そっちがその気なら使って
 あげなくも無いんだから…!///
  11. 11. Appleにサーバーは無い
  12. 12. MS様の豊富な公式リファレンス! 大丈夫!
  13. 13. リアルタイムマルチプレイ
 次世代型サイバー
 言霊アクションゲーム
 
 SHIRITORI
 今回作るもの
  14. 14. ※これは個人の感想で感じ方には個人差があります 超エキサイティンッッ!!
  15. 15. やること ・Azureでバックエンド(フロントエンド) ・Node.jsでWebSocketを使って
 リアルタイム通信 ・これらとiOSアプリの連携
  16. 16. バックエンドの実装 1.Socket.IOの実装 2.Azure Websitesにサイトを作る 3.gitリポジトリをサイトに上げる 4.動く!!!
  17. 17. 1.Socket.IOの実装 AzureはNode.jsがそのまま動くよ! npm install
 npm install socket.io@1.0.6 -save Socket.IOをダウンロード
  18. 18. 1.Socket.IOの実装 /chat/index.js/
 ↓ /chat/app.js/
  19. 19. 中身作る
  20. 20. 2.Azure Websitesにサイトを作る WebSite作る
 azure site create mysitename -git
 リモートリポジトリの追加
 git remote add azure SiteURL
  21. 21. 3.gitリポジトリをサイトに上げる 目標をコミットしてpush…
 目標をコミットしてpush… git add .
 git commit -m “commit message” git push azure master
  22. 22. 4.動く!!!
  23. 23. iOSの実装 1.UI作る 2.Socket連携する 3.動く!!!
  24. 24. 1.UI作る podをインストールする JSQMessagesViewController
  25. 25. 2.Socket連携する SIOSocket podをインストールする
  26. 26. 3.動く!!!
  27. 27. 実際にデモしてみよう!
  28. 28. ルール 1.スタートは「り」から
  29. 29. ルール 2.どれだけ多く得点できるか!
  30. 30. ルール 3.入力は全てひらがなでお願いします
 (※仕様です)
  31. 31. ルール 4.小文字や「ー」「ん」などは各自対応
 
  例)・るびー  → ーいぎりす
    ・まっちょ → よーぐると    ・ふぁん  → んじゃめな
 (※仕様です)
  32. 32. 良かった点 ・リファレンス豊富でやりやすかった
 
 ・安い…安い…実際安い。 ・Log出力がラク
  azure site log tail SiteName ・リアルタイム通信ゲーム作れる!!
  33. 33. 悪かった点 js殺すべし、慈悲は無い
  34. 34. これまでの時代
  35. 35. これからの時代
  36. 36. Have a nice Development!
  37. 37. 参考 Azure Website での Socket.IO を使用する Node.js チャット アプリケーションの構築
 http://azure.microsoft.com/ja-jp/documentation/articles/web-sites-nodejs-chat- app-socketio/
 
 Swiftでソケット通信するチャットアプリ
 http://qiita.com/ytakzk/items/c0a3af0f1b9e5a349d05
 
 
 JSQMessagesViewController
 https://github.com/jessesquires/JSQMessagesViewController

×