1. ソーシャルかぶコン2013
アプリ開発部門応募作品
歩み値データ可視化ツール
STOCK STAR
加茂
聡

2. 概要説明
取引を抽象化した後、アニメーション表示によって動きのある
可視化を行うことによって、複雑な操作や知識を不要としつつ
眺めているだけで楽しめるアプリケーションとして成立させた。

3. 作品の目的
今まで株式市場に縁がなかった人達に株式市
場をアピールする
 株式市場は動いているんだということを実感
してもらう

 無味乾燥としたチャート図や株価等ではなく、
株式市場に全く馴染みがない人達にとっても直
感的に把握が可能な見て楽しいアプリケーショ
ンとして、株式市場での取引を可視化する。

4. 応募テーマとの確認

株式市場や上場企業の魅力を投資未経験の方々へ発
信する作品


株式市場が生活の一部に感じられるような生活者目
線の作品


投資未経験な方々にも見て動きを楽しめる作品とした。
馴染みのある企業名が流れていく等して、株式市場の動
きは生活にも関わっているのだということを直感的に理
解できる作品とした。
既存の株式投資アプリケーションの枠に収まらない
ような斬新な切り口の作品

既存のチャート図などではなくダイナミックな動きのあ
る可視化を行い魅せる作品とした。

5. 想定される使用シーン等
Webサイト上で公開し、いつでも誰でも見れ
るようにする
 巨大なスクリーンで展示

画像はソーシャルかぶコン2013のSlideShareから拝借
http://www.slideshare.net/kabucontse/how-tover20-17126418

6. 使用ソフト、開発・制作・動作環境等

使用ソフト

クライアントサイド


サーバサイド




ソーシャルかぶコン2013提供データ(歩値データ)
東証上場銘柄一覧(http://www.tse.or.jp/market/data/listed_companies/)
開発環境・制作環境

ノートPC（クライアント）


Windows8(chrome、Teraterm)
さくらインターネットVPS（サーバ）


perl
node.js
使用データ


Three.js
Linux(vi、sed、awk、perl)
動作環境

html5に対応したブラウザ(IE10、Firefox、chrome、safariで動作確認)



PC(Windows、MacOSX、Linux)
iOS(iPhoneで動作確認)
Android

7. 操作説明1
html5に対応したブラウザで
サーバへアクセス(株価データ
の利用規約に触れる？のか曖昧
なため現在は停止中)

8. 操作説明2
表示中の銘柄コード
(画面内は1300～1399の銘柄
コードの取引を可視化中)

9. 画面説明1
横軸は銘柄コード
縦軸は歩み値（Price）の対数
それぞれに対応した座標へ取引
を表すボールを表示
ボールの色は銘柄コードごとに
異なる
ボールのサイズは取引高
（Trading Volume）に対応して
大きくなる

10. 画面説明2
表示面に衝突したボールは衝突
した跡を残して通り過ぎる
衝突したボールの情報はインフォ
メーションウィンドウに表示
ボールは時間経過に従って奥か
ら手前へ進む