目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォーマンスコストの基準設定、Webpack、依存関係、CDN、フロントエンドアーキテクチャ、CSR、SSR、CSR + SSR、静的レンダリング、プリレンダリング、PRPLパターン。 中編 アセットの最適化 Brotli、AVIF、WebP、レスポンシブ画像、AV1、アダプティブメディア読み込み、動画圧縮、Webフォント、Googleフォント。 ビルドの最適化 JavaScriptモジュール、モジュール/ノーモジュールのパターン、ツリーシェイ
【レポート】コンテナだけどサーバーレス！ AWS Lambda の最新機能をご紹介 #AWSSummit | DevelopersIO
CX事業本部@大阪の岩田です。5月31日までアーカイブが視聴可能なAWS Summitですが、Developer Zoneという開発者向けの特設サイトが存在することをご存知でしょうか？公式サイトでは以下のように案内されています。 より多くの技術情報に触れたいとお考えの開発者の方向けに、エキスパートによるテクニカルトーク、ライブ解説付きのデモ、AWS Robot Delivery Challenge, AWS DeepRacer リーグなど、多彩なコンテンツを備えた特設サイト「Developer Zone」をご用意しました。 少しカジュアルな雰囲気の中、よりディープに AWS サービスを活用した開発のノウハウを知ることができます。テクニカルトーク、ライブ解説付きのデモでは、参加するお客様からのご質問にもその場でお答えしますので、ぜひご参加ください。 この記事はDeveloper Zoneのセ
yt-dlp オプション一覧及びそのメモ - †MASAYOSHI†のオンラインメモ帳
youtube-dlの開発が止まっておりfork版のyt-dlpに移る事にした。yt-dlpはyoutube-dlのforkであるyoutube-dlcのそのまたforkになる。オリジナルであるyoutube-dlのオプション解説はyoutube-dl オプション一覧及びそのメモ。 2022/06/19更新 2022/09/06更新 OPTIONS -h, --helpヘルプを表示する。 --versionプログラムのVerを表示する。 -U, --update --no-update (default)プログラムのupdateを実行するかどうか。 -i, --ignore-errorsダウンロードエラーを無視する。プレイリストごとダウンロードするような時に使う。エラーで失敗してもダウンロードは成功したとみなされる。 --no-abort-on-error (default) --abor
ハワイ→シンガポール→ロンドン→渋谷(16) | Tansa
(イラスト:qnel) 児童ポルノや違法な性的画像が取引されていた「アルバムコレクション」の運営者は誰なのか。 私はホワイトハッカーと調査を続け、ある会社と人物に行き着いた。 社名は「MAX PAYMENT GATEWAY SERVICES」。運営責任者は「KEISUKE NITTA」である。 MAX社とNITTAは、アルバムコレクションと同じ仕組みのアプリを、他にも制作していた。「写真カプセル」と「動画コンテナ」だ。どちらのアプリも、子どもの性的虐待映像などが取引される温床となっていた。 看板を替えて、同内容のアプリを何度も作り直すのはなぜか。 同じ名前のアプリで違法画像の取引が長期間続くと、警察に目をつけられやすくなるためだろう。 NITTAとは、どのような人物なのだろうか。 前回までの記事で明らかになったアプリ同士のつながり 「KEISUKE NITTA」の漢字表記は? 「MAX P
アカデミック領域へのキャリアチェンジで見えたもの ーリサーチエンジニアとして掴んだ手応えと描く未来ー | FEATUReS サイバーエージェント公式オウンドメディア
「同じ社内での異動なのにまるで転職したような気分だった。」 そう話すのは、AI技術の研究開発組織「AI Lab」でリサーチエンジニアとして活躍する新卒3年目の芝田。 入社後「AbemaTV」で動画配信システムの開発を行っていた芝田が、さらなる技術力を磨くべくチャレンジの場として選んだ「Al Lab」。 そして現在、唯一の社外コミッターとして「Optuna※」の開発に関わったり、国際会議「The Web Conference 2020」の論文採択に貢献するなど、次々と実績を出していく彼に、アカデミック領域への挑戦の真意や、エンジニアとしてのキャリアの築き方を聞きました。 ※Preferred Networks社が提供するハイパーパラメータ自動最適化フレームワーク 目次 ①チャレンジの決め手は、論文を読み知識を積み上げる技術の磨き方 ②アカデミック領域でも活きたこれまでの経験。高速化のため
運営会社の代表者は、NITTA(15) | Tansa
(イラスト: qnel) 児童ポルノや、本人の同意がない性的な画像が取引されているアプリ「アルバムコレクション」。私はこれまで、アプリを運営する人物の正体を知るべく取材を進めてきた。 前回の記事では、アルバムコレクションがウェブサイトなどに掲げていた会社名「Eclipse Incorporated」が、ハワイのペーパーカンパニーである可能性が高いことを伝えた。運営責任者に名前のあった「William Leal」も架空の人物のようだ。 アルバムコレクションは、一見普通の写真や動画の交換アプリだ。宣伝では、修学旅行や家族の写真・動画を思い出として共有しようと謳っている。 だが実際には、児童ポルノや違法な性的画像ばかりが取引されている。アルバムコレクションの運営者は「性的商品」の売買をビジネスの柱としている。ペーパーカンパニーで身分を隠すのも、犯罪に加担した責任から逃れるためではないのか。 そう
概要 Webページでアニメーションを実装しようとしたときに、どんな方法があるのかまとめる。 今回は「実装したい特定のアニメーションにとって良い方法とは」ではなく、Webのアニメーション全般に対する知見を深める目的。 このアニメーションどうしようかなと思ったときに見返せるように。 方法 参考リンク 特徴のコメント 実際の例 などを書く構成になっています。 パッとググって出てくるライブラリは網羅したはず。 ライブラリの細かい使い方についてはそれぞれ紹介している記事がいっぱいあるので、ここでは特徴をメモ程度に。 スター数や最終更新日は執筆時点のもので、こまめに更新する予定はありません。 目安程度で実際の値は実際にGitHubをご確認ください。 パフォーマンスについてはスコープ外です。 アニメーションの調査方法について 既存サービス/サイトのアニメーションに何が使われているか調べる方法としてChr
はじめに この記事はドワンゴ Advent Calendar 2020 の6日目の記事です。 ドワンゴ Advent Calendar への参加も4年目となりました。 今回は仕事で触れている動画関連技術について、自分の勉強の覚え書きを書いてみようと思います。 今年もハードルを下げていくぞ💪 去年までの記事はこちら ドワンゴ Advent Calendar 2019 第2のドワンゴ Advent Calendar 2018 第2のドワンゴ Advent Calendar 2017 さて、私は仕事で何をやっているかと言うと、ざっくりと動画に関わることをやっている気がします。 動画に関わることと一口にいっても、コーデック、コンテナ、配信プロトコルなど色々ありますね。 用語も複雑で、初めて動画に関わることになった頃は何が何やらという感じでした。 数年経った今でも分からないことだらけです。 人類に
2019年5月19日、恵比寿LIQUIDROOMにてmillennium paradeというアーティストの映像演出をしました。 King Gnu常田大希、新プロジェクト・millennium paradeで世界へ 【ライブレポート】King Gnu常田率いるmillennium parade、音楽×3D映像の妙で酔わせたローンチパーティ（写真13枚） - 音楽ナタリー その時の内容についてはバッチリいい感じに書かれたライブレポートがあるのでそちらを参照してもらうとして、この記事では主に映像演出のテクニカルチームがどういう事をやっていたのかの舞台裏を書いていきたいと思います。TouchDesigner、Houdiniなどのソフトウェアを使っている人たちや、ライブの映像演出がどういう風に動いているかに興味がある人たち向けの内容です。 なぜそれを作ることになったのか 共通の知人つながりがあり、新
FFmpegで動画から音声だけ無劣化抽出（分離）
まえがき FFmpegは動画や音声を再生・変換するオープンソースソフトウェアです。他にもフィルタ処理をしたり直接ストリーミングさせるなど様々な機能を有しているため多くのソフトウェアに採用されています。さらにLinux、macOS、Windowsなどほぼ全てのOSやアーキテクチャで動作します。 FFmpegを使えばコピーガードなどがかかっている特殊な動画や完全にデータが破壊された動画以外ならば音声だけを無劣化で分離・抽出できます。 本記事はLinuxを前提としていますがWindowsでもコマンドプロンプトを用いて同様のことができます。 コマンド ターミナルを開いて以下のコマンドを入力 $ ffmpeg -i '/hogehoge/hoge.flv' -vn -acodec copy '/hogehoge/hoge.opus' 簡単に解説すると -i は処理内容を表示させるオプション/hoge
Apple、macOS 11.3 Big Surの「Safari v14.1」でWebMとVorbisのビデオ/オーディオフォーマットをサポート。
AppleがmacOS 11 Big SurやmacOS 10.15 Catalinaの「Safari v14.1」でWebMとVorbisのビデオ/オーディオフォーマットをサポートしたと発表しています。詳細は以下から。 Appleは現地時間2021年04月26日、AirTagに対応した探すアプリやApple M1チップ搭載のMacでiPhone/iPadアプリの操作をより向上させた「macOS 11.3 Big Sur」にデフォルトブラウザ「Safari v14.1」を同梱していますが、このSafari v14.1では、Googleが開発しているオープンでロイヤリティフリーの動画コンテナフォーマット「WebM」とその音声コーデック「Vorbis」のビデオとオーディオフォーマットがサポートされています。 WebMおよびVorbisのビデオ/オーディオフォーマットに対応 Safari 14.
Blenderで作ったアニメーションを、連番画像ファイルもしくは動画ファイルとして書き出す方法を紹介する。 動画ファイルに出す前に、一旦画像ファイルとして書き出し、それを結合して動画ファイルとして書き出す。 PNGで書き出す 動画ファイルに出す場合でも、事前に画像ファイルのpng形式で書き出す。 こうすることにより、劣化なく出力でき、途中でレンダリングが失敗しても部分的に書き出し直すことができる。 背景を透過させる プロパティ > レンダー > フィルム > 透過を有効にする 背景は合成するのが一般的。 レンダリングは素材ごとに書き出して、あとで合成するほうが、後々に編集しやすくなる。 画像形式をPNGにする プロパティ > 出力 > 出力 > 出力先のフォルダーを設定するファイルフォーマット [PNG] にするカラー> [RGBA] にする ヘッダー > レンダー > アニメーションレン
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-中編 | POSTD
2020年中期のWebアニメーション実装の全容と方法70選 - Qiita
動画関連技術 超ざっくりまとめ (コンテナ・コーデック編) - exits
Making of 'millennium parade' Visual System
アニメーションを連番ファイル・動画ファイルに書き出す【Blender】 – 忘却まとめ