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

1. 実装だって楽したい！
~リアルタイム通信はじめの一歩~
@tokutoku393

2. ちゃんとく@tokutoku393
徳山 由佳(とくやま ゆか)
PHPer2年生(Slim、FuelPHP、Laravel)
Hello, worldした→swift、rails、node.js
dots女子部 若女将
３度の飯より麺が好き

3. リアルタイム通信してますか？
• 同時編集機能いいよね
• slackみたいなチャットアプリ作りたい！
• スマホのアクションでブラウザにイベントを
• IoTで端末の情報飛ばしたい

4. ＋
リアルタイム通信実装の一例
ちょっと無理
いろいろインストールする
サーバの準備とかする
（JavaScriptで）

5. • 画面は作れる
・
できること
・・
• JQueryもまあまあ
• かじった程度のJavaScript

6. そうだ、Milkcocoaが
あるじゃん！

7. What is ?
データの保存・更新・取得 安定したリアルタイム通信 多様なデバイス対応
つまり
フロントエンドだけで（大体）できる！
エンドユーザ・プログラミングを目指したサービス

8. 実装方法の比較
~Node.js+Socket.io~
■node.js、socket.ioのインストール
（省略）
■httpサーバーを用意、いろいろする
■socket.ioに繋いでデータを送信
⋮
■データを受け取る
環境構築がまず大変、
ハマるポイントも多い（はず）

9. 実装方法の比較
~Milkcocoa~
■milkcocoaを呼び出し
■アプリIDで識別
■milkcocoaにデータを投げる
■データを受け取る 簡単だね！

10. ちなみに…
5/24
Milkcocoa Girls!
登壇者女性限定
初心者向け
Not エンジニアも登壇

11. Special thanks !
Milkcocoa公式チュートリアル
Node.jsとSocket.IOによるPCとスマホブラウザ
のペアリングデモ
（https://ics.media/entry/4320）
おにくうさぎ（@onikuusagi）
ご褒美のおにく

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