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

1Anonymous 2018/11/30(金) 12:00:00.80ID:sJExH2Vr0
このスレは実況スレではありません。仕様、ツール、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/

2Anonymous2018/11/30(金) 12:17:21.70ID:G3ZkyFG30
2

3Anonymous2018/11/30(金) 12:17:34.10ID:G3ZkyFG30
3

4Anonymous2018/11/30(金) 12:17:45.39ID:G3ZkyFG30
4

5Anonymous2018/11/30(金) 12:17:58.59ID:G3ZkyFG30
5

6Anonymous2018/11/30(金) 12:18:10.09ID:G3ZkyFG30
6

7Anonymous2018/11/30(金) 12:18:21.40ID:G3ZkyFG30
7

8Anonymous2018/11/30(金) 12:18:32.54ID:G3ZkyFG30
8

9Anonymous2018/11/30(金) 12:18:43.92ID:G3ZkyFG30
9

10Anonymous2018/11/30(金) 12:18:54.23ID:G3ZkyFG30
10

11Anonymous2018/11/30(金) 12:19:04.47ID:G3ZkyFG30
11

12Anonymous2018/11/30(金) 12:19:15.32ID:KdYtRkjP0
12

13Anonymous2018/11/30(金) 12:19:26.10ID:KdYtRkjP0
13

14Anonymous2018/11/30(金) 12:19:37.29ID:KdYtRkjP0
14

15Anonymous2018/11/30(金) 12:19:47.98ID:KdYtRkjP0
15

16Anonymous2018/11/30(金) 12:19:59.27ID:KdYtRkjP0
16

17Anonymous2018/11/30(金) 12:20:10.57ID:KdYtRkjP0
17

18Anonymous2018/11/30(金) 12:20:22.23ID:KdYtRkjP0
18

19Anonymous2018/11/30(金) 12:20:32.99ID:KdYtRkjP0
19

20Anonymous2018/11/30(金) 12:20:43.98ID:KdYtRkjP0
20

21Anonymous2018/11/30(金) 12:20:54.95ID:KdYtRkjP0
即死回避

22Anonymous2018/11/30(金) 15:31:41.68ID:PT/pfZ7H0
スレ立て保守乙

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

23Anonymous2018/11/30(金) 16:36:32.77ID:pvPQ+Dnq0
ウィンドウが小さい場合の音量ツマミ操作中に右側のチャンネル切替ボタンが出しゃばってくる問題、
下記スタイルでスマートに回避してたのに、divの順番が入れ替わったせいで効かなくなってて悲しい。

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

24Anonymous2018/11/30(金) 16:39:34.22ID:ZPtGZ+ws0
>>23
divの順番変わってちゃんと選択の上に出てくるはず

25Anonymous2018/11/30(金) 16:53:44.25ID:pvPQ+Dnq0
ほんとだ、失礼しました。むしろ音量ツマミ問題を解決するためにdivの順番を入れ替えたのかもね。

26Anonymous2018/12/01(土) 00:12:31.47ID:ASkXlSUe0
番組表を含む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ずつ」にしました。

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

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

27Anonymous2018/12/01(土) 01:10:37.68ID:0ylUPEKz0
番組開始の前の15秒カウントダウンって全番組に入ってる?
たまに表示されないのがあるんだが回線のせいなのか

28Anonymous2018/12/01(土) 02:35:21.75ID:l9rBtJp00
>>26
ありがとうおおおおおおおおおおお

29Anonymous2018/12/01(土) 07:30:09.20ID:umYaewV70
マイビデオみたいにマイ番組は無いの?

30Anonymous2018/12/01(土) 09:28:41.36ID:PYMduml+0
医師・古川優樹は今年4月、愛知県名古屋市のホテルで、当時17歳の無職の少女に現金3万円を渡してみだらな行為をしたとして逮捕されました。

愛知県警によりますと、古川容疑者は知人の16歳の少女にツイッターで「16歳か17歳の女の子を紹介してくれたらお金あげるよ」とメッセージを送り、

17歳の少女を紹介してもらった見返りに現金約2万円の報酬を渡したということです。

古川容疑者は取り調べに対して容疑を認めているという。

http://www3.nhk.or.jp/news/html/20170827/k10011114441000.html

古川優樹のご尊顔
https://www.kakamigahara-hosp.jp/wp/wp-content/uploads/2017/08/doctor_img06.jpg

古川優樹の勤務先電話番号
058-389-2228

31Anonymous2018/12/01(土) 14:02:48.67ID:OFClXqhR0
>>26
乙乙!
自分の環境(マウス)では常に10ずつしか音量変化しなかった
だけど前よりは細かいから助かる
あと、スクコメは歯車の設定からフォント変更もできるようにして欲しい

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

33Anonymous2018/12/05(水) 16:14:38.69ID:ZNlcvpac0
UIは関係ない定期

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

35Anonymous2018/12/06(木) 05:51:33.92ID:fbFTH08r0
>>26 また3スクリプトを更新しました。フォントの指定にも対応しました。

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

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

36Anonymous2018/12/06(木) 13:07:32.07ID:JGgj8K1o0
タイムテーブル入れてみたがスゲーなぁ
ここまでできるのか
でも、このせいかウインドウのサイズ変更に画面のサイズが追従してくれなくなったみたい
chromeでTamperでやってます

37Anonymous2018/12/06(木) 17:06:28.67ID:mOQ4FF/g0
拡張で最大解像度が効かなくなったのはまたAbemaの仕様変更のせい?

38Anonymous2018/12/06(木) 20:45:56.12ID:YI61e8Sa0
公式の音量バー最前面に来るようになったな
画面小さくして見てる時とか右のボタンがかぶって音量変更できないのが解消されたわ

39Anonymous2018/12/07(金) 11:53:03.54ID:YDVdJk5H0
コメント位置下か。いろいろヤベエ

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

41Anonymous2018/12/07(金) 14:30:56.31ID:RJdMw4ea0
そういやUA変更の拡張でEdgeにしてたら番組切替時にぼやけることが無くなってたが
昨日あたりからかUA変えててもぼやけるようになったな
15秒CMの頭5秒くらいボヤケてたらそりゃ企業もCM打ちたくなくなるだろうな

42Anonymous2018/12/07(金) 14:31:54.51ID:YDVdJk5H0
>>26のコメントスクローラを応急的に更新しました。まだ不具合あるかも。
「うちの環境ではコメント下になってないぞ」というひとはいるのかな?

43Anonymous2018/12/07(金) 15:12:50.18ID:r9sJYqjY0
UIなんて一番安定してなきゃいけないものいじりすぎだろ
これはあれか、コメするなってことかね
おかげでCMにも影響出てるけどw

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

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

45Anonymous2018/12/07(金) 15:21:10.24ID:RJdMw4ea0
>>43
そもそも、肝心なところを改善せずに
どうでもいいとこをコロコロ変えたり改悪してるのがブザマだな

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

46Anonymous2018/12/07(金) 15:59:58.15ID:i5HFDRFM0
見逃しのやつ?autoplay=trueつけてないのに自動再生するようになってんのやめてくれー

47Anonymous2018/12/07(金) 21:35:15.95ID:YDVdJk5H0
旧仕様
1. 新着コメントがいくつか来る
2. 最新の上から順に自然な流れで読み進めて、
3. すでに見たことのあるコメを発見したら読了

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

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

48Anonymous2018/12/07(金) 22:08:16.88ID:RJdMw4ea0
ニコやyoutubeライブのコメ欄の上下に合わせたかんじか
特に不満のでていなかっただろうになんでここを変えたんだろうな

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

49Anonymous2018/12/07(金) 22:14:28.96ID:8H4WV6Kr0
コメビュ使ってるからブラウザのコメント欄は通報するときしか開かないわ

50Anonymous2018/12/07(金) 22:17:03.48ID:MLk+xPf70
>>48
スマホに合わせたのでは

51Anonymous2018/12/07(金) 22:21:03.78ID:fNwWVqt10
やっぱ技術者も顔採用なんかなw

52Anonymous2018/12/08(土) 00:23:52.94ID:+pJFZO/l0
AbemaTV Auto Reload
https://greasyfork.org/ja/scripts/25598-abematv-auto-reload

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

53Anonymous2018/12/08(土) 02:32:21.74ID:xBnKFxXY0
>>>26 新着コメントのなめらかスクロールとハイライトに対応しました。

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

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

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

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

55Anonymous2018/12/08(土) 03:41:35.19ID:aCIhbxuH0

56Anonymous2018/12/08(土) 05:56:34.96ID:lyiXZH6m0
まともなUIすら作れないダメダメっぷり
素人が作った方のが使いやすいって・・・

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

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

58Anonymous2018/12/08(土) 14:34:43.46ID:xBnKFxXY0
>>57
> .com-o-global-Header-root {
> min-width: 1180px;
> }

ファーーーーーーーwwwwww

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

59Anonymous2018/12/08(土) 19:31:19.79ID:65FB+VIO0
>>26
やっぱこれが最も軽くて便利だ
アリガトー

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

61Anonymous2018/12/09(日) 12:33:17.31ID:ZpsmZaDn0
AbemaTV Screen Comment Scrollerの設定保存ってどうやるの?
ブラウザ閉じると初期設定にもどるんだけど

62Anonymous2018/12/09(日) 15:20:46.80ID:kmYqE/yQ0
クッキー消してんじゃねーの?

63Anonymous2018/12/09(日) 22:00:37.39ID:dPHiytj70
固定バグは直ったっぽいね
安定性と負荷軽減のために処理をシンプルにするのは基本賛成
でもコメ同士の会話がなくなってバラバラに独り言書いてる感じになった

全体がパチっと入れ替わるせいかな
1〜2秒に5行ぐらいづつなら会話になるかな
投稿した時だけ、パチっと最新状態に同期するとか
(今までの投稿時の高速スクロールは不安定要因だったようなので、そこはパチっと入替でいい)

64Anonymous2018/12/10(月) 11:55:55.62ID:bmVs/knw0
おめでとう!Google2018ベストアプリカテゴリー&総合優秀!!

65Anonymous2018/12/10(月) 14:17:58.66ID:Q3VjPQS/0
https://i.imgur.com/1h1TI9L.gif
このグラデーションの要素名が見当たらない 分かる人教えてほしい
上の方が見えなくてなんかいやだ

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

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

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

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

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

69Anonymous2018/12/11(火) 13:10:40.32ID:oqq1AXg40
有料で過去米見られるようになったって言うけど
ビデオが対象外なら
番組表から遡れる一週間前までのしか見られないじゃん

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

71Anonymous2018/12/11(火) 16:53:37.79ID:ekPHudPL0
AbemaTV Timetable Viewerで画面右端に表示されるAbemaTV公式チャンネル切り替えの
表示が乱れます。

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

ttps://imgur.com/R3m8pbw

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

ttps://imgur.com/UVlQYf1

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

72Anonymous2018/12/11(火) 16:55:41.45ID:9Sn1APey0
「AbemaTV」が新機能「見逃しコメント機能」の提供を開始
https://www.cyberagent.co.jp/news/detail/id=22592

73Anonymous2018/12/11(火) 18:02:09.63ID:lukfiXV00
公式も新着コメントに短いハイライト入れてきたね。なめらかスクロールも近いうちに入れるつもりなのかな。

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

74Anonymous2018/12/12(水) 08:51:14.04ID:E5KIrdk/0
チャイナショック以来の24か月線割れ
10月の記録的大陰線よりIVが高い
月足筋の離隔は規模がデカい

75Anonymous2018/12/12(水) 08:52:08.11ID:E5KIrdk/0
誤爆…

76Anonymous2018/12/12(水) 21:38:53.78ID:+lSUm1FQ0
ハイライトもう少し長くして欲しいな
中の人はまじまじと見るから十分だろうけど、本編はあくまで映像なので、
映像に集中してる時に、視界の端っこでコメが動いたのを感じ、一拍置いてコメに目をやると、もうハイライトが消えてたり
1〜2秒保持してから減衰がいいと思う

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

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

新着レスの表示
レスを投稿する