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
400
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Twitterクライアント「砂時計」
サイボウズ・ラボユース Hackathon(2013夏) #cybozuhackathon の3日間でTwitterクライアントを作って発表しました。
domitry
September 13, 2013
More Decks by domitry
See All by domitry
Topics about SciRuby @dcmodel/davis tutorial, Kobe
domitry
0
250
The Elements of Statistical Learning 読書会 3.4章
domitry
0
330
PCで絵をかこう!
domitry
0
590
JavaScript&可視化講習会#1
domitry
1
710
精神は物理的に記述できるか
domitry
0
180
RubyとFortranの話
domitry
0
390
Nyaplot - a data visualization tool for Ruby
domitry
3
750
Nyaplotの紹介@U-22プロコン
domitry
1
210
D3.js入門
domitry
0
4.4k
Other Decks in Technology
See All in Technology
ハッカソンで入賞した話 @ Findy LT
asari194617
0
1.5k
医療の現場を変革に挑戦した半年間の軌跡 - PythonとAIで現場を変える / From Code to Care
soudai
PRO
1
590
形式手法特論:Hyperproperty とモデル検査 #kernelvm / Kernel VM Study Tokyo 19th
ytaka23
0
760
Flutter × BLE Centralを自前Pluginで実装する設計パターン - MethodChannel / EventChannelで作る双方向ブリッジの実践 / Building Custom Flutter BLE Central Plugins: Bidirectional Bridging with Method & Event Channels
bitkey
PRO
0
250
小粒でもパワフルなJS Runtime Antjsについて
comamoca
0
120
RapidCopy2 Matrix I/Oエンジンによるファイルコピーソフトウェアの設計と実装
kengosawa2
1
380
AIに狂うスタートアップが、あえて「人との協働」に全振りした新卒エンジニア研修 / New Graduate Engineer Training at a Startup Accelerating AI Adoption
ohnoeight
0
200
作って理解するCoding Agent 〜フレームワークに頼らないピュア Python での実装〜
takapy
4
1.2k
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.3k
属人化を叩き割れ!「制作加速」と「安定化」の矛盾を打破する:8年目プロダクトが辿り着いた「ミスが起こり得ない」アセット制作フローの全貌
gree_tech
PRO
0
440
AI・HPC開発を支えるGPU環境の新しい選択肢 液冷GPUシステム「AquSys」の取り組み
gpuunite_official
0
240
VLMで2.3万枚のPyCon JP写真を検索!
terapyon
1
460
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
40k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
The Limits of Empathy - UXLibs8
cassininazir
1
610
Git: the NoSQL Database
bkeepers
PRO
432
67k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
The SEO identity crisis: Don't let AI make you average
varn
0
540
Skip the Path - Find Your Career Trail
mkilby
1
190
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
480
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しかサポート されず
技術的なハードル 質疑応答