狠狠撸

ニコニコ超开発
1. ニコニコのコメントサーバー
2. ニコニコ動画 for Windows 8

戀塚昭彦 @koizuka
ニコニコ事業本部
第三企画開発部研究開発セクション

2012-4-29プロ生勉強会@超会議 #pronama


?自?己紹介
??戀塚昭彦 (こいづかあきひこ)
??ニコニコ動画開発総指揮
??コメントサーバー
??@koizuka
??http://www.nicovideo.jp/user/2
??在宅勤務
??Bio_100%


Agenda
??Part 1 (2割)
??ニコニコ動画のコメントサーバー
??Part 2 (8割)
??ニコニコ動画 for Windows 8

Part 1

ニコニコ動画のコメントサーバー


コメントサーバーとは
??ニコニコのコメントを司るサーバー
??動画、(元)広場、?生放送、実況、アプリ、
ニコ?生アラート、静画(電?子書籍)、
ニコルソン、
??内製(C++で記述, 32bit/64bit)
??HTTP, XMLSocket, (WebSocket)


使われ?方

動画アラート生放送

同期

非同期


コメントサーバーの機能
??メッセージデータの伝達と蓄積／再現
??経路:「スレッド」
??ログ機能つきのIRCみたいな?
??掲?示板+チャット


メッセージの属性
??コメント本?文、投稿?日時
??「コマンド」、vpos
??ユーザーID, 会員種別
??その他管理情報...


メッセージの属性: vpos
??コメントを付けた対象を限定する情報
??動画の場合、動画の再?生時間
??电?子书籍の场合、ページなど


コメントの取得(http)
??http://msg.nicovideo.jp/10/api/thread?
version=20061206&thread=1173108780&r
es_from=-10
??version: 20061206 または 20090904
??thread: スレッドID(上記は陰陽師)
??res_from: 取得コメント範囲を指定


?色々試してみてね！
??公式資料はのんびり準備中

??ニコニコ?大百科「ニコニコ動画API」等

Part 2

を
2週間で開発してみた

ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)

Windows 8編
??2012年4?月2?日(?月)
coji「Windows8向けのニコニコ動画を」

coji「今週中に作って欲しい」
coji「そしたらWindows Developer Daysの
キーノート※で紹介してくれそう」
※4?月25?日
??えっ


4/5 技術調査(1)
??環境準備
??Windows 8 Consumer Preview
??Visual Studio 11 Express Beta
??msdnのサイトからサンプルをダウンロード
??動作実験と開発?手法を検討


4/5 技術調査(2)
??技術要素を決める
???言語: C++/CX
??動画: MediaEngine
??コメント描画: DirectX
??UI記述: XAML
??実験


4/6(?金金) キックオフ
??デザイナー @VoQn
??4/20(?金金)に動いてること。25(?水)が本番

??キックオフ3時間後，MS から
「4/10(?火)までに
アプリのスクリーンショット送って」


ロードマップ
April 2012
6 7

デザインラフデザイン修正
8 9 10 11 12 13 14

実装組み込み
15 16 17 18 19 20 21

検証?仕上げ
22 23 24 25 26 27 28


要求機能
??動画が再?生できる
??コメントが流れる
??再?生/?一時停?止/シークバー/先頭から再?生

??コメントが投稿できる

※ただし通信せずローカル動作


4/10 ラフデザイン
??デザイナー(VoQn)

??Windows8 の既存アプリを参考に
??GUI洗い出し
??デモに含まれない部分も含めて検討
??4/10に提出、レビュー


4/14 本番デザイン
??デザイナー(VoQn)

??レビューの指摘を反映
??数種類デザイン案を検討
??実際に動く形にしてゆく
??パーツ素材を全状態で?用意
??4/12(?木) Microsoftの担当者と打ち合わせ


アプリのイメージ(1)


GUI パーツデザイン


4/14 技術調査
??プログラマー(koizuka)
?? 4/6 コメントをビットマップにキャッシュして動画の上を流してみた
?? 4/8 XAMLデザイン実験
?? 4/10 開発検証用アプリパッケージの作り方
?? 4/11 MediaEngineを操作できるようになった,
XAML <-> DirectX を行き来できるようにした, コメント複数
?? 4/12 動画選択を実装, タブレット実機で落ちるのに悩む, リモートデバ
ッグを開始, ビットマップを作ると MediaEngine->
TransferVideoFrame すると駄目だと分かる,
Win8のジェスチャを覚えるｗ
?? 4/14 Direct2D, Direct3D, DXGI, DirectDrawのインターフェイス関係
見直し
?? 4/16 XAML Data Bindを活用, JSONファイル読み込み


4/20 実装組み込み
??デザイナー(VoQn) + プログラマー(koizuka)

??4/17 デザイン統合開始, 再?生画?面から
??4/18 起動画?面組み込み
??4/19 別スレッドにイベントを送る?方法がやっ
と分かった/アプリアイコン統合
??4/20 シークバー実装


実機で試してみると??
??使いにくい！
??画?面の下端操作でツールが出てくる
??画?面真ん中タップでコメント欄が出てくる
??すごい煩雑
??キーボード出すと動画領域が狭い！

→デザインを考え直すことになった


4/21 再デザイン
??新デザイン
??操作部を?一つに統合
??細部改善(シーク操作, コメントしたとき, ...)

??リハーサル?用に提出！


プレーヤー新デザイン


デモ動画は＠まさたかP

【MV】Through the Window/まさたかP ELECTROCUTICA【Microsoft MMD】


4/25 仕上げ
??リハーサルでOKが出た!
??届いた最終版の動画、サムネイルを統合
??提出
??4/25(?水)
??Microsoft Windows Developer Days 2?日?目
??デモ実施


アプリデモ

やれる範囲でデモしてみます


おわり

引き続き NicoNicoMetro (仮)
鋭意開発中
続報お楽しみに!!

ご清聴ありがとうございました

狠狠撸

ニコニコ超开発

Recommended

More Related Content

What's hot (20)

Viewers also liked (16)

Similar to ニコニコ超开発 (20)

Recently uploaded (11)

ニコニコ超开発

Editor's Notes