Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Twitterクライアント「砂時計」
Search
domitry
September 13, 2013
Technology
0
350
Twitterクライアント「砂時計」
サイボウズ・ラボユース Hackathon(2013夏) #cybozuhackathon の3日間でTwitterクライアントを作って発表しました。
domitry
September 13, 2013
Tweet
Share
More Decks by domitry
See All by domitry
Topics about SciRuby @dcmodel/davis tutorial, Kobe
domitry
0
180
The Elements of Statistical Learning 読書会 3.4章
domitry
0
260
PCで絵をかこう!
domitry
0
540
JavaScript&可視化講習会#1
domitry
1
630
精神は物理的に記述できるか
domitry
0
120
RubyとFortranの話
domitry
0
330
Nyaplot - a data visualization tool for Ruby
domitry
3
670
Nyaplotの紹介@U-22プロコン
domitry
1
150
D3.js入門
domitry
0
4k
Other Decks in Technology
See All in Technology
Lexical Analysis
shigashiyama
1
150
SRE×AIOpsを始めよう!GuardDutyによるお手軽脅威検出
amixedcolor
0
130
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
データプロダクトの定義からはじめる、データコントラクト駆動なデータ基盤
chanyou0311
2
330
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
760
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
3.2k
Flutterによる 効率的なAndroid・iOS・Webアプリケーション開発の事例
recruitengineers
PRO
0
110
VideoMamba: State Space Model for Efficient Video Understanding
chou500
0
190
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
290
オープンソースAIとは何か? --「オープンソースAIの定義 v1.0」詳細解説
shujisado
9
1k
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
180
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
37
12k
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
What's new in Ruby 2.0
geeforr
343
31k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
The Pragmatic Product Professional
lauravandoore
31
6.3k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Practical Orchestrator
shlominoach
186
10k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
GitHub's CSS Performance
jonrohan
1030
460k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Transcript
Twitterクライアント「砂時計」 どみとり
自己紹介 Twitter:@domitry 生物系(?) 自作OSやってます!
この機能、ご存知ですか? この機能、ご存知ですか?
Twitterの新UI 会話がスレッド状に表示される
Twitterの新UI 会話がスレッド状に表示される ネタにはなったが…大変不評!
何がダメなのか? TwitterのUIの基本は「Timeline」 時間とともに上から下に’つぶやき’が流れていく →「青い棒」は時間に逆らっている!
他のUI SNSの多くは時系列のスレッド形式
「砂時計」では 3Dゲーム制作用エンジンUnityを導入 三次元平面上にタイムラインを表示 新しく増えた軸に「つながり」の役割を導入 Y:時間軸 X:リスト Z:「つながり」軸
デモ
砂時計の何がすごい? ①新規なUIの導入 新たな軸を導入することで、「つな がり」を効果的に可視化
砂時計の何がすごい? ②既存UIの洗練 物理演算を利用し、時間の「流れ」 を可視化
砂時計の何がすごい? ③汎用性 プロセス間通信 データ受信
「砂時計」で使われている技術
技術的なハードル Unityは3D”ゲーム”用のツール! …ゲームに使わない部分のサポートは手薄 …GUIやスレッド間通信、プロセス間通信関連等 …自分で実装・.Net向けライブラリを手動で修正して利用
技術的なハードル プロセス間通信 ・.Net向けTwitterAPIライブラリ「Twitterizer」 はMonoの都合により使えず →プロセスを分けることに ・プロセス間通信も.Net2.0時代のAPIしかサポート されず
技術的なハードル 質疑応答