歴史とともに紐解く、AbemaTVのアーキテクチャの変遷 開発開始〜現在までの軌跡
2018年10月13日、株式会社AbemaTVが主催するイベント「AbemaTV Developer Conference 2018」が開催されました。3度目の開催となる今回のテーマは「PAST→FUTURE」。開局から2年半の実績を元に、快適な視聴体験を届けるための取り組みや、大規模な同時接続に対するシステム開発・運用に寄って得られた技術的知見を共有します。プレゼンテーション「AbemaTVのアーキテクチャの変遷 」に登壇したのは、株式会社AbemaTVの山中勇成氏。日本初のインターネットテレビ局、AbemaTVの開局から今日までのアーキテクチャーの変遷について、サービスの歴史とともに振り返ります。講演資料はこちら AbemaTVのアーキテクチャの変遷 山中勇成氏（以下、山中）：こんにちは。このセッションでは「AbemaTVのアーキテクチャの変遷」というタイトルで、AbemaTVが開局前
「AbemaTV」Web版におけるSSR化とFastlyへの移行
2018年10月13日、株式会社AbemaTVが主催するイベント「AbemaTV Developer Conference 2018」が開催されました。3度目の開催となる今回のテーマは「PAST→FUTURE」。開局から2年半の実績を元に、快適な視聴体験を届けるための取り組みや、大規模な同時接続に対するシステム開発・運用に寄って得られた技術的知見を共有します。プレゼンテーション「WebのSSR化とFastly移行」に登壇したのは、株式会社AbemaTV開発本部、Webチームの加藤賢一氏。AbemaTVのWeb版におけるSRR化と、それに伴うFastlyへの移行の軌跡を語ります。講演資料はこちら AbemaTVのWeb版のSSR化とFastly移行 加藤賢一氏（以下、加藤）：開発本部のWebチームに所属しています、加藤賢一と申します。よろしくお願いします。今日はAbemaTVのWeb版のSS
「AbemaTV」ブラウザ表示速度が3倍に
AbemaTVは5月24日、インターネットテレビ局「AbemaTV」のブラウザ視聴での表示速度を向上させる機能改善を行った。従来比で3倍アップしたという。 対象ページは、トップページ、Abemaビデオのエピソード一覧ページとエピソード詳細ページ。米Googleが提供するツール「Lighthouse」を使い、コンテンツの表示にかかる時間（First Meaningful Paint）を比べたところ、従来比の3倍速くなったという。 表示コンテンツをあらかじめWebサーバ側で構築するサーバサイドレンダリングや、コンテンツを高速かつ安定的に配信するためのネットワークであるCDN（Content Delivery Network）を活用することで実現したという。 AbemaTVは、テレビのように24時間編成のさまざまな番組を無料で視聴できる動画配信サービス。これまで、有料会員（月額960円、税込）向
AbemaTVのアクセシビリティ 小さな一歩｜シュンスケ｜ABEMA
「アクセシビリティ」という言葉を使うほどではないかも。（予防線） 正直なところ、マシンリーダブルな部分は僕はまだよく理解してない。 アプリにおけるスクリーンリーダーとか操作や表示調整諸々とかちょっと待って！頑張るから！という意気込み。 で、完全に僕の主観だけど、多くのデザイナーがまず初めにとっつきやすいアクセシビリティは「色のコントラスト」だと思う。 ということで、 まずはAbemaTVのiOSアプリの色を全部見直したよ！（2018年3月） （2019年春：追ってWebも対応済み） （Androidは元々マテリアルデザインのカラースキームを採用してたのでそこまで問題ありませんでした） これまでのUIの色周りの課題でいうと主にこの3つ。 ・「黒背景」と「白背景」の画面が混在していた。 ・どの背景でも文字のコントラスト比が十分に保たれてなかった。 ・使用している色数がちと多い。 「黒背景」と「
AbemaTVがアニメ配信強化 声優番組等を増加で3チャンネル新設 1/3がアニメに
テレビ放送のような番組編成で、インターネットを通じて無料で映像作品を届けるAbemaTVが、2018年春にサービススタートから2周年を迎える。これに合せてさらなる番組強化を目指すが、その鍵は再びアニメになるそうだ。 株式会社AbemaTVは3月8日、2周年に合わせた新たなチャンネルとして、「Abemaアニメチャンネル」「アニメLIVEチャンネル」「みんなのアニメチャンネル」の3つを4月1日からスタートすることを明らかにした。AbemaTVには、現在、ニュースやドラマ、スポーツなど20のチャンネルがあるが、このうち5つを「深夜アニメ」「なつかしアニメ」「家族アニメ」「新作TVアニメ」「アニメ24」といったアニメが占めている。ここに新たに3つが加わることで、8チャンネル体制となる。20あまりのチャンネルの1/3をひとつジャンルが占める異例の態勢となる。 AbemaTVは“無料で楽しめるインター
『72時間ホンネテレビ』ビデオリサーチ社は視聴人数「約207万人」と推計 （オリコン） - Yahoo!ニュース
元SMAPの稲垣吾郎・草なぎ剛、香取慎吾が出演したAbemaTV『稲垣・草なぎ・香取 3人でインターネットはじめます「72時間ホンネテレビ」』。11月2日午後9時から72時間にわたって生放送され、「総視聴数」は7400万と発表されたが、テレビの視聴率を発表するビデオリサーチ社は、独自の測定で「総視聴“人数”」が約207万人だったと発表した。 【写真】エンディングでは…大粒の涙を流した稲垣、草なぎ、香取 同社はテレビとネットの関係性を把握する計測方法「VR CUBIC」により、放送中にAbemaTVに接触した割合を2.4％と算出。この数字を日本の人口（15～69歳：約8765万人）に当てはめ、約207万人と推計し「“ミリオンセラー”と呼ばれるものがあらゆる業界で出にくくなっている昨今で、72時間＝たった3日間で推計200万人強に視聴されたということ自体、元SMAP3人の変わらぬ注目度の高さを
ホンネテレビ手応えから200億赤字の意味まで…藤田晋社長アベマTVの全てを語る
浜田 敬子 ［ジャーナリスト/前Business Insider Japan統括編集長］ and 西山 里緒 ［編集部］ Nov. 13, 2017, 11:30 AM ビジネス 74,928 11月2日から5日にかけて、稲垣吾郎さん・草彅剛さん・香取慎吾さんが初めてネット番組に出演して話題をさらった｢稲垣・草彅・香取3人でインターネットはじめます『72時間ホンネテレビ』｣。実現させたのはサイバーエージェントとテレビ朝日が2016年から共同で運営するネットテレビ局｢AbemaTV（アベマティーヴィー）｣だが、そこには藤田晋サイバーエージェント社長の大きな｢覚悟｣と｢決断｣があった。 ｢ホンネテレビ｣を振り返り、アベマの｢これまで｣と｢これから｣をどう考えているのか。藤田氏に｢ホンネ｣で語ってもらった。 ｢正直、こんなに反響があるとは思っていなかった｣ Business Insider Ja
元SMAP3人出演72時間テレビ、アクセス障害発生せず 亀田興毅の特番よりキャパ5倍にシステム増強
11月2日21時に放送が始まった、稲垣吾郎さん、草なぎ剛さん、香取慎吾さんがそろって出演するAbemaTVの生番組「72時間ホンネテレビ」。3日12時40分ごろ、総視聴数がAbemaTVの過去最高記録となる1420万を突破した。残りの放送を50時間以上余してなお記録を更新し続けている。 注目したいのは、放送開始から半日たってもなおアクセス障害が1度も発生していない点だ。 （C）AbemaTV AbemaTVにおいて直近でアクセス障害が発生したのは、5月7日に放送された特番「亀田興毅に勝ったら1000万円企画」。想定数より多くのアクセスが集中し、一時的に見られない時間が発生した。総視聴数は5時間の放送で1420万。今回更新されるまで過去最高記録を保持した番組だった。 「72時間ホンネテレビ」は元SMAPの3人が一挙に出演、さらにはジャニーズ事務所の方針でネットでの露出を禁止されていた彼らがS
Atomic Design powered by React @ AbemaTV
Atomic Design is a methodology for building user interfaces that advocates designing in isolation at the individual component level before assembling them into pages. The document provides examples of React component code for an announcement item, a divider, and a check toggle that demonstrate how to build reusable UI elements at an atomic level and compose them to build interfaces. It also shows
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイバーエージェントが新アニメレーベルを立ち上げた意義と目指すものは？ 「CAAnimation」キーマンに聞く | アニメ！アニメ！
AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2
AbemaTVはただのSSR じゃねぇんだよ
AbemaTV ホンネテレビ の本音
https://jp.techcrunch.com/2017/10/27/cyberagent-financial-results/
AbemaTV デザインのBefore & After
Monitoring at AbemaTV
1周年を迎えたAbemaTVの動画配信の裏側 / The background of video distribution in AbemaTV during one year
https://jp.techcrunch.com/2017/04/28/cyberagent-2017-2q/
開発上の様々な依存のつらみと FRESH! by AbemaTV の話
GKE@AbemaTV