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