DenoとFreshでペアプロ・モブプロ用タイマー『timer.team』を開発して得た知見⏰

2023/12/22 7 users deno 知見 テック ペアプロ 最初

DenoとFreshでペアプロ・モブプロ用タイマー『timer.team』を開発して得た知見⏰ これはDeno Advent Calendar 2023の22日目の記事です。 はじめに こんにちは！　LEF（@lef237）と申します。 自分は今年の夏、えにしテックという会社に入社しました。そして最初のプロジェクトとして自社アプリを開発・リリースしました... 続きを読む

ブラウザキャッシュの仕組み

2023/04/09 333 users ブラウザキャッシュ Etag deno http

はじめに 最近Denoをよく触っており、DenoのSSRフレームワークであるFreshのミドルウェア・キャッシュについて調べている際にブラウザキャッシュのEtagヘッダが使用されており、気になったのでブラウザキャッシュの仕組みについて調べてみました。 Etagの正体 Etagとは、ブラウザキャッシュの仕組みの中で使用されるHTTP... 続きを読む

Denoのフルスタックフレームワーク「Fresh 1.1」登場。プラグインシステム、Preact DevTools対応、404ページのレンダリングなど新機能

2022/09/19 7 users TypeScript deno レンダリング 登場 最新版

Denoのフルスタックフレームワーク「Fresh 1.1」登場。プラグインシステム、Preact DevTools対応、404ページのレンダリングなど新機能 JavaScriptやTypeScriptのサーバサイドランタイム「Deno」を開発するDeno Land Inc.は、Deno用のフルスタックフレームワーク「Fresh」最新版となる「Fresh 1.1」をリリースしました。 ... 続きを読む

Deno の Web フレームワーク Fresh チュートリアル

2022/06/20 7 users deno フレームワーク レンダリング ビルド デフォルト

Fresh は Deno 製の Web フレームワークです。事前のビルドを必要せず、エッジでレンダリングを提供するという特徴があります。また Islands Architecture を採用しており、デフォルトではクライアントに JavaScript が配信されることがありません。 続きを読む

「海腹川背」のSwitch向け新作「海腹川背 Fresh!」をサクセスが東京ゲームショウ2018に出展へ。2019年発売で，会場では早くも遊べる模様 - 4Gamer.net

2018/09/05 25 users サクセス ふー 幕張メッセ 出展 千葉

「海腹川背」のSwitch向け新作「海腹川背 Fresh!」をサクセスが東京ゲームショウ2018に出展へ。2019年発売で，会場では早くも遊べる模様 編集部：Gueed サクセスは本日（2018年9月5日），9月20日から23日まで千葉・幕張メッセで開催となる東京ゲームショウ2018（一般公開日は22日と23日）に出展することを発表した。ブー... 続きを読む

Streaming Conference #2 | FRESH!（フレッシュ） - 生放送がログイン不要・高画質で見放題

2018/04/25 6 users 現場 交流 エンジニア ストリーミング配信 共有

動画や生放送のストリーミング配信についての知識を共有、参加者同士の交流を目的とする勉強会です。 現場の技術者からアプリサイドのエンジニアまでオールレイヤー大歓迎です！ 第1回の開催で大変ご好評をいただき、第2回の開催が決定しました！ 続きを読む

そのデザイン過剰です！　FRESH！新機能『ライブファウンディング』のお蔵入りUIデザイン | デザインってオモシロイ -MdN Design Interactive-

2018/03/12 16 users お蔵入り オモシロイ UI改善 担当デザイナー デザイン案

UI改善に新機能追加。日々スクラップ＆ビルドを繰り返しているサービス開発現場では、一つのデザインを創り上げるまでに数十を超えるデザイン案を作成することも少なくありません。本連載では"お蔵入りUIデザイン"と題して、現在のデザインに至るまでにお蔵入りとなったデザインにフィーチャーし、「なぜお蔵入りになってしまったのか？」をオクラくんと共に担当デザイナーが紹介していきます。 オクラくん お蔵入りになっ... 続きを読む

x264での動画配信 – FRESH! developers Note – Medium

2018/02/19 35 users medium Expert Obs 動画配信 x264

Software engineer at CyberAgent. Live streaming expert. Full stack and native mobile app developer. x264での動画配信 OBS の Streaming with x264 というブログが面白かったので翻訳してみました。この日本語訳を公開することにより、 FRESH! で配信して頂いている方に、少し... 続きを読む

CA、映像配信サービス「FRESH!」の1080p生配信に対応--2月には4Kの試験放送も - CNET Japan

2018/01/30 8 users サイバーエージェント フルハイビジョン 4K解像度 試験放送

サイバーエージェントは1月30日、映像配信プラットフォーム「FRESH!」について、フルハイビジョン（1920×1080ドット）までの、高画質動画の生配信に対応したと発表した。2月から4K解像度（2160p）での生配信を、一部番組で試験的に開始するとしている。 続きを読む

CA、ライブ配信サービス「FRESH!」にURL限定配信機能--4K解像度の対応も - CNET Japan

2018/01/19 16 users サイバーエージェント 特定 CNET Japan 4K解像度

サイバーエージェントは1月19日、同社が運営する映像配信プラットフォーム「 FRESH! 」について、特定のURLを知る人のみへ番組を配信することができる、URL限定配信機能を実装した。また4K解像度（2160p）に対応することもあわせて発表した。 URL限定配信機能は、「URLアクセス限定」の設定をした番組を、FRESH!のプラットフォーム上では表示せず、限定配信する番組ごとに発行される特定UR... 続きを読む

長谷川豊「結婚しない男は殺せ！女の知的水準低いと子供を多く産む、計算できないから」史上最悪の暴言 | KSL-Live!

2017/11/19 664 users KSL-Live 激論 連中 暴言 衆院選

元フジテレビアナウンサーの長谷川豊氏は、１０日放送のインターネット番組「激論!長谷川豊の本気論、本音論TV#43」（FRESH!フレッシュ） において、今までにないレベルの暴言を吐き、この回をもって放送を休止することを宣言した。暴言の内容からして、すべての業界から今まで以上に敬遠される事は間違いなさそうだ。 先の衆院選での対立候補を指して 「金でつるんでる連中」 、自身の住所がネット上で公開された... 続きを読む

ベビレ林愛夏、抜群の英語発音の秘密を公開「英語のアニメを見て育ちました」 （AbemaTIMES） - Yahoo!ニュース

2017/11/10 7 users AbemaTIMES glee ヴォーカリスト 英語発音 発音

アイドルグループ・ベイビーレイズJAPANの林愛夏が、大好きな海外ミュージカルドラマ「glee」に登場する英語詞の3曲を歌い上げ、抜群の英語発音を披露した。発音の理由に「英語のアニメを見て育った」と明かした。 11月7日に放送された映像配信プラットフォーム「FRESH!」の音楽バラエティ「林愛夏の音楽準備室」で、“アイドル界最強のヴォーカリスト”を目指す林は、大好きな海外ドラマ「glee」で登場す... 続きを読む

Frontrend Vol.10 - 夏の終わりに納涼パフォーマンス話　に行ってきた - dackdive's blog

2017/09/11 24 users dackdive's blog Frontrend 生放

2017 - 09 - 11 Frontrend Vol.10 - 夏の終わりに納涼パフォーマンス話　に行ってきた 勉強会 行ってきました。 絶対ブログ書く人類枠だったのでブログ書きます。 ハッシュタグ は #frontrend 。また動画が FRESH! で観られます。 FRESH! クライアントサイドパフォーマンス改善 FRESH! 鈴木雅佳 ( @sutiwo_ ) さん FRESH! 生放... 続きを読む

Introduction of FRESH! Developers team – FRESH! Developers Blog – Medium

2017/09/07 14 users medium Programmer Today Inc

Programmer, DevOps and Docker comedian, Horse Racing Analyst at CyberAgent, Inc. Introduction of FRESH! Developers team FRESH! is live streaming platform in Japan, developed by CyberAgent, Inc. Today,... 続きを読む

FRESH! における Web プッシュ通知機能 〜実装編〜

2017/08/09 93 users アジェンダ 池田 フロントエンド 実装概要 Web Push

はじめまして。FRESH! でフロントエンドの開発をしている池田 (こりら) です。 この記事では、Web Push の実装概要や FRESH! における Web プッシュ通知機能 〜機能設計編〜 をもとに、実際に FRESH! でどのように Web Push 通知機能を実装したのかを紹介します。 アジェンダ Web Push の実装概要 Web Notifications API Web Pus... 続きを読む

【ガルフレTV】三上枝織さんは芽以ちゃん並のお掃除上手!? 第4回放送をレポート - 電撃App

2017/08/04 6 users 電撃App 三上枝織さん レポート YouTube お掃除

『ガールフレンド』シリーズの公式生放送番組、“【ガルフレTV 2学期！】渡部優衣＆伊藤美来のガールフレンドになりたいの”が電撃オンラインch（ ニコニコ生放送 、 FRESH！ 、 YouTube ）で好評配信中。 今回は、森園芽以役の三上枝織さんをゲストにお迎えして、夏休みらしい企画が行われた第4回放送の様子をレポートしていきます。 オープニングから芽以の天然っぷりが全開 まずは、ぷちガールちゃ... 続きを読む

Steinbergの楽譜作成ソフト、Doricoが着実に進化中、サクサク動く安定性が魅力 : 藤本健の“DTMステーション”

2017/07/23 39 users Steinberg トリコ Finale Sibelius

昨年「 Finale、Sibeliusに殴り込み。Steinbergの楽譜作成ソフト、Doricoが国内11月下旬発売に決定 」という記事でも紹介した、 Steinberg の Dorico (ドリコ)。先日のニコニコ生放送、Fresh!で放送した DTMステーションPlus! の番組では、 Finale 、 Siberius 、 Dorico に Notion を加えた4大ソフトでバトルを繰り広... 続きを読む

内田真礼チャンネル | FRESH!（フレッシュ） - 生放送がログイン不要・高画質で見放題

2017/06/24 9 users 会話 特定 内田真礼 番組 人気声優

内田真礼チャンネル 〜内田真礼との会話を独り占め？ #内田真礼 … 内田真礼チャンネル 人気声優である内田真礼の、月1回の生放送番組。 内田真礼史上、最も密なファンコミュニケーションを目指す番組です。 注目は、「内田真礼独り占め」企画です。 特定の1名の視聴者のコ … 続きを読む

FRESH! AndroidアプリのUI/UX | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

2017/05/23 31 users フラッシ サイバーエージェント デベロッパーズブログ 役職

はじめに FRESH! でAndroid開発のリーダーをしているエンジニアの荒谷( @_a_akira )です。 役職としてはエンジニアですが、エンジニア目線でFRESHの縦化リニューアルに伴ったAndroidのデザインについて話したいと思います。 FRESHでは、基本的なデザインに関してはデザイナーがSketchでモックを作成した後にエンジニアとディレクターで仕様を踏まえつつ議論を重ねてブラッシ... 続きを読む

サイバーエージェント、ライブ動画マーケティングに特化した専門組織を新設 - CNET Japan

2017/05/19 11 users サイバーエージェント 新設 CNET Japan 専門組織

サイバーエージェントは5月19日、ライブ動画の広告活用に特化した専門組織「FRESH! LIVE WORKS」を新設したと発表した。 同社では、映像配信プラットフォーム「FRESH!」を使った広告主企業によるオリジナルタイアップ番組の制作・配信を手がけている。今回、ライブ動画を活用したマーケティングの強化を目的として、ライブ配信動画の広告活用に特化した専門組織として設立した。 FRESH!は、スマ... 続きを読む

FRESH! Web パフォーマンス改善 〜サーバサイド編〜 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

2017/04/20 67 users サーバサイドエンジニア サーバサイド編 一環 領域 開発フロー

FRESH! でサーバサイドエンジニアをしています @hori_ryota です。 今回は FRESH! における Web パフォーマンス改善の一環として、静的アセット配信の効率化に取り組みました。 実装工数が少なくそれなりに高い効果を上げられたので、参考になれば幸いです。 概要（やったこと） 今回は CI を含めた開発フロー、インフラ整備の領域で Web のパフォーマンス改善に貢献できればいいな... 続きを読む

FRESH! Web パフォーマンス改善 〜クライアントサイド編〜 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

2017/04/19 248 users クライアントサイド HLS プレイヤー パフォーマンス改善

みなさんこんにちは、FRESH! でフロントエンドの開発している鈴木(sutiwo)です。 前回は、 FRESH!におけるPCブラウザのFlash脱却 という HLS の Web プレイヤーについて記事を書きました。 今回はスマートフォン・ PC でのブラウザに関するパフォーマンス改善の取り組みとその結果についてお知らせします。 まずクライアントサイドのパフォーマンス改善を行うにあたり、弊社の W... 続きを読む

ディレクターとして、コミュニケーションを取る時に意識している５つのこと | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

2017/03/22 44 users ディレクター サイバーエージェント デベロッパーズブログ

みなさん、はじめまして。サイバーエージェントの映像配信プラットフォーム、 FRESH! で開発ディレクターをしている上野（ @chihi_u ）と申します。 FRESH!は2016年1月にサービス提供を開始しました。 2017年3月現在、チャンネル数は約2,500あり、24時間ライブ配信をしています。 FRESH!には立ち上げから参加していますが、ディレクターとしてサービス開発に関わることになった... 続きを読む

OpenFRESH API（ベータ版）を公開しました #freshlive | Daily FRESH!（デイリーフレッシュ）-注目の生放送を届けるニュースメディア

2017/03/13 39 users OpenFRESH API サードパーティツール ベータ版

この度FRESH!は公開APIとして OpenFRESH API（ベータ版） を公開しました。 OpenFRESHとは OpenFRESHはFRESH!の機能をAPIとして開放することで、より高度かつ便利にFRESH!を利用して頂いたり、独自のツール開発を促進していくためのプロジェクトです。 サードパーティツールに対する考え方 既にコメント読み上げツールのような非公式のサードパーティツールが存在し... 続きを読む

ライブ動画配信プロトコル（HTTP Live Streaming, HLS）の概要図解メモ（AbemaTV／FRESH!）

2017/02/20 108 users HLS 挙動 tsファイル Chrome DevTools

FRESH!で再生が止まってしまったときに、Chrome DevToolsのNetworkタブを見ていたところ、.m3u8というファイルの取得に失敗していることが分かりました。そこから、.m3u8ファイルと.tsファイルを用いて実現されるライブ動画配信の仕組み HTTP Live Streaming (HLS) の挙動について調べ、実際の通信内容と比較して、クライアント側の動作や、ファイルの内容な... 続きを読む