【仕様】AbemaTV技術部 Part13【ツール】

**Anonymous** · 2018/11/30(金) 12:00:00.80

このスレは実況スレではありません。仕様、ツール、UI周りなどを語りましょう。
※実況は他のスレでお願いします。

公式プレスリリース
https://www.cyberagent.co.jp/newsinfo/press/
お知らせ
https://guide.abema.tv/posts/categories/67269

※前スレ
【仕様】AbemaTV技術部 Part12【ツール】
http://agree.5ch.net/test/read.cgi/liveabema/1511087335/

**Anonymous** · 2018/11/30(金) 12:17:21.70

**Anonymous** · 2018/11/30(金) 12:17:34.10

**Anonymous** · 2018/11/30(金) 12:17:45.39

**Anonymous** · 2018/11/30(金) 12:17:58.59

**Anonymous** · 2018/11/30(金) 12:18:10.09

**Anonymous** · 2018/11/30(金) 12:18:21.40

**Anonymous** · 2018/11/30(金) 12:18:32.54

**Anonymous** · 2018/11/30(金) 12:18:43.92

**Anonymous** · 2018/11/30(金) 12:18:54.23

**Anonymous** · 2018/11/30(金) 12:19:04.47

**Anonymous** · 2018/11/30(金) 12:19:15.32

**Anonymous** · 2018/11/30(金) 12:19:26.10

**Anonymous** · 2018/11/30(金) 12:19:37.29

**Anonymous** · 2018/11/30(金) 12:19:47.98

**Anonymous** · 2018/11/30(金) 12:19:59.27

**Anonymous** · 2018/11/30(金) 12:20:10.57

**Anonymous** · 2018/11/30(金) 12:20:22.23

**Anonymous** · 2018/11/30(金) 12:20:32.99

**Anonymous** · 2018/11/30(金) 12:20:43.98

**Anonymous** · 2018/11/30(金) 12:20:54.95

即死回避

**Anonymous** · 2018/11/30(金) 15:31:41.68

スレ立て保守乙

チャンネルが増減するタイミングか何かで、それまで見ていたチャンネルがズレる不具合はいつなおりますか

**Anonymous** · 2018/11/30(金) 16:36:32.77

ウィンドウが小さい場合の音量ツマミ操作中に右側のチャンネル切替ボタンが出しゃばってくる問題、
下記スタイルでスマートに回避してたのに、divの順番が入れ替わったせいで効かなくなってて悲しい。

[data-selector="footer"]:hover ~ [data-selector="channelButtons"]/*フッタ操作中は出しゃばらない*/{
z-index: 0;
}

**Anonymous** · 2018/11/30(金) 16:39:34.22

>>23
divの順番変わってちゃんと選択の上に出てくるはず

**Anonymous** · 2018/11/30(金) 16:53:44.25

ほんとだ、失礼しました。むしろ音量ツマミ問題を解決するためにdivの順番を入れ替えたのかもね。

**Anonymous** · 2018/12/01(土) 00:12:31.47

番組表を含む3スクリプトを更新しました。
https://greasyfork.org/ja/scripts/37720-abematv-timetable-viewer
https://greasyfork.org/ja/scripts/30531-abematv-screen-comment-scroller
https://greasyfork.org/ja/scripts/32141-abematv-shortcut-key-controller

ショートカットキーコントローラのマウスホイールによる音量調整は、
前スレの「増減を1ずつとか5ずつとかに」をよろしく解釈して、
「基本は5ずつ、音量10以下の時は1ずつ」にしました。

# ただし、コリコリホイールは上記の通りですが、ヌルヌルホイールは無段階です。
# あと同じコリコリマウスでもブラウザによってはヌルヌルとして解釈されることもあったりして謎です。

ホイールで調整できるのでまず使いませんが、公式の音量調整のマウスフォーカス判定範囲をさらに広げました。

**Anonymous** · 2018/12/01(土) 01:10:37.68

番組開始の前の15秒カウントダウンって全番組に入ってる？
たまに表示されないのがあるんだが回線のせいなのか

**Anonymous** · 2018/12/01(土) 02:35:21.75

>>26
ありがとうおおおおおおおおおおお

**Anonymous** · 2018/12/01(土) 07:30:09.20

マイビデオみたいにマイ番組は無いの？

**あぼーん** · NG

あぼーん

**Anonymous** · 2018/12/01(土) 14:02:48.67

>>26
乙乙！
自分の環境（マウス）では常に１０ずつしか音量変化しなかった
だけど前よりは細かいから助かる
あと、スクコメは歯車の設定からフォント変更もできるようにして欲しい

**Anonymous** · 2018/12/05(水) 15:43:16.44

公式番組表の「アニライ2やアベアニ2の放送の無い時間帯は番組表から消える」って仕様、
表がすっきりするってメリットはわかるんだが、
「今夜や明日の夜のアニライ2やアベアニ2でやる番組をチェックしたい」って時に
番組表から項目が消えてるから放送開始時間付近まで調べられないってのはかなりデメリットだな
再放送だからと適当な扱いなんだろうけどこりゃUIが杜撰だと感じざるをえない

**Anonymous** · 2018/12/05(水) 16:14:38.69

UIは関係ない定期

**Anonymous** · 2018/12/05(水) 16:22:12.55

「放送時間付近しか表の列とボタンを表示しない」ってのはユーザーインターフェースの仕組みのひとつだろ
「明日の夜のアニライ2の番組」という欲しい情報が見れないってのは
それを表示しないUIの問題でしかない

**Anonymous** · 2018/12/06(木) 05:51:33.92

>>26 また3スクリプトを更新しました。フォントの指定にも対応しました。

>>26には書きませんでしたが、番組表から消えちゃうチャンネルも、常時表示できるようになっています。
(少なくとも一度は「放送中の時間帯」にアベマにアクセスする必要があります)

ところで、番組表スクリプトで裏番組一覧を表示しようとすると、
たまーーーにアベマの機嫌を損ねて(DOMException NotFoundError)自動リロードしてしまいます。
アベマがいじりそうなDOMをremoveしたりはしていないのですが。
なにもmain要素をからっぽにしなくてもいいじゃないの。

**Anonymous** · 2018/12/06(木) 13:07:32.07

タイムテーブル入れてみたがｽｹﾞｰなぁ
ここまでできるのか
でも、このせいかウインドウのサイズ変更に画面のサイズが追従してくれなくなったみたい
chromeでTamperでやってます

**Anonymous** · 2018/12/06(木) 17:06:28.67

拡張で最大解像度が効かなくなったのはまたAbemaの仕様変更のせい？

**Anonymous** · 2018/12/06(木) 20:45:56.12

公式の音量バー最前面に来るようになったな
画面小さくして見てる時とか右のボタンがかぶって音量変更できないのが解消されたわ

**Anonymous** · 2018/12/07(金) 11:53:03.54

コメント位置下か。いろいろヤベエ

**Anonymous** · 2018/12/07(金) 14:00:44.10

昨日の夜のゴールデンタイムに一度コメ覧下からに仕様変更してて
見にくい見にくいってコメされまくってたのもあってか一瞬で元に戻してたんだが
まーたやってるな
>>26のコメントスクロールが機能しなくなったわ

**Anonymous** · 2018/12/07(金) 14:30:56.31

そういやUA変更の拡張でEdgeにしてたら番組切替時にぼやけることが無くなってたが
昨日あたりからかUA変えててもぼやけるようになったな
15秒CMの頭5秒くらいボヤケてたらそりゃ企業もCM打ちたくなくなるだろうな

**Anonymous** · 2018/12/07(金) 14:31:54.51

>>26のコメントスクローラを応急的に更新しました。まだ不具合あるかも。
「うちの環境ではコメント下になってないぞ」というひとはいるのかな？

**Anonymous** · 2018/12/07(金) 15:12:50.18

UIなんて一番安定してなきゃいけないものいじりすぎだろ
これはあれか､コメするなってことかね
おかげでCMにも影響出てるけどw

**Anonymous** · 2018/12/07(金) 15:15:49.54

https://i.imgur.com/slphO7H.jpg
最新の一番下のコメントをブロックしようとした時
(新着コメント↓)のボタンが必ずかぶってきてスクロールでずらすこともできず
仕方なく新着コメントを押してやり直すことになるのがとてもマヌケ
下手すると流れすぎて見失う

小さい画面で見ている時、
連携する　投稿する　の行が邪魔で仕方なく感じる

**Anonymous** · 2018/12/07(金) 15:21:10.24

>>43
そもそも、肝心なところを改善せずに
どうでもいいとこをコロコロ変えたり改悪してるのがブザマだな

コメントを出したまま音量・全画面・その他操作ができるようにするのが先決だろう
CM中はコメントが出なくて番組が始まるのを待って操作しなきゃならないのも無駄だらけ

**Anonymous** · 2018/12/07(金) 15:59:58.15

見逃しのやつ?autoplay=trueつけてないのに自動再生するようになってんのやめてくれー

**Anonymous** · 2018/12/07(金) 21:35:15.95

旧仕様
1. 新着コメントがいくつか来る
2. 最新の上から順に自然な流れで読み進めて、
3. すでに見たことのあるコメを発見したら読了

現行パターンA
2. 最新の下から順に読み進めて、 ←改行されたコメがあると特につらい
3. すでに見たことのあるコメを発見したら読了

現行パターンB
2. すでに見たことのあるコメを探し出して、 ←スムーズスクロールがないと特につらい
3. 古い順に最後まで読み進めたら読了

**Anonymous** · 2018/12/07(金) 22:08:16.88

ニコやyoutubeライブのコメ欄の上下に合わせたかんじか
特に不満のでていなかっただろうになんでここを変えたんだろうな

それより上下の隙間がスカスカで一度に見れるコメが少ないのと
連携する投稿するの行がコメ欄が狭くなって邪魔なのと
コメ欄周囲にタイトルと時間を表示したりの改善をしたほうが絶対評価高いのにな
相変わらず開発のユーザーを無視したオナニー修正にしか感じない

**Anonymous** · 2018/12/07(金) 22:14:28.96

コメビュ使ってるからブラウザのコメント欄は通報するときしか開かないわ

**Anonymous** · 2018/12/07(金) 22:17:03.48

>>48
スマホに合わせたのでは

**Anonymous** · 2018/12/07(金) 22:21:03.78

やっぱ技術者も顔採用なんかなw

**Anonymous** · 2018/12/08(土) 00:23:52.94

AbemaTV Auto Reload
https://greasyfork.org/ja/scripts/25598-abematv-auto-reload

knoaさん、他の人ので悪いんだけど
AbemaTV Screen Comment Scroller最新のv2.10.3にしたら↑のスクリプトが効かなくなった
これ自動的に最高画質にしてくれるから重宝してたんです

**Anonymous** · 2018/12/08(土) 02:32:21.74

>>>26 新着コメントのなめらかスクロールとハイライトに対応しました。

新着/ブロック/NGのUIまわりにまだ改善の余地があります。
Chromeでのウィンドウリサイズ、Auto Reload の件は了解しました。

**Anonymous** · 2018/12/08(土) 02:36:10.19

https://i.imgur.com/pl9yfho.jpg
全画面コメありで高普及のFHDで見るとこうだけど、
24インチくらいで60cm以内に近づかなきゃコメは小さくて読みにくい
そして60cmくらいで放送画面を見ると全体が見にくくて端はパースがかかって見辛い
全体がしっかり見えるとこまで下がると文字が小さすぎて全然読めない
24インチ以下程度なら邪魔くさいけど近づいたり離れたりで対応できなくもないが
最近安い50インチとかになるとそれも1m単位で動かなきゃならなくなり実質無理

https://i.imgur.com/OdflFxN.jpg
FHDの幅半分くらいのサイズだとコメが一度に8つくらいしか見えず
隙間を詰めたらあと4つくらい表示コメを増やせるだろうといつも思う
◯秒前◯分前も場所を取ってるだけで邪魔　漢字がずらっと並んでるのもキモい
線引いて色で分別すれば横2～4px程度で判別できるようにできる

とりあえずアベマは最低限、
文字フォントサイズとコメ欄横幅サイズを設定で変更くらいはできるようにしないと
現状どんなディスプレイサイズでも中途半端で見辛いデザインにしかなっていない

**Anonymous** · 2018/12/08(土) 03:41:35.19

https://i.imgur.com/mPjyBH7.png

**Anonymous** · 2018/12/08(土) 05:56:34.96

まともなUIすら作れないダメダメっぷり
素人が作った方のが使いやすいって・・・

**Anonymous** · 2018/12/08(土) 14:00:00.30

https://i.imgur.com/dfHEYpv.jpg
この検索ボックス、奇妙だな
・横1170以下だと真ん中に余白がたっぷりあるにもかかわらず画面からはみ出る
・横1065以下あたりで、なぜか検索ボックスが右に動く、これが本当に意味不明
　この時点で4文字くらいしか見えないので使い物にならない
・横970以下くらいで検索ボックスは完全に隠れる、検索ボックスをおけるだけの余白があるにも関わらず、だ

検索ボックスは右寄せ、左側にかぶるくらいになったら重ねず止める(左寄せ)ならわかるが
PCやタブレットで小画面でながら作業をする奴は機能を使わせねーよって方針なのかね？

**Anonymous** · 2018/12/08(土) 14:34:43.46

>>57
> .com-o-global-Header-root {
> min-width: 1180px;
> }

ファーーーーーーーｗｗｗｗｗｗ

コメントスクローラの次回更新でその公式謎指定を解除しておきます。
(autoにするだけで、しかるべき挙動になりました)

**Anonymous** · 2018/12/08(土) 19:31:19.79

>>26
やっぱこれが最も軽くて便利だ
ｱﾘｶﾞﾄｰ

**Anonymous** · 2018/12/08(土) 20:31:18.65

>>53
https://i.imgur.com/2eL0YJh.jpg
Screen Comment Scrollerを入れてコメの上の方(古いほう)の文字が
グレーにグラデして読みにくいのを無効にしたいんだが止める方法がわからない
なにか方法はあるだろうか？

**Anonymous** · 2018/12/09(日) 12:33:17.31

AbemaTV Screen Comment Scrollerの設定保存ってどうやるの？
ブラウザ閉じると初期設定にもどるんだけど

**Anonymous** · 2018/12/09(日) 15:20:46.80

クッキー消してんじゃねーの？

**Anonymous** · 2018/12/09(日) 22:00:37.39

固定ﾊﾞｸﾞは直ったっぽいね
安定性と負荷軽減のために処理をｼﾝﾌﾟﾙにするのは基本賛成
でもｺﾒ同士の会話がなくなってﾊﾞﾗﾊﾞﾗに独り言書いてる感じになった

全体がﾊﾟﾁっと入れ替わるせいかな
１～２秒に５行ぐらいづつなら会話になるかな
投稿した時だけ、ﾊﾟﾁっと最新状態に同期するとか
（今までの投稿時の高速ｽｸﾛｰﾙは不安定要因だったようなので、そこはﾊﾟﾁっと入替でいい）

**Anonymous** · 2018/12/10(月) 11:55:55.62

おめでとう！Google2018ベストアプリカテゴリー&総合優秀！！

**Anonymous** · 2018/12/10(月) 14:17:58.66

https://i.imgur.com/1h1TI9L.gif
このグラデーションの要素名が見当たらない　分かる人教えてほしい
上の方が見えなくてなんかいやだ

あと視聴数が半透明で見えててコメにかぶってるのも気になる

**Anonymous** · 2018/12/10(月) 16:08:15.66

「Google Playベストオブ 2018」でインターネットテレビ局「AbemaTV」が「ユーザー投票部門」アプリカテゴリ最優秀賞を2年連続受賞
https://www.cyberagent.co.jp/news/detail/id=22591

**Anonymous** · 2018/12/10(月) 16:51:26.84

>>60 >>65
すみません、コメント一覧を映像に「重ねない」場合の処理を、私がミスったものです。
[data-selector="commentPane"] > div の mask-image あたりが該当しますが、
次回更新で修正されます。

>>61
クッキーに似た localStorage という仕組みを使っています。
無効になっているとすれば、ブラウザやセキュリティソフトが考えられます。

**Anonymous** · 2018/12/11(火) 01:23:07.21

>>26 それぞれ更新しました。
複数タブを開いているときの通知、ウィンドウリサイズ時の処理、ほかここで挙がったバグなどを改善。
ただし >>52 の AbemaTV Auto Reload は未解決です。研究します。

**Anonymous** · 2018/12/11(火) 13:10:40.32

有料で過去米見られるようになったって言うけど
ビデオが対象外なら
番組表から遡れる一週間前までのしか見られないじゃん

**Anonymous** · 2018/12/11(火) 16:02:19.52

>>26 >>52
コメントスクローラ v2.10.3 以降、AbemaTV Auto Reload と連携できなかった問題を解消しました。
# 連携の不具合とは別に、Auto Reload がたまに起動しないバグがあるようなので、
# Auto Reload のほうに問題箇所を報告しておきました。

**Anonymous** · 2018/12/11(火) 16:53:37.79

AbemaTV Timetable Viewerで画面右端に表示されるAbemaTV公式チャンネル切り替えの
表示が乱れます。

① ページ読み込み後の初回表示時は正常に表示されます。

ttps://imgur.com/R3m8pbw

② ①でチャンネルを切り替えずに一旦画面を閉じて、再度表示すると乱れます。

ttps://imgur.com/UVlQYf1

Chrome:71.0.3578.80(x64)
Tampermonkey:4.7.44
AbemaTV Timetable Viewer:1.1.4

**Anonymous** · 2018/12/11(火) 16:55:41.45

「AbemaTV」が新機能「見逃しコメント機能」の提供を開始
https://www.cyberagent.co.jp/news/detail/id=22592

**Anonymous** · 2018/12/11(火) 18:02:09.63

公式も新着コメントに短いハイライト入れてきたね。なめらかスクロールも近いうちに入れるつもりなのかな。

>>71 改善策を試行錯誤中です。

**Anonymous** · 2018/12/12(水) 08:51:14.04

ﾁｬｲﾅｼｮｯｸ以来の２４か月線割れ
１０月の記録的大陰線よりＩＶが高い
月足筋の離隔は規模がﾃﾞｶい

**Anonymous** · 2018/12/12(水) 08:52:08.11

誤爆…

**Anonymous** · 2018/12/12(水) 21:38:53.78

ハイライトもう少し長くして欲しいな
中の人はまじまじと見るから十分だろうけど、本編はあくまで映像なので、
映像に集中してる時に、視界の端っこでコメが動いたのを感じ、一拍置いてコメに目をやると、もうハイライトが消えてたり
１～２秒保持してから減衰がいいと思う

**Anonymous** · 2018/12/13(木) 12:08:50.41

いつでも見逃した番組を楽しめる「Abemaビデオ」がリニューアル UI刷新やレコメンド精度向上でさらに便利に使いやすく
～「Abemaビデオ」利用者数は昨年比で約2倍に～
https://www.cyberagent.co.jp/news/detail/id=22597

**Anonymous** · 2018/12/13(木) 14:16:55.02

https://i.imgur.com/yxxwQbF.gif
Chrome拡張でだいたいいけてるが、あとちょっとCSSで調整しないとしっくりこないな
フォントが小さい　秒前いらね　入力枠の上の余白が無駄　タイトルが2行になるとちょっと邪魔

**Anonymous** · 2018/12/17(月) 01:02:16.05

何か昨日くらいからアベマでテンパーモンキーのアイコンに
実行中の数字が表示されなくなったんだけどオマカンかな？
で、スクリプト自体は効いてるの

**Anonymous** · 2018/12/17(月) 19:40:24.20

設定
Action Menu
アイコンバッジの情報:

やぞ

**Anonymous** · 2018/12/18(火) 10:24:38.89

ｺﾒの固定ﾊﾞｸﾞは直ったわけじゃなく、上下逆にしたから影響が出にくいだけだな
なんで直せないのか不思議
よほど複雑で変な作りにしないと起きようがないﾊﾞｸﾞ
他人が作ったﾌﾘｰのﾓｼﾞｭｰﾙに頼ってるのかな

**Anonymous** · 2018/12/19(水) 11:43:03.62

>>26 番組表ほかを更新しました。
動作速度の向上。
番組検索時に数値を尊重し、「#1」での検索で「#10」などは対象外に。
裏番組一覧を開くと画面が消えて再読み込みしたり、レイアウトが崩れる問題を解消。(>>71)
通知の不具合を修正。
ほか、軽微な修正。

>>76
拙作コメントスクローラは5秒ハイライト+1秒減衰、かつアニメーション付きです。
画面上を流れるコメントが不要なら、最大同時表示数をゼロにすれば流れません。もしよければ。

**Anonymous** · 2018/12/19(水) 12:54:24.72

それを無いものねだりと言う

**Anonymous** · 2018/12/19(水) 22:03:53.14

>>82
作者さんいつもありがと
Screen Comment Scrollerを使用してコメントは流しながらの
コメント一覧は画面に被らずに独立して表示させるモードがあるといいな
アベマデフォルトの>>78の画像のような状態でね

**Anonymous** · 2018/12/19(水) 23:06:51.86

>>84
設定で「映像に重ねる」をオフにすればたぶんご希望の通り右に別枠で表示されますが、
設定項目の表現をもう少しわかりやすく「透過して映像に重ねて配置する」に変えてみました。

**Anonymous** · 2018/12/19(水) 23:44:52.09

>>85
早速の対応乙です。
恐らくそれじゃないかとチェック外しても、前のバージョンでは
自分の環境だと動画部分がセンターのままでコメ一覧とカブって表示されてたのよね
今のバージョンではキチンとできました。ありがとう

**Anonymous** · 2018/12/20(木) 09:43:17.37

あげ

**Anonymous** · 2018/12/21(金) 17:55:47.70

>>82
下の帯がコメント入力欄にかぶってコメント打てない気がする

**Anonymous** · 2018/12/21(金) 23:12:56.58

>>82
サイドのコメント一覧を表示してしばらくするとコメントが止まって流れなくなるな

**Anonymous** · 2018/12/21(金) 23:45:35.28

>>82
新着コメは背景ハイライトより拡張の先頭マークみたいに
先頭に縦ライン引いたほうが文字の視認性が悪くならずに新着とわかって有用な気がする
https://i.imgur.com/neUzFPs.jpg

拡張のは一瞬ずれるからちょいイマイチだけど

**Anonymous** · 2018/12/22(土) 17:28:52.12

>>26 全体にナビゲーションの動きをキビキビさせてみました。

>>88
右側のコメント一覧にマウスカーソルを乗せたまま入力欄までカーソルを下げれば、下の帯はせり上がってきません。
また、ショートカットキーコントローラを導入していれば、[K][Space][Enter]でもコメント欄にフォーカスできます。
先ほどの更新で下の帯が反応するタイミングもずらしたので、邪魔になる頻度は減るかと思います。

>>89
Mac Chrome/Safari最新版と、Windows Chrome/Firefox/Edge最新版で再現しませんでした。
まれに、コメント投稿後に自動取得が止まって「新着コメント」ボタンが出てしまう現象は確認しています。

>>90
先頭マークほどではありませんが、映像に重ねない場合の背景色を調整して、視認性を向上させました。
(>>84に触発されて、わたしもここ数日は重ねないモードで日常利用しています)

**Anonymous** · 2018/12/23(日) 19:32:42.08

コメント一覧と透過して画面内に重ねてるコメントも
今と真逆の左に配置することとかできる？

**Anonymous** · 2018/12/24(月) 00:20:19.94

https://i.imgur.com/JV2sklA.gif
個人的には左右にコメ欄があると画面が横長になって視線移動が多くなるし
ニコみたいに画面内を走ると見辛いし画面が見えなくて邪魔なことがあるので
画面上下に数行コメントが更新されていく感じを提唱する

**Anonymous** · 2018/12/25(火) 00:31:32.25

>>89 わたしの環境でも遭遇しました。先ほど更新したので、改善するかどうか、また様子を見てみます。
>>92 Stylusなどでスタイルを上書きすれば、やれないことはないと思います。でもちょっと大変かな？
>>93 コメント専用エリアに「スクロールさせる」方式なら、ニコニコでもごく一部の番組でありますね。

そろそろ3スクリプトをワンセットにした拡張化に手を付けます。

**Anonymous** · 2018/12/26(水) 01:15:46.29

shuffle一挙放送中にch自体が消えるバグ発生中w

**Anonymous** · 2018/12/30(日) 12:44:08.87

abemaビデオの連続再生ってオフに出来ないんでしょうか？