Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ニコニコ超開発

19,989 views

Published on

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

2012/04/29 プロ生勉強会@ニコニコ超会議
発表時のニコ生タイムシフト http://live.nicovideo.jp/watch/lv90334722#12:50

デザイン担当の VoQn のLTの資料はこちら → http://www.slideshare.net/VoQn/metro-12761898

Published in: Technology
  • Be the first to comment

ニコニコ超開発

  1. 1. ニコニコ超開発1. ニコニコのコメントサーバー2. ニコニコ動画 for Windows 8戀塚 昭彦 @koizukaニコニコ事業本部第三企画開発部 研究開発セクション 2012-4-29プロ生勉強会@超会議 #pronama
  2. 2. ニコニコ超開発⾃自⼰己紹介• 戀塚 昭彦 (こいづか あきひこ)• ニコニコ動画開発総指揮 • コメントサーバー• @koizuka• http://www.nicovideo.jp/user/2• 在宅勤務• Bio_100%
  3. 3. ニコニコ超開発Agenda• Part 1 (2割) • ニコニコ動画のコメントサーバー• Part 2 (8割) • ニコニコ動画 for Windows 8
  4. 4. Part 1ニコニコ動画のコメントサーバー
  5. 5. ニコニコ動画のコメントサーバーコメントサーバーとは• ニコニコのコメントを司るサーバー • 動画、(元)広場、⽣生放送、実況、アプリ、 ニコ⽣生アラート、静画(電⼦子書籍)、 ニコルソン、• 内製(C++で記述, 32bit/64bit)• HTTP, XMLSocket, (WebSocket)
  6. 6. ニコニコ動画のコメントサーバー使われ⽅方 動画 アラート 生放送 同期 非同期
  7. 7. ニコニコ動画のコメントサーバーコメントサーバーの機能• メッセージデータの伝達と蓄積/再現 • 経路:「スレッド」• ログ機能つきのIRCみたいな? • 掲⽰示板+チャット
  8. 8. ニコニコ動画のコメントサーバーメッセージの属性• コメント本⽂文、投稿⽇日時• 「コマンド」、vpos• ユーザーID, 会員種別• その他管理情報...
  9. 9. ニコニコ動画のコメントサーバーメッセージの属性: vpos• コメントを付けた対象を限定する情報 • 動画の場合、動画の再⽣生時間 • 電⼦子書籍の場合、ページなど
  10. 10. ニコニコ動画のコメントサーバーコメントの取得(http)• http://msg.nicovideo.jp/10/api/thread? version=20061206&thread=1173108780&r es_from=-10 • version: 20061206 または 20090904 • thread: スレッドID(上記は陰陽師) • res_from: 取得コメント範囲を指定
  11. 11. ニコニコ動画のコメントサーバー⾊色々試してみてね!• 公式資料はのんびり準備中 • ニコニコ⼤大百科「ニコニコ動画API」等
  12. 12. Part 2 を2週間で開発してみた
  13. 13. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)Windows 8編• 2012年4⽉月2⽇日(⽉月) coji「Windows8向けのニコニコ動画を 」 coji「今週中に作って欲しい」 coji「そしたらWindows Developer Daysの キーノート※で紹介してくれそう」 ※4⽉月25⽇日• えっ
  14. 14. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) 4/5 技術調査(1)• 環境準備 • Windows 8 Consumer Preview • Visual Studio 11 Express Beta • msdnのサイトからサンプルをダウンロード • 動作実験と開発⼿手法を検討
  15. 15. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) 4/5 技術調査(2)• 技術要素を決める • ⾔言語: C++/CX • 動画: MediaEngine • コメント描画: DirectX • UI記述: XAML• 実験
  16. 16. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)4/6(⾦金金) キックオフ• デザイナー @VoQn• 4/20(⾦金金)に動いてること。25(⽔水)が本番• キックオフ3時間後,MS から 「4/10(⽕火)までに アプリのスクリーンショット送って」
  17. 17. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)ロードマップ 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
  18. 18. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)要求機能• 動画が再⽣生できる• コメントが流れる• 再⽣生/⼀一時停⽌止/シークバー/先頭から再⽣生• コメントが投稿できる ※ただし通信せずローカル動作
  19. 19. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) 4/10 ラフデザイン• デザイナー(VoQn)• Windows8 の既存アプリを参考に• GUI洗い出し• デモに含まれない部分も含めて検討• 4/10に提出、レビュー
  20. 20. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) 4/14 本番デザイン• デザイナー(VoQn)• レビューの指摘を反映• 数種類デザイン案を検討• 実際に動く形にしてゆく• パーツ素材を全状態で⽤用意• 4/12(⽊木) Microsoftの担当者と打ち合わせ
  21. 21. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)アプリのイメージ(1)
  22. 22. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)アプリのイメージ(2)
  23. 23. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)アプリのイメージ(3)
  24. 24. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) GUI パーツデザイン
  25. 25. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) 4/14 技術調査 • プログラマー(koizuka)•  4/6 コメントをビットマップにキャッシュして動画の上を流してみた•  4/8 XAMLデザイン実験•  4/10 開発検証用アプリパッケージの作り方•  4/11 MediaEngineを操作できるようになった, XAML <-> DirectX を行き来できるようにした, コメント複数•  4/12 動画選択を実装, タブレット実機で落ちるのに悩む, リモートデバ ッグを開始, ビットマップを作ると MediaEngine-> TransferVideoFrame すると駄目だと分かる, Win8のジェスチャを覚えるw•  4/14 Direct2D, Direct3D, DXGI, DirectDrawのインターフェイス関係 見直し•  4/16 XAML Data Bindを活用, JSONファイル読み込み
  26. 26. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) 4/20 実装組み込み• デザイナー(VoQn) + プログラマー(koizuka)• 4/17 デザイン統合開始, 再⽣生画⾯面から• 4/18 起動画⾯面組み込み• 4/19 別スレッドにイベントを送る⽅方法がやっ と分かった/アプリアイコン統合• 4/20 シークバー実装
  27. 27. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)実機で試してみると・・• 使いにくい! • 画⾯面の下端操作でツールが出てくる • 画⾯面真ん中タップでコメント欄が出てくる • すごい煩雑• キーボード出すと動画領域が狭い! →デザインを考え直すことになった
  28. 28. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)4/21 再デザイン• 新デザイン • 操作部を⼀一つに統合• 細部改善(シーク操作, コメントしたとき, ...)• リハーサル⽤用に提出!
  29. 29. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)プレーヤー新デザイン
  30. 30. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) デモ動画は @まさたかP【MV】Through the Window/まさたかP ELECTROCUTICA【Microsoft MMD】
  31. 31. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮) 4/25 仕上げ• リハーサルでOKが出た!• 届いた最終版の動画、サムネイルを統合• 提出• 4/25(⽔水) • Microsoft Windows Developer Days 2⽇日⽬目 • デモ実施
  32. 32. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)アプリデモやれる範囲でデモしてみます
  33. 33. ニコニコ動画 for Windows 8 - NicoNicoMetro (仮)おわり 引き続き NicoNicoMetro (仮) 鋭意開発中 続報お楽しみに!! ご清聴ありがとうございました

×