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
240
The Elements of Statistical Learning 読書会 3.4章
domitry
0
330
PCで絵をかこう!
domitry
0
590
JavaScript&可視化講習会#1
domitry
1
700
精神は物理的に記述できるか
domitry
0
180
RubyとFortranの話
domitry
0
390
Nyaplot - a data visualization tool for Ruby
domitry
3
750
Nyaplotの紹介@U-22プロコン
domitry
1
200
D3.js入門
domitry
0
4.3k
Other Decks in Technology
See All in Technology
AWS Security Hub CSPMの成功・失敗体験
cmusudakeisuke
0
260
[AWS Summit Japan 2026]迷っているあなたへ_小さな一歩が、やがて自分を助けてくれる
sh_fk2
1
170
iAEONの段階的リアーキテクト戦略 / iAEON's_Gradual_Re-architecture_Strategy
aeonpeople
0
230
FPC(フレキシブル)基板にZephyr実装してみた。
iotengineer22
0
120
GitHub Copilot app最速の発信の裏側
tomokusaba
1
190
白金鉱業Meetup_Vol.24_「AIエージェントは分けるほど良い」は本当か? / Is it true that “the more you divide AI agents, the better”?
brainpadpr
1
410
IaC コードを資産へ:AWS CDK 社内ライブラリと横断展開 / aws-summit-japan-2026
gotok365
5
1.1k
AIはどのように 組織のアジリティを変えるのか?
junki
4
1k
データレイクの「見えない問題」を可視化する
sansantech
PRO
1
100
2026TECHFRESH畢業分享會 - 原生還是跨平台? App 開發踩坑實錄
line_developers_tw
PRO
0
1.3k
フィジカル版Github Onshapeの紹介
shiba_8ro
0
290
2026TECHFRESH畢業分享會 - Lightning Talk - 打造精準高效的 MCP 設計模式與測試實務
line_developers_tw
PRO
0
1.3k
Featured
See All Featured
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.2k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Documentation Writing (for coders)
carmenintech
77
5.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
From π to Pie charts
rasagy
0
210
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
Code Review Best Practice
trishagee
74
20k
30 Presentation Tips
portentint
PRO
1
330
Site-Speed That Sticks
csswizardry
13
1.2k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
360
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しかサポート されず
技術的なハードル 質疑応答