週刊誌の動画特典ページをNext.js + Vercelで構築した話
はじめに KODANSHAtechという会社でFRIDAYの開発案件に携わっています。 FRIDAYは講談社から発行されている写真週刊誌です。スクープ記事が注目されがちですがグラビアも多くやっており、撮影時の動画をウェブで提供しています。本記事では、FRIDAYにおける動画特典ページをNext.js ＋ Vercelでリプレースした事例を紹介します。 上記の画像はユーザーが動画を見るまでのフローを示したものです。ユーザーはFRIDAY紙面に掲載されたQRコードを読み込み、遷移先のページでパスワードを入力します。入力すると、動画を視聴できるようになります。 移行の経緯・技術選定 FRIDAYには古くから存在する月額課金のサービスが存在し、そのサービスに相乗りする形で紙面の動画特典ページを運用していました。しかし、サブスクリプションのサービスにリプレースしたタイミングで、動画特典ページを別アプ
再生数よりも「視聴者との距離感」が大事。FinTechアプリ「バンドルカード」の獲得単価でみる「コスメYouTuber」想定外の影響力と広告効果を高めるコツ | アプリマーケティング研究所
再生数よりも「視聴者との距離感」が大事。FinTechアプリ「バンドルカード」の獲得単価でみる「コスメYouTuber」想定外の影響力と広告効果を高めるコツ プリペードカードアプリの「バンドルカード」さんを取材しました ※株式会社カンム COO 竹谷直彦さん（右から二番目）、PR担当の岩楯廸子さん（一番左） バンドルカードについて教えてください。 バンドルカードは、アプリから中⾼⽣でもつくれる「Visaプリベイド」です、現在は約37万インストールされています。 これは、アプリにお金をチャージすると、通販等でクレジットカード代わりにつかうことができる、バーチャルなプリペイドカードです。 実物のプラスチックカードにも対応していて、これを発行するとコンビニ等で買い物することも、できるようにもなっています。 もともとは、スマホで完結する若い世代に向けて、アプリで1分で発行できるプリペイドカードをつ
ポイントは「購買ファネルとの対応」と「狙いに沿ったKPI」 動画マーケティングの評価方法
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
スクリプト無し、動画をページの背景いっぱいに表示する方法
jQueryなどスクリプトは一切使わずに、HTML5+CSSで動画をウェブページの背景いっぱいに表示する方法を紹介します。 フルサイズのデモ IE8などHTML5のvideo要素に対応していないブラウザでは、代替の背景画像が表示されます。 実装は、非常にシンプルです。 HTML 動画はbody内の一番下にvideo要素で配置し、その上には通常通りコンテンツを配置できます。 <body> ... コンテンツ ... <!-- 背景に設置する動画 --> <video autoplay loop poster="http://mattgrossdesign.com/raw-media/first-frame-screencap" id="video-background" muted> <source src="http://mattgrossdesign.com/raw-media/wood
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
【動画あり】５分でわかる「LTの作り方とポイント」あるいはウケるプレゼンのコツ - 941::blog
YAPC::Asia とか、勉強会とかの運営とか司会とかをしょっちゅうしている人の視点で書いてみる。 基本的には「伝える」ことが目的なので、必ずしもウケる必要はないんだけど。 LTとは 基本的には技術的なネタをわーっと喋って５分で退場する電光石火のトークのこと。 Lightning Talk （ライトニングトーク）略してLT。 ・利点 ５分という制約があるのでダラダラしない 興味のない話でも５分ならば飽きない ・デメリット とくに無し。あえて言うなら５分のトークを準備するのに１週間かかったりする。 俺調べによると、喋る時間が短くなればなるほど内容が洗練されていくため準備に時間がかかる。 ・歴史 こちらを参照。YAPC発祥。 ライトニングトーク - Wikipedia 構成 基本的にはなんでもOKだが、オーソドックスにはこう ・自己紹介（１０秒くらいでいい、あなたが誰かなんて興味ない） ・ト
TechCrunch | Startup and Technology News
Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. In…
iPhone でも Flash でも再生できる mp4 を ffmpeg で作る方法 : 管理人@Yoski
なんか悔しいからもう一エントリ。まぁ、メモ程度です。 動画にはコーデックとコンテナというのがあり、詳細はともかく、iPhone でも Flash でも再生できる mp4 にしておくと、後々なにかと便利じゃね、ってことでメモ晒しときます。 やってることは H.264/AAC コーデックで MP4 にして、MP4コンテナをごにょごにょいじると iPhone からも Flash からも再生できるmp4が出来上がるというやつです。 で、スーパーフリーウェア ffmpeg を使いましょう。 こいつはバージョンアップが激しいので、yum とかつかわず、ちゃんとソースコンパイルすること。 - ffmpeg で、この ffmpeg をコンパイルする前に H.264コーデックのエンコーダーをいれておきます。 ありがたいことに VideoLan から フリーの h264/avc encoder が配布されてい
ウノウラボ Unoh Labs: Amazon Web Services入門: PHPとEC2/S3/SQS/SimpleDBで作るビデオ共有サイト
新年あけましておめでとうございます、五十川です。 PHPデベロッパー向けのAmazon Web Services（AWS）のリソースはhttp://aws.amazon.com/php/にまとめられていますが、そのArticles & Tutorialsカテゴリーにある、Introduction to AWS for PHP Developersという記事は、AWSの主要サービスの概要と、PHPによるその操作を学ぶチュートリアルで、ここで取り上げられているサービスに初めて取り組むPHPデベロッパーには格好の入門となっており、ここではこのチュートリアルを紹介したいと思います。 また、このチュートリアルはAmazon純正のライブラリを利用していますが、AWS用のライブラリには様々なものがあり、この記事の最後ではそのひとつ、Tarzanを紹介しようと思います。 なお、以下のチュートリアルのスクリ
アニメ動画の音声からBGMをカットしてボイス部分だけ抜き出すことって可能？ | 教えて君.net
動画で使われている音声はBGMもボイス部分も1つの音声ファイルにまとめられているため、完全に分離することは不可能。だが、「SoundEngine Free」と「歌声りっぷ」を併用すれば、ほぼボイス部分だけが残った音声ファイルを作ることができる。 まずはSoundEngine Freeで原曲のボーカル部分をカットして、BGMだけのファイルを作成する。次に歌声リップで原曲とBGMファイルを比較して、その差分を抜き出せば、ボイス部分だけ残った音楽ファイルが作成される。 なお、SoundEngine Freeは動画から直接音声を読み込めないので、「えこでこツール」であらかじめ音声部分だけ抜き出しておこう。 えこでこツールに動画ファイルをドラッグ&ドロップし、音声ファイルを抜き出す SoundEngine Freeで音声ファイルを読み込んで、「そのほか」→「ボーカルカット 音声除去 」を開く 「ライ
YouTube動画を音声解析して自動的にキャプションをつける機能がすごい（多言語翻訳可）*二十歳街道まっしぐら（FC2ブログ時代）
「YouTube」の一部の動画に自動キャプション機能がつきました。 日本語のものはまだできないようですが、英語音声の動画だと対応しているようです。 音声から自動的にキャプションを作ることができ、さらに多言語翻訳に対応しています。 英語動画の内容もこれがあればすんなり分かるようになるかも！ 以下にどのような機能か紹介します。 YouTube動画にこのようなキャプションを自動的にいれられるということです。 動画の右下からこの機能は使えます。 キャプションの選択は現在は英語しかありません。 音声文字変換すると、音声を解析して自動的にキャプションが埋め込まれます。 また、翻訳機能を使うことでそれらを多言語翻訳できます。 音声解析→英語キャプション→日本語翻訳した例です。 ↓ （上記画像が抜けてましたので修正しました 2009/11/22/ 17:54） 教育チャンネルから対応していくということでし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
ケーブルの正しい巻き方(動画)
RailsとCで作る大量広告配信システム / @yamaz
IDEA * IDEA