HACのブロマガ

Stylus - ニコニコ動画(く) 動画再生ページ改善 HTML5版 公開中

2016/12/24 22:18 投稿

コメント:45

  • タグ:
  • Stylish
  • GINZA
  • Chrome
  • Firefox
  • Stylus
  • userstyle
  • css
userstyles.org - ニコニコ動画(く) 動画再生ページ改善 HTML5版
最終更新日:2019/07/11

ニコニコ動画のHTML5版ページが使いにくいというあなたへ!

ページのレイアウト・デザインを変更して使い勝手を向上するスタイルシートを作ってみました。Chrome・Firefoxのアドオン「Stylus」をインストールし、このスタイルを適用することで、手軽にページを見やすくできます。ぜひ一度使ってみてください!

※StylusはStylishの派生版です。本家Stylishが使いづらくなってきたのでこちらをおすすめします。

こんな方におすすめ

  • 画面サイズ「中」だと小さすぎる!
  • コメント一覧が大きすぎて邪魔!
  • フルスクリーンでシークバーが邪魔!

対応確認済みブラウザ:Google Chrome 56, Firefox 50, Opera 42

ご意見ご要望等はこのブロマガにどうぞ。


特徴

横幅を1190pxに設定してレイアウト・デザインの気になるところを大幅改善。

半画面にしても無理なく動画を見られる!

全画面でコメント入力欄が邪魔にならない!


使い方

Stylusの導入

Stylusとは、指定ページのcssを上書きするためのアドオンです。Firefox・Google Chromeに対応しており、それぞれ以下のリンクから導入できます。

導入後は、ブラウザ右上に管理ボタンが表示されるので、そこからスタイルの適用・非適用、スタイルの削除・編集・新規作成、スタイルの検索等が行えます。

Google Chromeの場合

Stylus - Chrome ウェブストア
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Firefoxの場合

Stylus – Firefox 向けアドオン
https://addons.mozilla.org/ja/firefox/addon/styl-us/

スタイルの導入

以下のページから Install Style のボタンを押すことで、スタイルの導入が出来ます。

userstyles.org - ニコニコ動画(く) 動画再生ページ改善 HTML5版
https://userstyles.org/styles/135578

http://userstyles.org/ には、他にもニコ動用のスタイルを上げている方がおられるので、好みに合わせて使い分けてみてください。


スタイルの有効化/無効化・削除・編集

Stylus導入後は、ブラウザの右上にボタンが表示されます。ボタンをクリックると下のようなウィンドウが表示されます。

この画面でスタイルの有効化/無効化の削除の操作ができます。編集ボタンを押すことで、編集画面を開くことができます。スタイル一覧を見たいときは管理ボタンを押してください。

スタイルを適用して表示に問題があった場合は、まず無効化してみてください。


おまけ

コメ番のケタ数の増やし方(Chrome, Firefoxで確認)


コメント

HAC (著者)
No.47 (2019/06/14 21:10)
>>45 Mac3さま
「ウィンドウが横長時に画面下が見切れる」
これについては意図的にやっていました。しかし、ニコ動の元の仕様やYoutubeの仕様を見るに、縦幅にも合わせるほうが全体的なニーズに沿っていそうですね。今から手を付けてみます。
HAC (著者)
No.48 (2019/06/14 22:00)
>>45 >>47 Mac3さま
「ウィンドウが横長時に画面下が見切れる」問題に対処しました。動画枠がウィンドウの幅だけでなく高さに応じて縮小するように変更しました。こんな感じでよろしいでしょうか?
るきあ
No.49 (2019/06/16 11:19)
お世話になっております。

本日、アップデートされたスタイルを試してみたところ、幾つかの表記がコメント欄外にずれる問題が解消されていました!
ご対応いただきありがとうございます。

画面サイズは自分にとってはまだ多少大きかったのですが、これは自分がニコニコを使用する際、フォントの大きさ等の都合でブラウザの倍率を133%にしていたためだったようです。
ブラウザ倍率を120%にしたところ、(フォントの大きさも含め)問題ないサイズとなりました。
今後共お世話になります。ありがとうございました!
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事