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.

実装だって楽したい!〜リアルタイム通信はじめの一歩〜

1,001 views

Published on

フロントしか書けないけどリアルタイム通信したい話

Published in: Internet
  • Be the first to comment

  • Be the first to like this

実装だって楽したい!〜リアルタイム通信はじめの一歩〜

  1. 1. 実装だって楽したい! ~リアルタイム通信はじめの一歩~ @tokutoku393
  2. 2. ちゃんとく@tokutoku393 徳山 由佳(とくやま ゆか) PHPer2年生(Slim、FuelPHP、Laravel) Hello, worldした→swift、rails、node.js dots女子部 若女将 3度の飯より麺が好き
  3. 3. リアルタイム通信してますか? • 同時編集機能いいよね • slackみたいなチャットアプリ作りたい! • スマホのアクションでブラウザにイベントを • IoTで端末の情報飛ばしたい
  4. 4. + リアルタイム通信実装の一例 ちょっと無理 いろいろインストールする サーバの準備とかする (JavaScriptで)
  5. 5. • 画面は作れる ・ できること ・・ • JQueryもまあまあ • かじった程度のJavaScript
  6. 6. そうだ、Milkcocoaが あるじゃん!
  7. 7. What is ? データの保存・更新・取得 安定したリアルタイム通信 多様なデバイス対応 つまり フロントエンドだけで(大体)できる! エンドユーザ・プログラミングを目指したサービス
  8. 8. 実装方法の比較 ~Node.js+Socket.io~ ■node.js、socket.ioのインストール (省略) ■httpサーバーを用意、いろいろする ■socket.ioに繋いでデータを送信 ⋮ ■データを受け取る 環境構築がまず大変、 ハマるポイントも多い(はず)
  9. 9. 実装方法の比較 ~Milkcocoa~ ■milkcocoaを呼び出し ■アプリIDで識別 ■milkcocoaにデータを投げる ■データを受け取る 簡単だね!
  10. 10. ちなみに… 5/24 Milkcocoa Girls! 登壇者女性限定 初心者向け Not エンジニアも登壇
  11. 11. Special thanks ! Milkcocoa公式チュートリアル Node.jsとSocket.IOによるPCとスマホブラウザ のペアリングデモ (https://ics.media/entry/4320) おにくうさぎ(@onikuusagi) ご褒美のおにく
  12. 12. ご清聴ありがとうございまし た!

×