Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

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

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

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

人見知りでもイベントを楽しめる!!〜リアルとネットをつなぐ〜 #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!!

×