Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Twitterクライアント「砂時計」
Search
domitry
September 13, 2013
Technology
0
380
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
220
The Elements of Statistical Learning 読書会 3.4章
domitry
0
300
PCで絵をかこう!
domitry
0
570
JavaScript&可視化講習会#1
domitry
1
690
精神は物理的に記述できるか
domitry
0
160
RubyとFortranの話
domitry
0
370
Nyaplot - a data visualization tool for Ruby
domitry
3
730
Nyaplotの紹介@U-22プロコン
domitry
1
180
D3.js入門
domitry
0
4.2k
Other Decks in Technology
See All in Technology
手動から自動へ、そしてその先へ
moritamasami
0
300
.NET 10の概要
tomokusaba
0
100
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
emiki
0
150
eBPFとwaruiBPF
sat
PRO
4
2.6k
非CUDAの悲哀 〜Claude Code と挑んだ image to 3D “Hunyuan3D”を EVO-X2(Ryzen AI Max+395)で動作させるチャレンジ〜
hawkymisc
2
180
MapKitとオープンデータで実現する地図情報の拡張と可視化
zozotech
PRO
1
140
[デモです] NotebookLM で作ったスライドの例
kongmingstrap
0
140
形式手法特論:CEGAR を用いたモデル検査の状態空間削減 #kernelvm / Kernel VM Study Hokuriku Part 8
ytaka23
2
460
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
shift_evolve
PRO
2
380
今年のデータ・ML系アップデートと気になるアプデのご紹介
nayuts
1
330
Lessons from Migrating to OpenSearch: Shard Design, Log Ingestion, and UI Decisions
sansantech
PRO
1
120
20251209_WAKECareer_生成AIを活用した設計・開発プロセス
syobochim
7
1.5k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
730
How to train your dragon (web standard)
notwaldorf
97
6.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Embracing the Ebb and Flow
colly
88
4.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
What's in a price? How to price your products and services
michaelherold
246
13k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Code Review Best Practice
trishagee
74
19k
Fireside Chat
paigeccino
41
3.7k
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しかサポート されず
技術的なハードル 質疑応答