ニコニコ動画Qを原宿化するスタイルシートつくってみた

ニコニコ動画の原宿バージョンが12月3日で終わりそうなので、つくってみました。
今公開しちゃっても、GINZAは些細なバージョンアップだと言っているので大丈夫でしょう。たぶん。
ニコニコの新バージョン「GINZA」10月8日リリース

nicovideo-after-74.jpg



概要

  • 原宿のデザインを再現
  • 新機能はなるべく残す(カスタマイズ可能・ニコるを除く)
  • 広告を非表示に

Stylish

Stylish という拡張機能を導入してください。
Stylish とは、ウェブサイトのデザイン(CSS)を自由に変更できる拡張機能です。
※各ブラウザでの動作確認はしていますが、Chromeで最適化されています。



インストール

拡張機能のインストールが終わったら下のリンクから CSS をインストールしてください。
userstyles.org は、様々なサイトの CSS をダウンロード&アップロードできるサイトです。
Safari でインストール出来ない場合は、Styles manager を起動し、nicovideo で検索してインストールしてください。 userstyles_org-nav.png

カスタマイズ

ニコ割エリア
動画の上にある文字列が流れるやつ。ユーザーニコ割は表示されます。
左上再生窓
ビデオエクスプローラ展開中に左上に表示されるあれ
プレイリスト
動画の下にある長いあれ。
下部
「銀座改」は、Ginzaのレイアウトでデザインを変えた。
「原宿風」は、原宿っぽくします。
「非表示」は、動画以外みねぇーよって人向け
「+詳細詳細」は、動画投稿者の編集リンクやマイリストリンクなどを表示
Wall設定
「WAll画像」を設定するには「画像を指定する」を選択
標準WALLエリアとビデオエクスプローラ展開中に表示します。
「非表示」でWall機能自体を非表示
WAll画像
「Wall設定」で「画像を指定する」を選択した場合に有効
画像URLまたは画像をアップロードして、動画視聴ページのWall機能から「My Wallpaper」を選択すると壁紙が表示されます。

画像サイズ
ニコ割エリア非表示: 縦471px以上
 ニコ割エリア表示: 縦512px以上
これより小さい画像を使用(アイコンなどをリピート表示)する場合は、最後の行付近にあるbackground-size: auto 471px !important;を削除するといいかも。

その他の設定

動画プレイヤーの設定から、アプリを非表示にしたほうがすっきりします。
Ginzaバージョンから追加されたWALL機能から「Harajuku White」を選択すれば背景が白くなります。


これだけです。
まだ未完成なので所々おかしな点があるかもしれませんが、許してください。m(_ _)m
下半分は情報量が多いので原宿とは異なりますが、見やすく改良していきます。
更新履歴などは userstyles.org の方をご覧ください。

Stylish は、自動アップデートはできないので、更新履歴を確認して手動でのアップデートをお願いします。


サムネの「ハジメテノオト」はマイリストから無作為抽出しただけで特に意味は無いです。
なにかあればコメントからどうぞ。

追記:
たくさんのコメントありがとうございます!
スクロールの関係で要望や不具合報告などにしか返信できません。ご了承ください。


免責事項

この UserStyleSheet をインストール、二次的利用をしたことによる、何らかのトラブルや損失・損害等につきまして nanoway は、一切の責任を問わないものとします。

おわり。(・∀・)。。。
関連記事

コメント

    • 名無しさん
    • 2013年10月01日 (火) 19:54:58
    • 返信

    素晴らしいスタイルシートありがとうございます。
    まさに原宿からの正統進化といった感じでとても使いやすいです!

    • hayun
    • 2013年10月02日 (水) 01:15:39
    • 返信

    >>1

    ありがとうございます!
    原宿っぽさを残してつくってみたのでそんな感じですね。

    • 名無しさん
    • 2013年10月04日 (金) 22:12:20
    • 返信

    原宿シートありがとうございます!非常に使いやすいです。
    ただ今日アップデートしたところプレイヤーは問題なかったのですが、マイページのほうに不具合が出てしまいました…

    • hayun
    • 2013年10月04日 (金) 22:27:39
    • 返信

    >>3

    報告ありがとうございます。
    確認したところ適用先が正しく反映されていなかったようです。
    更新しておきましたので、アップデートしてみてください。

    • 名無しさん
    • 2013年10月04日 (金) 22:32:21
    • 返信

    無事元に戻りました。
    ありがとうございました!

    • 名無しさん
    • 2013年10月05日 (土) 01:02:04
    • 返信

    ニコニコ市場が全部横一列に表示されてしまう。

    • hayun
    • 2013年10月05日 (土) 01:33:53
    • 返信

    >>6

    Firefoxで「ニコニコ市場原宿表示」を有効にしていますか?
    市場では、Flexible box という CSS3 の技術を使っているのですが、Firefoxでは現在一部未対応です。
    無効にしてアップデートするか、下のリンクの対応ブラウザからご利用ください。
    https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Flexible_boxes#Browser_compatibility

    • 名無しさん
    • 2013年10月05日 (土) 16:06:12
    • 返信

    Firefoxの方とは、すみませんでした。

    • 名無しさん
    • 2013年10月08日 (火) 21:36:32
    • 返信

    ニコ割エリアを表示させると右上の再生数、コメント数などを表示したものと動画サムネイルがずれるのですが

    • hayun
    • 2013年10月08日 (火) 22:03:47
    • 返信

    >>9

    こちらの環境ではずれないので再度アップデートしてみてください。
    それでも直らない場合は以下のテンプレにご回答をお願いします。

    ■ 問題発生時の環境
    OS : Windows, Mac, Android など
    ブラウザ: Chrome, Firefox, Opera, Safari
    画面サイズ: 小, 中, 大, 全画面
    カスタマイズ: 非表示/表示/非表示/無効
    自分でカスタマイズ: している, していない
    他のUserStyle: インストールの有無・URL
    参考動画 : 一部の動画特有の現象ならば

    カスタマイズは、インストールページからご確認ください。
    画面サイズ小は「動画をもっと見る」をクリックした状態です。

    • 名無しさん
    • 2013年10月08日 (火) 22:40:27
    • 返信

    先ほどsaikaiさんのブロマガで質問したものです。(No.6)

    問題発生時の環境

    OS Winows7
    ブラウザ Chrome
    画面サイズ 中
    カスタマイズ 有効(ニコ割表示、プレイリスト非表示、下部ニコメンド非表示、市場原宿表示 表示)
    自作のカスタマイズ していない
    他のUserStyle 無
    参考画像
    http://uploda.cc/img/img52540b12356b9.jpg

    • hayun
    • 2013年10月08日 (火) 23:15:40
    • 返信

    >>11

    報告ありがとうございます。
    確認したところ、カスタマイズの競合が発生していて Stylish だけでは難しいので後日修正したいと思います。

    仮対応として下記のリンクからコードをコピーして、saikaiさんの紹介動画の要領で編集していただけるとずれなくなると思います。
    動画 : http://www.nicovideo.jp/watch/sm21926170
    コード : https://docs.google.com/file/d/0BzEpUDj6V4YVRjZ2aU5hY2FzS0U/edit?usp=sharing

    • 名無しさん
    • 2013年10月08日 (火) 23:56:45
    • 返信

    >>9のものです
    OS Winows7
    ブラウザ Chrome
    画面サイズ 大
    カスタマイズ 有効(ニコ割表示、プレイリスト非表示、下部ニコメンド非表示、市場原宿表示 表示)
    自作のカスタマイズ していない
    他のUserStyle 無
    参考画像
    http://iup.2ch-library.com/i/i1027046-1381244174.png
    緑色の枠のところです

    • 名無しさん
    • 2013年10月08日 (火) 23:58:32
    • 返信

    >>9です

    >>11と同じ症状でした

    • 名無しさん
    • 2013年10月09日 (水) 03:07:42
    • 返信

    先ほどダウンロードさせて頂きましたが、非常に見やすくなりました。ありがとうございます。

    1点だけ要望があるのですが、
    タグの上に表示される詳細説明・コメントについて、ページを開いた際に内容が1行しか表示されておらず、毎回動画ページを開くたびに”すべて表示”を押さないと内容を見ることが出来ません。原宿のときと同じように、すべて表示の状態がデフォルトになる設定ができるようにならないでしょうか。

    もし可能であればご検討頂ければ助かります。よろしくお願いします。

    • 名無しさん
    • 2013年10月09日 (水) 10:56:24
    • 返信

    市場原宿表示を非表示にすると再生数・コメント数・マイリスト数のところが消えるのは仕様なのでしょうか?市場非表示でもその部分が表示されるようにはならないでしょうか?

    OS : Windows7
    ブラウザ: Firefox
    画面サイズ: どれでも
    カスタマイズ: ニコ割非表示、プレイリスト非表示、下部ニコメンド非表示、市場非表示 
    自分でカスタマイズ: していない
    他のUserStyle: 無

    • hayun
    • 2013年10月09日 (水) 16:47:30
    • 返信

    >>15
    なるほど、この “すべて表示” の開閉管理はブラウザの「LocalStorage」で記録されます。
    CSS でこの値を変えることは出来ないので、お使いのブラウザは対応していない場合があります。
    なお、この問題はニコニコ動画側へお問い合わせください。
    対応ブラウザチェック : http://dev-test.nemikor.com/web-storage/support-test/

    >>16
    この非表示設定は試験的につけただけなので、修正の優先順位が低いです。すいません。
    全体的な見直しをした時に修正したいと思います。

    仮対応として下記のリンクからコードをコピーして、saikaiさんの紹介動画の要領で編集していただけると表示されるようになると思います。
    動画 : http://www.nicovideo.jp/watch/sm21926170
    Code : http://docs.google.com/file/d/0BzEpUDj6V4YVWGhKQ3hPVkhvRkE/edit?usp=sharing

    • hayun
    • 2013年10月09日 (水) 17:58:32
    • 返信

    >>12, >>17

    現時点までに報告された不具合は修正しました。

    • 15
    • 2013年10月11日 (金) 18:45:33
    • 返信

    >>17
    コメントありがとうございます。
    LocalStorageについて知りませんでした。知識不足ですみません。

    OSは”Winodws XP 32bit”、ブラウザは”Firefox 24.0”で、
    教えて頂いたサイトで確認すると対応しているようですが、
    私のPCでは、必ず詳細説明・コメントがたたまれている状態です。
    ブラウザの設定か何かに問題があるのかもしれません。

    丁寧にお応え頂きありがとうございました。

    • 転送コメント
    • 2013年10月11日 (金) 19:03:31
    • 返信

    生放送でも原宿っぽく・・

    ニコニコ動画に導入方法があがっており、早速使わせていただきました。
    GINZAは使いづらかったので非常に助かっております。
    広告も消えており、ノーマル原宿以上の使いやすさになっていると感じました。

    是非生放送のほうでも広告など余分なものを削除した原宿バージョンを・・・

    それではありがとうございました

    • hayun
    • 2013年10月11日 (金) 22:52:48
    • 返信

    >>20

    アイデアや感想ありがとうございます!
    生放送ではコメント欄にもFlashを利用している点と、説明文等が下にあるので Stylish で原宿風にするには難しいです。
    UserScript でなら作れそうなので試しに UserScript版 もつくってみたいと思いますが、過度な期待はしないでください。
    現状ニコ生の仕様などがわからないので、とりあえず保留ということでよろしくお願いします。

    • AgentSmith
    • 2013年10月12日 (土) 02:11:28
    • EBUSheBA
    • 編集
    • 返信

    地域と言語が選択できなくなる

    細かいところなのですが一点。スタイルシートの一番最後で「全部非表示」で導入した場合にプレイヤー下部の要素を全て消すためにクラスouterを非表示にするようにスタイルが設定されていますが、言語と地域の選択を表示させているユーザーの場合、ここのプルダウンメニューにも.outerのクラスが設定されているので巻き込まれて選択できなくなってしまいます。

    なので下部要素を非表示にするなら.outerより#outlineで指定してやった方が無難かと思いますよ。

    • hayun
    • 2013年10月12日 (土) 02:40:19
    • 返信

    >>22

    報告ありがとうございます。
    そういえば言語切り替えて試していなかったです。修正しました。

    • zaraki
    • 2013年11月19日 (火) 01:21:47
    • 返信

    導入してみたのですがコメントが動画のように表示されず、動画上に表示されてしまいます。
    対応お願いします

    • hayun
    • 2013年11月19日 (火) 22:07:48
    • 返信

    >>24

    もっと具体的な内容を教えていただけると対応しやすいのでお願いします。

    • 名無しさん
    • 2013年12月03日 (火) 04:13:52
    • 返信

    動画タイトル、紹介分、タグ一式を動画の上ではなく動画の下部に移動するオプションが欲しいです

    • 名無しさん
    • 2013年12月03日 (火) 13:54:27
    • 返信

    壁紙自由変更や非表示にする機能を追加できるでしょうか?
    今はデフォルトでシンプルな壁紙が表示されていますが、
    運営は後できっとうざい広告を壁紙にしてくると思うんです。
    先手を打って壁紙をあらかじめ非表示にできたら嬉しいです。

    • 名無しさん
    • 2013年12月03日 (火) 14:50:27
    • 返信

    ついにGINZAへ強制変更されたので導入させて頂きました
    firefoxですが今のところ問題なく動作しておりかなり見やすくなりました
    ありがとうございます
    今後は枠消滅+サムネぼやけで非常に見辛くなってしまった検索画面のほうにも対応して頂けないでしょうか?

    • 名無しさん
    • 2013年12月03日 (火) 14:56:29
    • 返信

    あとシークバーを戻すのはプレイヤー内のことでやはり無理ですか?

    • hayun
    • 2013年12月03日 (火) 16:33:55
    • 返信

    >>26
    そこら辺を一括でカスタマイズするには、大幅な変更が必要なのと、Stylish では、コード量の制限があるので検討させてください。

    >>27
    壁紙の変更は実装したいと思います。
    WALL機能の「Harajuku White」を選択すれば、元の画像も含めて強制的に真っ白にするように実装してあるので、そちらのご利用をお願いします。

    >>28, >>29
    ありがとうございます!
    検索のあたりは手をつけていないので、なるべく早く修正したいと思います。
    プレイヤーは Flashで実装されているので、CSS では残念ながら無理ですね。

    • 名無しさん
    • 2013年12月03日 (火) 17:09:04
    • 返信

    原宿廃止後利用しています、ありがとうございます。

    要望というかワガママですがニコ生やニコ生トップページも原宿っぽくすることは
    可能でしょうか?
    個人的にはこちらも原宿が一番良かったなぁという思いもあるので・・・

    • 名無しさん
    • 2013年12月03日 (火) 17:18:31
    • 返信

    >WALL機能の「Harajuku White」を選択すれば、元の画像も含めて強制的に真っ白
    ありがとうございます!
    どうせキャンペーンとか言って強制的にクソ壁紙広告やってくるのは目に見えているので
    あらかじめ「完全に壁紙OFF」を行っておきたかったのです。

    • hayun
    • 2013年12月03日 (火) 17:35:52
    • 返信

    >>31

    ありがとうございます!
    Stylish のコード量の問題もありますが、生放送ページでは動画ページと違い、説明文等が下にあるので、CSS では難しいです。
    やるとしたら、UserScript ですが、動画と生放送を私一人で保守するのは大変なので、現在保留にしています。
    ご理解ほどよろしくお願いします。

    • 名無しさん
    • 2013年12月03日 (火) 18:37:19
    • 返信

    IE版はございませんか??

    • hayun
    • 2013年12月03日 (火) 18:55:58
    • 返信

    >>34

    IEは Stylish が対応していないので、無理やり導入する方法はありますが、こちらでも動作確認等はしていないので、レイアウトが崩れたり、想定外の動作をする可能性があります。
    また、アップデートもできないため、導入する場合は自己責任でお願いします。
    http://www.nicovideo.jp/watch/sm22020769

    • 名無しさん
    • 2013年12月03日 (火) 21:32:41
    • 返信

    Macのsafariでも、こちらは可能なのでしょうか?

    • hayun
    • 2013年12月03日 (火) 21:40:18
    • 返信

    >>36

    Macは所持していないのでわかりませんが、インストールまでの流れは出来ると思います。
    レイアウトが崩れたりしなければいいですが。。

    • 名無しさん
    • 2013年12月03日 (火) 22:04:17
    • 返信

    Stylishはインストール出来ました。
    ですが、userstyles.orgでnicovideoを検索して、目的のスタイルシートをダウンロード&インストールしたても、ずっとダウンロードの状態なので、多分Macでは対応していないのだと思います。

    • hayun
    • 2013年12月03日 (火) 22:12:15
    • 返信

    >>38

    そうですか。
    WindowsのSafariでは導入できたので、MacでStylishを使うには、ChromeやFirefoxが必要なのかもしれません。
    ご報告ありがとうございました。

    • 名無しさん
    • 2013年12月04日 (水) 01:25:46
    • 返信

    背景を変更する場合 形式・容量・サイズはどれくらいがベストなのでしょうか?

    「 Upload your own 」の方でいろいろ貼ってみたのですが反映されませんでした;;

    • hayun
    • 2013年12月04日 (水) 01:56:49
    • 返信

    >>40

    さすがに説明不足ですねすいません。
    インストールページヘ行き以下の手順で導入してください。

    1. 壁紙を設定項目を「する」
    2. 画像URLを入力するか画像をアップロード(縦幅471px以上)
    3. CSS のインストール or アップデートをする
    4. 動画視聴ページのWALL機能から「My Wallpaper」を選択

    これで画像が表示されるはずです。

    • 名無しさん
    • 2013年12月04日 (水) 03:56:18
    • 返信

    日本語難しいです、勘弁してください<(_ _)>
    私は香港からです、ランキングだけで原宿っぽくしてみた
    Would you use it as a reference? (参考?) or put into your css?
    原宿に戻りたいので
    http://userstyles.org/styles/95722/ginza

    • 名無しさん
    • 2013年12月04日 (水) 03:57:47
    • 返信

    >>41

    ありがとうございます。

    反映されました!

    • 名無しさん
    • 2013年12月04日 (水) 04:39:35
    • 返信

    >>27 さんの壁紙機能無効化に一票。
    広告化うんぬんというよりも、この壁紙とボタンのおかげでプレーヤーの左右に無駄なスペースが出来てしまうんですよ。1024x768なんて低解像度の旧式ノートPCを使っているとChromeを最大化しても微妙に幅が収まりきらないんですが、この左右のスペースがなくなれば横スクロールバーが消えてくれそうなので。
    そもそも動画を見るのになんで壁紙が必要なのか理解できない…

    • 名無しさん
    • 2013年12月04日 (水) 10:26:23
    • 返信

    既出?かもしれませんが不具合を見つけました。
    動画のタイトルと検索バーが混ざって検索できないようになっています。
    環境は >>11 と同じです。

    画像を貼っておくのでお早めに対処して欲しいです。
    http://uploda.cc/img/img529e842320d5d.jpg

    • 名無しさん
    • 2013年12月04日 (水) 10:32:24
    • 返信

    >>45 のものです
    もう一度再設定したら治りました。
    申し訳ございません。

    • 13
    • 2013年12月04日 (水) 10:38:58
    • 返信

    できましたー!ありがとうございます!!

    • 名無しさん
    • 2013年12月04日 (水) 12:26:49
    • 返信

    OS : Windows
    ブラウザ: Chrome
    市場を編集してもまったく反映されないんですが

    • 48
    • 2013年12月04日 (水) 12:33:18
    • 返信

    すみません
    自己解決しました
    もしかしたら反映が遅かっただけかもしれません

    • 名無しさん
    • 2013年12月04日 (水) 16:33:52
    • 返信

    すばらしいスタイルシートありがとうございます。
    色々試したところこちらが一番良かったです。

    ニコニコ動画(原宿)をクリックするとTOPに戻れるようになるといいなーと思ったり

    • hayun
    • 2013年12月04日 (水) 18:50:46
    • 返信

    >>42
    (・・?

    >>44
    最大横幅を980pxに変更しました。
    スクロールバーの関係で実質950pxくらいですが。

    >>50
    ありがとうございます!
    本当はリンクを付けたかったのですが、CSSでは残念ながらできません。

    • 名無しさん
    • 2013年12月04日 (水) 23:33:31
    • 返信

    もっとシンプルに、上部の説明文を消せるオプションが欲しいです(下部の説明だけあればいいので)

    • 名無しさん
    • 2013年12月04日 (水) 23:35:55
    • 返信

    スタイルを変更後動画は問題なく再生されるのですがマイリストからの連続再生ができなくなっていました、連続再生のとこをクリックしても動画単体でしか再生されません。

    不具合なのでしょうか?、もしくは設定によっては見れるのでしょうか?

    よろしくお願いします

    • 名無しさん
    • 2013年12月04日 (水) 23:45:46
    • 返信

    >>53

    申し訳ないです自己解決いたしました。
    お手数かけました。

    • 44
    • 2013年12月05日 (木) 02:40:33
    • 返信

    >>51
    さっそく更新してみました。素晴らしい!\(^o^)/
    あの無様にはみ出していた壁紙ボタンがこんなにすっきりと収まるとは…
    こうも早く対応していただけるとはありがとうございます。
    間延びして見えていた登録タグ部も上下の余白が詰まって収まりが良くなったような気が…頭上の余白は敵だ!

    調子に乗ってさらなる要望など^-^;
    ・再生/コメント/マイリスト数のフォントを大きくしてほしい
    ここだけフォントが小さくて、そろそろ老眼の始まった目には読み辛いので…
    ・コメントの過去ログ/再読込み/自動スクロールの3兄弟を独立させて大きくしてほしい
    原宿に比べて格段に小さく押し辛くなってしまいました。特によく使う再読込みが…
    そのあたりはこれ↓がほぼ完璧なんですけど、入れてみたらレイアウトがかなり崩れてしまいまして。
    http://userstyles.org/styles/94029/ginza

    あと、不具合なのか仕様なのか私だけなのか分かりませんが
    ・プレーヤー設定(歯車マーク)を開くと何か変更を加えるまで「適用して閉じる」ボタンがやたらちっちゃい
    ・プレーヤー設定の「コメント」→「詳細設定を開く」で「チャンネル・コミュニティで通常コメントを表示」の文字が縦書きに表示される
    という現象が発生しています。(環境はWinXP-SP3+Chrome)
    Flashで実装されている部分だと思うのですが、スタイルを無効にしたり他のスタイルに変更すると直るので何かしら関係しているのだと思います。
    ・上の「詳細情報・メニューを隠す」と「再生/コメント/マイリスト数」とサムネイルも一緒にお隠れになる
    というのもありますが、ここまでシンプルな画面になれば隠す必要もないので気にしてません^-^

    • 名無しさん
    • 2013年12月05日 (木) 12:14:59
    • 返信

    スタイルシートの作成ありがとうございます!
    GINZAバージョンの表示にうんざりしていましたが、作者さんのおかげでスッキリ見れるようになりました。

    一つ要望なのですが、タグ表示が4列以上あると4列目以降が隠れてしまうようです。
    (スクロールバーを動かすと表示される状態)
    できればすべて表示されて欲しいです。

    • hayun
    • 2013年12月05日 (木) 14:11:05
    • 返信

    >>52
    原宿っぽくするという目標から離れてしまうので難しいです。すいません。

    >>55
    たくさんありがとうございます!
    ・こちらの環境では、下の画像のようなフォントサイズですがこれより小さいですか?
    http://drive.google.com/file/d/0BzEpUDj6V4YVMEdlbGV1REdxV2s/edit?usp=sharing
    ・これは実装予定だったので近日中に実装します。
    ・修正済み
    ・修正済み
    ・これはカスタマイズ環境により、対応が大変なのでスルーしてしまっています。

    >>56
    ありがとうございます!
    4行目からスクロールバーが表示されるのは今のところ仕様です。
    これはタグ戦争が発生している場合、動画プレイヤーがガクガクしてしまうからです。
    改善できるように考えたいと思います。

    • 名無しさん
    • 2013年12月06日 (金) 18:49:31
    • 返信

    ほんとありがとう、今年一番感謝したわ
    これを運営がしてくれたら良かったんだがな

    • 44=55
    • 2013年12月06日 (金) 22:02:57
    • 返信

    >>57
    さっそく対応していただいてありがとうございます。
    コメント上のフォントサイズの件、なぜかうちのChromeでは隣のサムネイルの2/3くらいの高さに圧縮された感じになっていて、上に余白ができています。なんでだろ…私だけ?
    ついでにその下の「コメント/NG設定/ニコメンド」のタブのフォントも微妙に小さいですね。
    ちょっとスタイルシートの読み方を勉強してみます…

    • hayun
    • 2013年12月06日 (金) 22:58:38
    • 返信

    >>59

    WindowsXPの場合、メイリオフォントが標準ではインストールされていないので、文字サイズが小さくなるんだと思います。
    ニコニコ動画では標準フォントをメイリオに設定しています。

    メイリオがインストールされていない環境において、カウンターが圧縮されてしまう問題は修正しましたが、文字サイズを変えると他の環境で弊害が発生するので、メイリオフォントをインストールすることをおすすめします。
    http://enjoypclife.ikaduchi.com/epl_originalplans/windowsvista_meiryo.html

    ClearTypeを指定しても、文字がガタガタで気になる場合は MacType などを導入してみてください。
    http://www.forest.impress.co.jp/docs/review/20120427_529485.html

    • 名無しさん
    • 2013年12月07日 (土) 00:55:38
    • 返信

    FirefoxESR24にて下部原宿風が問題なく表示されました。素晴らしいです。
    下部銀座改もいい感じですね。私はこちらを使いたいと思います。
    素敵なCSSをありがとうございます!

    • 名無しさん
    • 2013年12月07日 (土) 17:40:54
    • 返信

    ttp://hitaaki.blog47.fc2.com/blog-entry-45.html
    こちらの拡張マイリストと併用しているのですが、一部の記述でCSSが干渉しているようです。
    以下のように編集したところ正しく動作したため、取り急ぎご報告致します。

    715行目付近
    【旧】#videoHeader.noAudioDownload #videoMenuTopList li:nth-child(6),
    【新】#videoHeader.noAudioDownload #videoMenuTopList .downloadButton,

    595行目付近
    【旧】width: 300px !important;
    【新】width: 370px !important;

    • hayun
    • 2013年12月07日 (土) 18:20:55
    • 返信

    >>62

    動作報告ありがとうございます。
    715行付近の修正と、ニコるボタンが消える不具合は修正しました。
    595行付近はなぜ横幅を広げる必要があるのでしょうか?
    スピードチェックは、nicovideo_additional_mylist.user.js 側で削除しているようです。
    横幅を広げると、タグが4行以上ある場合のスクロールバー操作ができなくなる可能性があるので今回は修正していません。

    • 62
    • 2013年12月07日 (土) 18:38:29
    • 返信

    >>63

    >595行付近はなぜ横幅を広げる必要があるのでしょうか?
    ボタンが多い一部の動画で、折り返されたliがサムネイル部分に被ってしまう事があったためです。

    最新のnicovideo_additional_mylist.user.jsを試したところ、
    スピードチェックが消えるので折り返しは起きていないようです。

    • hayun
    • 2013年12月07日 (土) 19:05:59
    • 返信

    >>64

    確かにそうですね。
    拡張マイリストボタンが増えると、音楽ダウンロード可の動画でかつ、動画アワードなどのイベントがあれば一行増えてしまうので、これはユーザー側での対応をお願いします。
    いい案が思いつけば改善していきたいと思います。

    • 名無しさん
    • 2013年12月10日 (火) 22:59:34
    • 返信

    初めまして。大変ありがたく使用させて頂いています。
    一つ要望なのですが、プレイヤー下部の再生リストにある「シャッフルボタン」をプレイヤー上に表示でないでしょうか? 原宿のときは「マイリストを連続再生」時に「ランダム再生」のチェックボックスがプレイヤー上にあったのですが、それが仕様変更でプレイヤー下部に行ってしまっているようで、デフォルトでリストを非表示にしていると、いちいちCSS解除を行わないと設定が変更できません。

    当方CSSでできることの内容があまり分かっていないため、論外の質問でしたら申し訳ありません。

    • hayun
    • 2013年12月10日 (火) 23:41:05
    • 返信

    >>66

    ありがとうございます。
    プレイヤー上に表示することも可能ですが、GINZAでは「再生リスト」タブが無くなって現在のようにプレイヤー下に表示されているため、プレイヤー上に表示するスペースが無いのが現状です。
    プレイリストのバーだけを表示するオプションも追加してみたいと思います。

    • 名無しさん
    • 2013年12月11日 (水) 08:55:26
    • 返信

    「再生」「コメント」「マイリスト」のんずを表示する部分が少し大きくなって
    枠からはみ出してしまうようになりました。

    • hayun
    • 2013年12月11日 (水) 12:46:23
    • 返信

    >>68

    確認してみましたが、こちらでははみ出さないので、
    使用しているOSとブラウザ・ブラウザのバージョンなどを教えていただけると、対応しやすいのでお願いします。
    また、他のCSSも使っている場合は無効にしてから再度ご確認ください。

    • 名無しさん
    • 2013年12月11日 (水) 20:17:29
    • 返信

    >>69
    Windows7、Firefox25.0.1です。
    よく見るとサムネイルの形もちょっとおかしくなっています……。

    • hayun
    • 2013年12月11日 (水) 21:15:27
    • 返信

    >>70

    環境の再現をしてみましたが、はみ出す状況は確認できませんでした。
    とりあえず、カウンターの高さを固定にしてみました。
    インストールページからアップデートをしてみてください。

    サムネイルはニコ動側の仕様変更まで暫定的に 16:9のサイズにカットしてあります。

    • 名無しさん
    • 2013年12月11日 (水) 21:26:05
    • 返信

    >>71
    高さは直ったのですが、今度は再生、コメント、マイリストの数字の位置がずれてしまいます……。

    ニコ割エリア:非表示
    左上再生窓:非表示
    プレイリスト:非表示
    下部:完全非表示
    壁紙を設定:しない

    で行っています。

    • 2013年12月11日 (水) 21:30:41
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • 名無しさん
    • 2013年12月11日 (水) 22:31:18
    • 返信

    >>67

    大変お早いご対応ありがとうございました。早速ダウンロードして使用させて頂きました。
    コンパクトにわかりやすくまとまっていて良いです。これからもよろしくお願い致します。

    • hayun
    • 2013年12月11日 (水) 22:52:01
    • 返信

    >>72

    結構ずれてますね。少し修正しました。
    一応26.0が最新なのでFireFoxのバージョンアップをしてみるのもいいかもしれません。
    比較すると若干フォントが違うので、フォントをブラウザで設定している場合は解除してください。
    https://drive.google.com/file/d/0BzEpUDj6V4YVSU5neGNKY3BaOVk/edit?usp=sharing

    • 名無しさん
    • 2013年12月11日 (水) 23:27:28
    • 返信

    >>75
    Windowsアップデート、Firefoxアップデート、フォント固定解除を行ったのですが
    それまでと同じようにずれてしまいます……

    • hayun
    • 2013年12月12日 (木) 00:10:55
    • 返信

    >>76

    絶対位置で指定してみました。カウンターの数値はずれなくなると思います。
    CSSは様々要因によってずれが生じやすいので、これ以上は環境の再現ができないと難しいです。
    原因が判明した場合は修正したいと思います。

    • 名無しさん
    • 2013年12月12日 (木) 00:45:48
    • 返信

    >>77
    綺麗に映るようになりました。
    いろいろお手数かけまして、どうもありがとうございます。

    あと、「コメント」「NG設定」「ニコメンド」の枠が少し下に飛び出しているのですが
    (>>75の画像でも確認できます)
    これはどうしてなのでしょうか……。

    • hayun
    • 2013年12月12日 (木) 01:04:13
    • 返信

    >>78

    いえいえ~バグ修正ができてこちらも改善点がわかってきました。
    とりあえず固定幅にしてみました。
    感覚で修正しているのでずれるかもしれません。

    • 59
    • 2013年12月12日 (木) 02:38:05
    • 返信

    対策していただいたのに返事が遅れてしまって申し訳ありません。
    おかげで綺麗に表示されるようになりました。
    メイリオフォント、今までのゴシックと随分雰囲気が変わりますね。
    まだちょっと違和感がありますが、もうしばらくしたらWin7を積んだニューマシンに乗り換える予定なので今から慣れておくかな…

    気が付けば毎日のようにバージョンアップされていてご苦労様です。
    今の私の環境ではこれで満足ですが、これからも改良されていくようですので楽しみです。
    それにしてもあのGINZAがここまで使いやすくなるとは…本当にありがとうございます。

    • 2013年12月12日 (木) 08:08:09
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • hayun
    • 2013年12月12日 (木) 13:06:53
    • 返信

    >>81
    2pxほど修正しましたがどうでしょうか。

    • 名無しさん
    • 2013年12月12日 (木) 14:30:20
    • 返信

    直りません……。画像の状態のままです。
    こちらの環境が何かおかしいのでしょうか……。

    • hayun
    • 2013年12月12日 (木) 16:51:17
    • 返信

    >>83

    PC環境をこちらで調べてみるので以下のURLにアクセスしてみてください。

    不安ならアクセスしなくても大丈夫ですが、不具合の修正は難しくなります。また、これで不具合が修正できるとは限りません。

    アクセスして送信ボタンを押すとブラウザが公開している、PC環境の情報がこちらに送信されます。
    ※送信する場合は以前コメントを書き込んだPCでアクセスして下さい。Firefoxでしか動きません。
    https://nanobit.sakura.ne.jp/support/pcinfo/

    • 名無しさん
    • 2013年12月12日 (木) 17:10:23
    • 返信

    >>84
    クリックしてみましたが、届いたでしょうか……

    • hayun
    • 2013年12月12日 (木) 17:17:49
    • 返信

    >>85
    届いていないですね。
    ご協力ありがとうございました。と表示されましたか?JavaScriptとFlashが有効になっている必要があります。
    表示されなければ、取得できる情報は少なくなりますが、下のURLにアクセスしてみてください。
    https://nanobit.sakura.ne.jp/support/pcinfo/send

    • 名無しさん
    • 2013年12月12日 (木) 17:21:09
    • 返信

    >>86
    「PC環境を送信しました。ご協力ありがとうございました。」
    と表示されました。
    これでいいでしょうか……。

    • hayun
    • 2013年12月12日 (木) 17:35:30
    • 返信

    >>87

    なぜかこちらに情報はきていないですね。。
    UserAgentだけは分りましたがおかしなところは無さそうです。
    手探りで修正するしか無いかもしれません。

    • 名無しさん
    • 2013年12月12日 (木) 17:56:42
    • 返信

    https://nanobit.sakura.ne.jp/support/pcinfo/send
    の方で、「OK」と出ました。
    これではどうでしょうか。

    • hayun
    • 2013年12月12日 (木) 18:20:13
    • 返信

    >>89

    そのURLはサーバー側で、UserAgentなどの簡単なデータしか記録していないのであまり意味はありません。
    とりあえずCSSを修正してみましたのでアップデートをお願いします。

    • 2013年12月12日 (木) 19:19:17
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • hayun
    • 2013年12月12日 (木) 20:51:46
    • 返信

    >>91

    これは、Firefox特有のバグなので回避策が分かり次第、修正したいと思います。

    • 名無しさん
    • 2013年12月12日 (木) 21:08:39
    • 返信

    >>92
    そうでしたか、自分だけでは無くFirefox全体でしたか。
    本当に些細な違いだけになってきたので、大変感謝しています。
    今後もよろしくお願いします。

    • 80
    • 2013年12月15日 (日) 05:37:45
    • 返信

    すみません、「もう満足」みたいな事を書いたばかりですがちょっと不具合が出てます。
    タグが自動更新されて2列<=>3列と変わるたびにタグ欄の高さが変わってプレーヤーが上下に動いてしまうようになっています。前は3列幅固定で4列目からスクロールバーが出る仕様だったような気がするのですが…
    ちょっと確認してみていただけますか?
    よろしくお願いします。

    • hayun
    • 2013年12月15日 (日) 15:47:53
    • 返信

    >>94

    ご報告ありがとうございます。
    ここがリアルタイムでなので一番厄介なところです。
    今回のバージョンアップから通常2行表示で、タグエリアをマウスホバーした時に全て表示するようにしました。
    タグ固定ピンも復活させました。これでタグ戦争が発生しても大丈夫だと思います。
    ただし、ニコ動側のマウスホバー検知で追加されるクラスが不十分なので、全て表示した状態からたまに戻らなくなることもあります。

    • 94
    • 2013年12月17日 (火) 04:02:09
    • 返信

    >>95
    さっそくご対応いただきありがとうございます。
    なるほどこうなりましたか…たまたまマウスカーソルがタグエリアを通過するとプレーヤーがピクッと動いたりするのが気にはなりますが、スクロールバーを使わずに全部表示できる事を考えるとこれがベストかもしれませんね。

    ところでまた別の問題です。
    詳細情報・メニューを表示していると、動画タイトルの右の方に「[?]この動画の記事」ボタンが配置されますが、タイトルが非常に長い場合このボタンと重なってしまいます。
    例:http://www.nicovideo.jp/watch/1386845199
    大した問題ではありませんので何かのついでにでも修正していただければと。

    ついでにちょっと質問を。
    「左上再生窓」ってどこに表示されるんでしょう?
    表示/非表示のどちらを選んでも違いが分からないんですが…
    そもそもGINZAになってから素の状態でも表示されなくなったので、動画ページからは消えたものだと思っていたのですが。
    まあこれも別に要らない子なんでどうでもいいんですけど…

    • hayun
    • 2013年12月17日 (火) 14:07:45
    • 返信

    >>96

    毎度ありがとうございます。
    通常時はタグをピンで固定して、タグ戦争が発生している動画はピンを解除すれば煩わしさは少なくなくなると思います。

    タイトルの長い動画、放置してしまっていたのを忘れていました。なるべく早く修正したいと思います。

    「左上再生窓」は、タグをクリックした時や動画をもっと見るをクリックした時に、動画を再生したまま左上に表示される小さい再生画面です。
    http://drive.google.com/file/d/0BzEpUDj6V4YVN294M2kxa1VhLU0/edit?usp=sharing
    非表示にする場合は、設定→パフォーマンス→動画検索時に小画面で動画を再生しない にチェックを入れると音声もなくなります。
    >そもそもGINZAになってから素の状態でも表示されなくなった
    どこのことでしょう?

    • 96
    • 2013年12月18日 (水) 05:20:26
    • 返信

    >>97
    あー、「左上」ってそれのことでしたか…
    私が思っていた「左上」は原宿プレーヤーで「ニコニコ動画」ロゴの左側に表示されていたGIFアニメの「左上アイコン」のことでした。大百科でも「左上」の項目ではそれを指しているもので。

    今でも「ニコニコ動画:GINZA」のロゴが表示されるページではロゴの左に意味もなく居やがります。
    http://www.nicovideo.jp/video_top
    ↑の左上とかw

    全然違う話で失礼しました。

  1. 悲報?

    Operaで使わさせてもらっていたのですが
    http://userstyles.org/ がStylishを認識しなくなる事態が起こっています

    どういうことかと申しますと、OperaにStylishをインストールしているのに
    http://userstyles.org/ を開いても「Stylish」をインストールして下さいと言われ
    スタイルのアップデートができなくなっています

    これはOSがXPやOperaをインストールしていなかったパソコンでも確認できたので
    設定や環境ではない可能性が非常に高いと思われます

    Chromeでは正常に今もアップデート出来ています

    丁度スタイルを削除していたタイミングだったために非常に痛い…

  2. すみませんバージョンを言っていませんでしたね

    12.16の64bit版です
    古いので切り捨てられたとしてもしょうがないのかな

  3. できればでいいのでお願いします!

    コミュニティコメントから通常コメントへの切り替えや
    自分が投稿した動画の説明文等をその動画から変更できるようにして欲しいです。

    分かりづらい場合はURLを貼っておくので、そこから確認していただくと助かります。

    • hayun
    • 2013年12月19日 (木) 00:01:01
    • 返信

    >>100
    確かに Opera12.16 からインストールできないですね。
    一応 UserScript からは動くみたいなので、どうしても Opera で UCSS が使いたい!という場合は以下の方法をご利用ください。userstyles.org はよくおかしくなるので今後治るかもしれませんが。

    ■ UserScriptのフォルダ指定方法
    http://goo.gl/NCrrNe

    ■ 手順
    ↓ インストールページでカスタマイズ後、青い「install as user JS」を右クリックからダウンロード
    ↓ 指定したフォルダにダウンロードした jsファイルを保存
    わぁい!

    >>101
    これは、インストールページのカスタマイズ項目「下部」から、「銀座改」か「+詳細情報」のついたものを選ぶとリンクが表示されるようになります。

  4. >>102
    普通に項目がありました…
    実装されてないと思い、書いてしまい申し訳ありません。
    ですが今まで以上に快適に動画が見れそうです!ありがとうございます。

  5. >>102
    JSから攻めるのか…(゚Д゚)

    ありがとうございます!
    言われた通りにしましたら、無事にUCSSが適用されました!

    むしろStylishを使うより、こちらのほうが私の性に合っているかもしれません
    不具合とかなければこっちのほうがファイル管理が楽ですね

    userstyles.orgについては今後も様子を見ていこうと思います

    • 名無しさん
    • 2013年12月21日 (土) 11:50:04
    • JRF4jLPA
    • 編集
    • 返信

    スタイルシートに大変助かっております。
    どうもありがとうございます。

    動作報告です。
    下部を「原宿風+詳細表示」にした時に、
    自分が投稿した動画の詳細表示の欄の文字が被ってしまいます。
    「この動画はコミュニティ○○コミュに登録されている動画です。×××××(読めない)」の
    「×××××」と「投稿者コメント(ニコスクリプト)の編集」の「投稿者コメント」が
    重なっています。
    可能でしたら修正していただけるとありがたいです。

    環境:WindowsXP/Chrome
    ニコ割エリア:表示/左上再生窓:非表示/プレイリスト:表示:操作バーのみ
    下部:原宿風+詳細情報/Wall設定:非表示/画面:中
    自作のカスタマイズ:無し/他のUserStyle:無し

    • hayun
    • 2013年12月22日 (日) 22:54:29
    • 返信

    >>105

    ありがとうございます。修正しました。

    • 名無しさん
    • 2013年12月23日 (月) 18:12:18
    • 返信

    GINZAのニコ割エリアのニュース枠が小さくなっているせいかもしれませんが、
    ニコ割動画が入ると視聴動画画面が下にずれて多少見づらくなってしまうのですが、
    ニコ割エリアと視聴動画画面を固定幅にすることは可能でしょうか?

    • hayun
    • 2013年12月23日 (月) 19:45:20
    • 返信

    >>107

    原宿ではキリ番などの情報も表示されていたので少し小さくなってますね。
    固定にすると今までよりもニュース欄を大きくしなければならなくなってしまうので、これは仕様ということでお願いします。

    • 105
    • 2013年12月25日 (水) 22:53:34
    • mQop/nM.
    • 編集
    • 返信

    >>106
    素早い対応、どうもありがとうございました。

    • 名無しさん
    • 2014年01月03日 (金) 15:39:46
    • 返信

    なぜかコメント欄の表示がバグって一つのコメントが複数表示されてしまいます。
    色々試したのですが、駄目でした。

    環境は>>11と同じです。

    画像貼っておきます。お早めに対応お願いします。

    http://uploda.cc/img/img52c65a5d18895.jpg

    • hayun
    • 2014年01月03日 (金) 16:00:14
    • 返信

    >>110

    これはニコニコ動画側の問題ですので、ニコニコ運営の対応待ちです。
    対策として設定の「コメントの自動受信」のチェックを外すと発生しにくくなるかもしれません。

    • 名無しさん
    • 2014年01月03日 (金) 16:55:10
    • 返信

    >>111
    そうでしたか、すいません。
    運営の対応が待ち遠しいですね

    • 名無しさん
    • 2014年01月07日 (火) 18:34:20
    • 返信

    ウェブブラウザがウィンドウモードでプレーヤー幅よりも狭いときに、動画プレーヤー下部オプションの「画面サイズを変更」から「大画面にする」を選択すると、再生数/コメント数/マイリス数及び動画サムネの表示位置がずれて、動画部に被ってしまいます。
    ブラウザはChromeを使用しております。ご確認ください。

    • 名無しさん
    • 2014年01月08日 (水) 17:19:01
    • ABmgzI8I
    • 編集
    • 返信

    こちらに報告すべき事では無いかもしれませんが一応。
    LIFEBOOK AH700/5BのWin7でchromeなんですけど、大変重宝していたのですがStylish自体を導入すると
    chromeが異様に重くなる、ニコ生を視聴しようとクリックした時点で画面が切り替わったタイミングで
    プレイヤーが表示されずに、shockwaveがクラッシュしてしまいその後は再起動しないとノート自体が
    重くて使い物にならなくなってしまいます。
    また複数タグしているとGINZAが音飛びしまくりながら他タグの読み込みも重くなり、下手をすると
    固まってしまう、という謎の症状が発生し続けたため、泣く泣くこのStylishを削除しました。
    快適だった為、大変残念です。

    こんな症状に陥っている方、他にいらっしゃいますか?

    • hayun
    • 2014年01月08日 (水) 17:37:08
    • 返信

    >>113

    修正しました。ありがとうございました。

    • hayun
    • 2014年01月08日 (水) 18:08:56
    • 返信

    >>114

    下記の方法もあるので試してみるといいかもしれません。

    ■ Tampermonkeyのインストール
    http://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo

    ■ Stylishを無効化した状態でCSSインストールページへ行く
    カスタマイズ後「install this style as user script」をクリック → OK

    でやる方法もあります。
    これでも重くなったりする場合は、Stylishの問題ではなくPC側の問題ということになります。

    • 113
    • 2014年01月08日 (水) 18:11:28
    • 返信

    >>115

    対応ありがとうございます。

    • hayun
    • 2014年01月08日 (水) 18:21:19
    • 返信

    お知らせ

    現在ブログの移転作業中です。
    不具合報告を含むコメントは返信以外、極力しないようお願いします。
    不具合報告等は、nicofinderのお問い合わせページもしくは、Twitterから受け付けます
    http://support.nicofinder.net/
    ご協力お願い致します。

    • 114
    • 2014年01月08日 (水) 21:33:44
    • ABmgzI8I
    • 編集
    • 返信

    申し訳ありません、再度書き込みさせていただきます。
    どうもフラッシュが悪さをしていたようで現在、shockwaveは2つのタイプが動いてますがこの内のPPAPIを切った所、ニコ生の問題はクリアできました。
    Googleには報告しましたが早く直して貰いたいものです、NPAPIのみだと動作は問題無いのですが
    色々細かい所で不具合が起きるので…。
    御迷惑をかけてしまい大変申し訳ありませんでした。

コメントの投稿


  • 最新記事
  • 人気記事

おすすめ

拍手