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.

人見知りでもイベントを楽しめる!!〜リアルとネットをつなぐ〜 #mlkcca

2,276 views

Published on

2016/02/12@21cafe
登壇者女子限定 Milkcocoa Girls ! Milkcocoa Meetup vol 6

Published in: Technology
  • Be the first to comment

人見知りでもイベントを楽しめる!!〜リアルとネットをつなぐ〜 #mlkcca

  1. 1. 人見知りでもイベントを楽しめる!! ∼リアルとネットをつなぐ∼ しょこ (@sd_ts1017)
  2. 2. Who am I? しょこ(松村翔子) • Twitter: @sd_ts1017 • Javaプログラマ「ハイパーバックエンドエンジニア」 • Geek Women Japanコアキャスト • dots.女子部 若女将 • テナーサックス吹き
  3. 3. 人見知りでもイベントを楽しめる!! ∼milkcocoaが助けます!∼
  4. 4. 困ってませんか? 「初めて会った人と何話せばいいの?」 「初対面の人と話すのは苦手だから懇親会はちょっと」 「Twitterでよく喋る人が同じ会場にいるらしいが顔が 分からなくてどこにいるか分からない」 個人的に一番下がめっちゃある
  5. 5. そんな皆様に向けて 作りました 何より自分が欲しかった
  6. 6. リアルとネットをつなぐサービス 1. 自分のいる場所をクリックしてTwitter IDを入力す るだけで今いる場所にアイコンが表示される 2. イベントのハッシュタグ付きツイートが見れる 名前つけると愛着わくよね?ね?
  7. 7. とりあえず触ってみよう! http://bit.ly/20XHRBk
  8. 8. があれば • 顔とTwitterアカウントが一致する! • 初対面でもツイートを見れば興味が分かる • 今日のハッシュタグで呟いていた内容を話せばいい • 参加者と仲良くなれるね!! 顔を覚えるのが苦手な私歓喜!
  9. 9. 今までよりもっともっと 勉強会を有意義に楽しめる気がするわ!
  10. 10. 参考:公式サンプル「fusen」
  11. 11. 使った技術 • milkcocoa (アカウントと位置情報の記憶) • AWS S3 (gulp-awspublishを使ってデプロイ) • Twitter Developersのツール(TL埋め込み) • Profile Image API For Twitter (アイコン取得) • HTML5/CSS3/jQuery (その他) milkcocoaとjQueryは今回初めて使った! AWSは環境借りただけ
  12. 12. 開発してみて • 本当にすぐできた(半日強でほとんど実装できた) • サンプルが充実しているのが本当にありがたい • データストアがとてもお手軽 • データ格納とか更新で特に意識することがなかった オンラインでサービス作るの初めてだった
  13. 13. 心残り • サンプル「fusen」使い回しから脱せれなかった • milkcocoaのデータストア以外も使いたかった • 現状、21cafe開催のmilkcocoaでしか使えない • レイアウト、ハッシュタグを変えるには要fork • ユーザ追加に全く制約をかけれていない • 同時に複数のイベントで使えない いろんなイベントで使えるといいな!
  14. 14. 詳しくはwebで! https://github.com/sd-ts1017/ImHeeeere プルリク&Issueお待ちしております!
  15. 15. Happy Valentine!!

×