単語記事: Qwatch

編集

Qwatchとは、

  1. Qwatch (クウォッチ) - 株式会社アイ・オー・データ機器が製造、販売しているネットワークカメラシリーズ
  2. Qwatch (キューウォッチ) - ニコニコ動画:Qで採用している動画プレイヤー

本項では2.について記述する。

2012年10月17日17時からの『新バージョン発表会』で初開され、同日17時半頃にリリースされた『ニコニコ動画:Q』の新機として開放された、ZeroWatch の後継となる動画プレイヤーである。

概要

ニコ厨たちを失望のどん底に陥れ、

「使いやすさ:Zero」「運営のセンス:Zero」「発案者:Dero」「減点怪奇

とまで言わしめた、ZeroWatch
原点回帰」とは、一体何だったのか。

あるニコニコユーザーは言った。

私たちはニコニコ動画動画を観たいんです
動画プレイヤーを見たいんじゃない

この一見当たり前ともとれる願望をえるべく、
軽さと使いやすさを重視した新プレイヤーが開発された。

 

ZeroWatchベースに開発されており、動画プレイヤー部分のみFlash、その他のユーザーインターフェースは全てHTMLで構成されている作りは継承している。

だがしかし根本的に設計が見直されており、特に不評の原因の多くを占めていたマウスカーソルをのせるだけでうねうね動くうざいギミックのほとんどが止され、大幅にシンプル・軽量化された。そのため、前とはうって変わって低スペック環境でもそこそこ使えるものになっているはず、たぶん。低く見積もっても、ZeroWatch よりもマシであることは間違いないだろう。

但し、大サイズ動画表示サイズがこっそりと 864×486 (半端なサイズ) から 85480 (FWVGA) にしれっと変更された点は注意。旧サイズにぴったり合わせて作った動画は、微妙に縮小されることとなる。

バージョンアップ

第一次アップデート (2012年12月20日)

リリースから2ヶ後、使い勝手と機能を改善するアップデートが行われた。特に動画情報動画の上に展開できるようになったのは注。しかし、Qwatch になってせっかく左パネル止することで使いやすくしたのに、ニコメンドの追加で速左パネルを復活させてしまって使いにくい状態に戻してしまうところあたりは非常にニコニコ運営らしい。

第二次アップデート (2013年7月25日)

運営は、なぜ多くのユーザーニコニコ動画(原宿)に留まり、ニコニコ動画:Qに移行してくれないのか、かなり気にしている様子だった。「なぜQに移行しないのか」というアンケート結果の「Qwatchが使いづらい」「動画情報動画の上にない」「ニコメンドネルがくそうざい」という結果を踏まえて、原宿の使い勝手をかなり意識した改善が行われた

第三次アップデート (2013年10月8日)

ZeroWatch との比較

印付きの記述は第一次アップデート、◆印付きの記述は第二次アップデートにより変更された仕様

変更要素 Qwatch ZeroWatch
動画説明領域の背景 に近いグレー (主コメ文字色も安心) に近いグレー
動画視聴領域の背景 中間グレーから濃いグレーへのグラデーション
GINZA 以降は複数種類から選べる
に近いグレー
動画タイトル文字 黄色がかった微妙オレンジ
登録タグの表示行数 3行 2行
動画の大サイズ 85480 864×486
ニコ割領域 必要ないときは常時非表示
必要であれば、大サイズ時でも表示
動画上部はユーザーニコ割未使用時、
サイズティカー領域となった
サイズ時のみ常時表示
サイズ時は表示されない
標準の再生サイズ サイズ
前回使用したサイズがそのまま適用
サイズ
標準設定を変えるには設定変更が必要
再生リスト領域 サムネは常時少し大きめ、タイトル付き
マウスオーバーサムネ拡大しない
サムネは小さめ
マウスオーバーサムネ拡大してうざい
コメント Flash(動画再生領域の一部分)で実装 HTML実装
ニコニコ市場用領域 止 (うっすらと線だけ残ってる)
ニコメンド用に変更。相変わらずうざい
線もろとも全に
動画再生領域の左側に存在
設定画面 動画が小画面になりその右に表示 再生している動画に重なって表示
動画検索画面 ZeroWatch と同じ
ページ遷移なしに、画面全体が
検索結果に置き換わる。検索結果は
4列×8行、もしくは1列×16行で表示
ページ遷移なしに、動画の下から
検索結果がにゅっと引き出される
検索結果は4列×4行で表示
投稿日、再生数
などの詳細情報
ZeroWatch と同じ
標準状態では ZeroWatch と同じ。
動画の上にある詳細情報を展開すると、
動画の下から上に移動する
動画の下に長くごちゃっと表示
マウスオーバー
勝手に動く領域
タグが4行以上ありピン留めされて
いないときのタグ領域と、シークバー程度
とにかくどこにマウスを置いても
何かが動いて重いしうざい。うざい
コメントネル
切り替え
ZeroWatch と同じ
◆タブでの切り替えになり、原宿
近い使い勝手に戻った
コメント▼」などと書かれた部分を
クリックしてメニューを展開して選択。
うざい、分かりにくい、操作しにくい。
軽さ ズバリ軽い。低スペックでもわりと安心
さらに低スペックPCのために
パフォーマンス設定が追加
CPUちゃんが熱出して倒れそう
使いやすさ 原宿以前に特別な思い入れがなければ
普通に使えそう。一部設定は必須。
おい運営なんとかしろよ
動画観るってレベルじゃねーぞおい

Adblock Plusを使った部分的な非表示

Adblock Plus というアドオンを使うと、広告や見たくないものを部分的に非表示にすることができる。「うざいものの非表示」に特化したもので、Internet Explorer 用を含む各ブラウザ向けのアドオン提供されている。

たとえば、以下の文字列をフィルタに追加するだけで、ニコニコニュースの領域を簡単に消すことができる。

www.nicovideo.jp##.textMarqueeInner

ユーザーCSSによるカスタマイズ

Qwatch は、動画再生領域とコメント欄のみFlashで、コメント一覧など、周囲のインターフェイスはすべてHTMLで構成されている。そのため、ユーザーCSSを用いることで、非公式に見たを柔軟にカスタマイズすることが可である。

Adblock Plus よりもやや複雑だが、ニコニコニュースの領域のような邪魔な要素を消すだけでなく、配置や配色などを柔軟に変えることも可Qwatchの使い勝手に満足できなくてニコニコ動画(原宿)ニコプレイヤー4を使うのをやめられない人も知っておいて損はない。

Stylishアドオンを使用する方法

FirefoxChromeSafariOpera (つまり IE 以外) で有効な方法。Stylish というアドオンインストールする。

このアドオンインストールしたうえで、userstyles.org のニコニコ動画用ユーザーCSS一覧から的に合ったものをインストールするだけで、プレイヤーのインターフェイスを大きく変えることができる。筆者の個人的意見を挙げるなら、ニコニコをシンプル表示(GINZA対応)ニコニコ動画:GINZA 表示項目カスタマイズあたりが万人におすすめできる。

また、スタイルシートが書ける人は、特定URLに対して任意のスタイルシートを設定することも可なので、その気になればQwatchプレイヤー本体のみならず、さまざまな部分のカスタマイズが可となる。

Internet Explorer のユーザー CSS機能を使用する方法

Internet Explorerには残念ながらStylish アドオンが存在しない(AdBlockはある)ので、メモ帳などのテキストエディタを使い、自分でCSS ファイルスタイルシートの定義を書く必要がある。

まず、自分で書いた、もしくはコピペしたスタイルシートの内容をメモ帳などで「適当な名前.css」というテキストファイルに保存する。次に、IEメニューの「インターネット オプション」を開き、「全般」タブの「ユーザー補助」ボタンを押して、「自分のスタイル シートドキュメントの書式を設定する」に先ほど作ったCSSファイル定してやればおk

コピペでできるスタイルシート例

ここでは、Stylishに自分でスタイルシートの定義を追加する場合、もしくは、IEユーザーCSSを作る際に役に立つスタイルシート例を紹介する。

方法は簡単。以下に示す一行を、Stylishのスタイルシート定義、またはIE用のユーザーCSSファイルコピペするだけ。複数を適用したい場合は、1つずつコピペすればいい。

また、Stylishは特に定しない限り、どのサイトを見ていても (Web全体に対して) スタイルシートを適用してしまうため、できれば適用の対URL定して「ニコ動の視聴ページ」に限定することをおすすめする。なお、このあとで紹介するコピペでできるCSS例では、以下の設定をしなくても、なるべく他のサイト誤爆しないような定にしてます。

ニュースティッカー領域 (ニコニコニュース、ブロマガ) を消す

ニコニコ動画プレイヤーでもっともうざい、障りと評判のニュース領域は、この一行で簡単に消えてくれる。なお、ユーザーニコ割は別の領域となっているので影しない。

以下の場合は、だけを残し、中身の文字だけが消える。以下から「*」の1文字を外せば、ごと消滅する。

body div#content div#textMarquee * { display: none !important; }

※「ブロマガの対策方法」で紹介されている方法は、サービスを終了した (原宿) バージョン向けなので注意。

気に入らないものだけを個別に消す

しかし、ブロマガは消したいがニコニコインフォ生放送案内は残しておきたい、といった人もいるであろう。

その場合は、上記のかわりに、以下のCSSから「消したくないもの」を行ごと削除して使用すれば、気に入らないカテゴリだけを個別に選んで見えなくすることもできる。例えば、ニコニコニュースブロマガだけを消したい場合は、下から3行分だけ残して使えばOK。

.textMarqueeInner div.item.event, /* イベント情報を消す */
.textMarqueeInner div.item.live_jr, /* 生放送開始告知を消す */
.textMarqueeInner div.item.tag_relation, /* なんだろうこれ? 関連タグ? */
.textMarqueeInner div.item.recommend, /* 掲載記事紹介を消す */
.textMarqueeInner div.item.uads.gold, /* ニコニ広告 宣伝() を消す */
.textMarqueeInner div.item.uads.silver, /* ニコニ広告 宣伝() を消す */
.textMarqueeInner div.item.news, /* ニコニコニュース を消す */
.textMarqueeInner div.item.blomaga, /* ブロマガ を消す */
_dummy_ { display: none !important; } /* この行は消さないこと */

上級者向けとして、以下のように、特定URL文字列を含む記事だけ消すことも可ブロマガの場合、必ずタイトルチャンネル名やブロマガ名が含まれるので、名前を書いておくと有効だ。

.textMarqueeInner div.item[title*="ガジェット通信"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="週刊文春デジタル"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="と話題に"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="話題の記事"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="画像あり"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="www"], /* タイトル全角が生えていると消す */
.textMarqueeInner div.item a[href*="moe2p.com"], /* URL特定文字列を含むと消す */
.textMarqueeInner div.item a[href*="damage0.blomama"], /* URL特定文字列を含むと消す */
.textMarqueeInner div.item a[href*="blomama.jp"], /* URL特定文字列を含むと消す */
_dummy_ { display: none !important; } /* 消すためのおまじない。この行は消さないこと */

やろうと思えば、特定タイトルURLを含む記事「のみ」を表示するホワイトリスト方式にもできる。

.textMarqueeInner div.item a { display: none !important; } /* 一旦全消し */
/* 以下、ホワイトリスト */
.textMarqueeInner div.item[title*="生放送"] a, /* タイトル特定文字列を含むと表示 */
.textMarqueeInner div.item a[href*="live.nicovideo.jp"], /* URL特定文字列を含むと表示 */
_dummy_ { display:
inline !important; } /* 表示するためのおまじない。この行は消さないこと */

動画再生ページの広告を消す

以下の4行で、動画再生前、コメントネル下、レビュー欄上下、ページ最下部の広告がまとめて消える。

/* 各種広告を消す */
.panel_ads_shown #playerTabContainer.has_panel_ads .playerTabContent { bottom: 0 !important; }
div#videoInformationWrapper .videoStartAdsOuter, div#playerTabContainer .playerTabAds,
.outer .sidebar div#playerBottomAd, .outer .sidebar div#videoReviewBottomAd,
div#outline div#pageFooter div#pageFooterAds, div.nicoSpotAds { display: none !important; }

コメントパネルの「ニコる」を消す

掲示板>>187 より。これで、コメントネルの上にマウスカーソルを載せたときの「ニコる」を消すことができる。

/* コメントネル上のニコるを消す */
.nicoru-button { left: -9999; display: none !important; }
.menuOpened #videoMenuTopList li.videoMenuListNicoru .nicoru-button
{ display: block !important; }
#videoTagContainer .tagInner #videoHeaderTagList li { margin: 0 18px 4px 0; }

コメントパネル下のソーシャルボタン (Twitter, Facebook) を消す

別にニコニコからいたりしない人で、コメント欄の縦幅を少しでも多く取りたい方はこちら。

/* コメントネル下のソーシャルボタンを消す */
div#playerTabContainer div.socialButtons { display: none !important; }
#playerTabContainer .playerTabContent { bottom: 0 !important; }
#playerCommentPanel .section { margin-bottom: 7px !important; }

動画の右にあるコメントパネル自体をを消す

div#playerContainer div#playerTabWrapper { display: none !important; }

この2行で、コメントネルが消えた分動画の領域を中央に寄せられる。ただし、ウインドウ内のフルスクリーンの表示が変になってしまう。

div#playerAlignmentArea.size_medium { width:672px !important; }
div#playerAlignmentArea.size_normal { width:898px !important; }

動画を中央に寄せる

左パネルくなった新しいQwatch動画を中央に配置したい場合はこれ。ただし、ウインドウ内でのフルスクリーンの場合、左に隙間がいてしまう。

div#playerAlignmentArea.size_medium, div#playerAlignmentArea.size_normal { position: relative; left: 139px !important; }

動画の下にある再生リスト・おすすめ動画リストを消す

動画下にサムネイルがずらっと並ぶリストは、以下の1行で最初から存在しなかったようにできる。Qwatch徴ともいえる領域だが、これのせいでごちゃっと感があるのも否めないので、ほとんど使っていないならどうぞ。

body div#content div#playlist { display: none !important; }

「動画をもっと見る」バーを消す

body div#content div#videoExplorerExpand { display: none !important; }

Wall(壁紙変更) ボタンを消す

#playerAlignmentArea div#chipWallList { display: none !important; }

動画の下の市場やレビュー領域を消す

動画下のごちゃごちゃ感はQwatchになっても全然解消されていないよね、という人は以下からチョイス

/* 動画の下の情報領域全体を消す */
body div#bottomContentTabContainer div#outline { display: none !important; }

/* 動画情報を消す (動画タイトルクリックして展開したときの動画情報には影しない) */
div#outline div.outer div.main div#videoInfo { display: none !important; }

/* ニコメンドを消す */
div#outline div.outer div.main div#nicommendContainer { display: none !important; }

/* ニコニコ市場を消す */
div#outline div.outer div.main div#nicoIchiba { display: none !important; }

/* 動画レビューを上下の広告ごと消す */
div#outline div.outer div.sidebar { display: none !important; }

/* フィードバックボタン */
div#outline div.outer div#feedbackLink { display: none !important; }

よくある質問集

Q. NG共有設定とか184コメントとかの設定はどこにあるの?
A. シークバーの右にある歯車アイコンボタンクリック。直後の質問でも触れるが、動画コメント投稿する人は以下の2つは設定必須。そうでなくても設定することをおすすめする。
ページ表示タブの「コメントフォームを動画上に表示」のチェックを外す。
ページ表示タブの「コントローラ(再生ボタンシークバーなど)を動画上に表示」のチェックを外す。

Q. コメント欄が動画の上にかぶさるんだけど、開発者はバカなの? マジ
A. 設定を表示し、ページ表示タブの「コメントフォームを動画上に表示」のチェックを外せばおk

Q. シークバー動画の上にかぶさるとか、作った人頭おかしいんじゃないの?
A. 設定のページ表示タブの「コントローラ(再生ボタンシークバーなど)を動画上に表示」のチェックを外す。ちなみに、これとすぐ上の設定は当初からデフォルトではチェックありだったにもかかわらず、Qwatch の紹介ページではチェックを外した状態のスクリーンショットが載っていたので、事実上の推奨設定なのであろう。

Q. 動画説明 (主コメ) が動画よりもすごく下に書かれていて読むのが面倒だわ
A. ページ上の動画タイトルクリックすると動画説明の全文が表示される。また、設定のページ表示タブの「動画説明を常に表示」にチェックすることで、常時上にも表示されるようになる。

Q. 動画上のニュースティカー (ニコニコニュースブロマガ) がうざい
A. すぐ上で消し方を解説してる。

Q. 左のニコメンドがうざい
A. アップデート止されたぞ。よかったな。

Q. 右下のニコニコアプリがうざい
A. 設定のその他タブの「アプリを表示する」のチェックを外すと消える。

Q. Firefoxコメント欄の日本語ができなくなったんだけど
A. 2012 年頃にあった Flash Playerの不具合と思われる。当時原宿に戻しても起きていたはず。ZeroWatch 使用者が QWatch に移行したときに急に入できなくなったのは、ZeroWatch の入欄がFlash不使用だったため。対処法としては、「Firefox Flash 日本語」でググってみるとたくさん出てくるはず。現在Flash Playerではバグが修正された模様。

Q. 動画プレイヤー上の広告がうざいんだが
A. 残念だが設定もないし、プレミアム会員でも消えないので、すぐ上に書いたユーザーCSSによる消し方しかない。ただしプレミアム会員は自動再生をオンにしておけば再生前の動画領域の広告は回避出来る。再生中にも動画の下に広告が重なったりするYouTubeよりマシなはずだ。また、コメント一覧下の広告は、広告右下の [×] ボタンクリックすると一時的に消せる。

Q. 重くないのに動画が常時コマ落ちする
A. たまにあるらしい? この記事主環境でもサービス開始当初に2回ほど起きたが、リロードしたら直った (以降起きていない)。またはパフォーマンス設定からコメントの滑らかさを24fps(原宿相当)にすればいいかも。起きた環境を添えてフィードバック」のページ愚痴るといいかもしれない。

Q. バグとか使いにくいところとか直してほしいんだけど、どこに愚痴ればいいの?
A. ページの右下にある「フィードバック」から、使っている環境を添えて愚痴ればいいと思う。

Q. 命が惜しければ原宿バージョンに戻す方法を教えろ、今すぐにだ
A. 原宿バージョンはなくなってしまいました! しかし、自己責任において戻す方法はあるので検索して自分で探してください! し自己責任なのでその方法は私の口から教えられまs…ぐふっ

関連動画

関連項目

関連リンク


【スポンサーリンク】

携帯版URL:
http://dic.nicomoba.jp/k/a/qwatch
ページ番号: 4982459 リビジョン番号: 2441277
読み:キューウォッチ
初版作成日: 12/10/17 19:25 ◆ 最終更新日: 16/12/24 12:54
編集内容についての説明/コメント: 関連項目に「ニコニコプレーヤー」を追加。ニコプレーヤー4は2つ前のverなので除去。
記事編集 / 編集履歴を閲覧
このエントリーをはてなブックマークに追加

この記事の掲示板に最近描かれたお絵カキコ

お絵カキコがありません

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません

Qwatchについて語るスレ

237 : ななしのよっしん :2014/07/14(月) 16:55:08 ID: fpkGdVLcOO
「次の動画ボタンがホントに邪魔
読み込み終わった動画見てる途中に誤クリックして、バックして戻ったら読み込み最初から

悪意あるとしか思えませんわ
238 : ななしのよっしん :2014/07/19(土) 02:39:40 ID: AL5zpHDMhY
ニュースブロマガを消すの、ニコ生には使えないのか……
ニコニコ全体にしても生放送だけ定しても消えない
239 : ななしのよっしん :2014/07/20(日) 20:58:10 ID: X8Ui+P7+fE
キャッシュ消すと壁紙復活してウザい
5秒くらいで直るけどデフォルト背景にしてほしい
本当にここの運営センスは考えられんわ
細な変更(笑)ゴミ押し付けやがって
240 : ななしのよっしん :2014/10/03(金) 14:23:52 ID: eZxUuWPhCH
プレーヤー左下の次の動画に行くボタンくなってるんだけど自分だけ?
241 : ななしのよっしん :2014/10/03(金) 16:52:30 ID: 3emLrDabsb
>>240
▶▶┃ こんなやつだっけ?おれもないな
「始めから」はあるけど
242 : ななしのよっしん :2014/10/03(金) 18:33:54 ID: eZxUuWPhCH
>>241
それですね。連続再生で動画飛ばしたい時に使ってたんですけど。
誤爆が多かったようなのでくなったんですかね。
243 : ななしのよっしん :2015/11/17(火) 02:53:58 ID: Ez09ltaI+i
>>239
今更だけど、壁紙の画像変更機が要らない・使わないっていうなら
#wallImageContainer { display:none!important; }
↑これで画像部分が消えて、地の灰色(=原宿)しか表示されなくなると思う

ちなみに背景の色も前の真っ白に戻したいなら
body{ background:none!important; }
↑これで真っ白になるかな?ただIEだと他のにも影が出そうなんで自己責任で頼む
244 : ななしのよっしん :2016/02/13(土) 03:23:11 ID: FbSaDJ9VbV
いかなる事情があっても再生リストホラーサムネ混じらせるのやめろ
245 : ななしのよっしん :2016/07/20(水) 17:36:56 ID: RQgqbiysTv
うざいとか個人の主観が多く含まれている記事だと思いました
とくにコメント欄のタブとか操作しにくいのはおめーの意見だろがぁ
NGなんてめったに出さないぞ?
動画が見たいですとか言っておきながら付加機が使いにくいとは...
246 : ななしのよっしん :2016/11/17(木) 15:25:12 ID: 0KxY43LYu3
> コメント欄のタブとか操作しにくい
どこにそんなこと書いてあるの?
もしかして4年前のZeroWatchが使いにくいというのを誤読したか?
動画プレイヤーを見たいんじゃない」も公式の紹介動画からの引用だよ
ニコニコニューストピックス
電ファミwiki
  JASRAC許諾番号: 9013388001Y45123
  NexTone許諾番号: ID000001829