Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
動画配信サイトを支える技術 Shinjuku.rb #39
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Yuichi Takeuchi
July 27, 2016
Technology
2.1k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
動画配信サイトを支える技術 Shinjuku.rb #39
RailsとAWSで動画配信サイトを作ったのでその話です。
LT枠だったのでさわりだけです。
Yuichi Takeuchi
July 27, 2016
More Decks by Yuichi Takeuchi
See All by Yuichi Takeuchi
現実のRuby/Railsアップグレード外伝 ~そして僕はforkした~
takeyuweb
0
930
現実のRuby/Railsアップグレード
takeyuweb
4
14k
Shinjuku.rb #95 LT会!心の技術書を紹介しよう!
takeyuweb
0
130
リモートワークへの招待
takeyuweb
2
560
OSSにみるレールの外側
takeyuweb
0
250
Rails meets Content Security Policy
takeyuweb
1
740
Rails受託会社を作っている話
takeyuweb
0
150
社長が書いたクソコードたち
takeyuweb
0
2k
Rails 考古学:WebAPIを取り巻く環境の変化とRailsの対応について
takeyuweb
0
140
Other Decks in Technology
See All in Technology
雪かき部 #7 もう怖くない!SELECT文!
foursue
0
270
オンラインゲームのシステム全体像 - コロプラ 2026年度 新卒研修
colopl
0
200
【データ横丁主催】AI Agentがコンテキストを使って仕事をした後、何が残るのか― 組織の経験を次の判断に引き継ぐ「Agent Memory」
shisyu_gaku
2
320
形式手法を使って仕様をコーディングしよう
mikanichinose
0
170
Swap and Memory Reclaim - Squeezing Out More RAM
ennael
PRO
1
1.6k
AI駆動開発、viviONの1年 ── うまくいったこと・いかなかったこと
vivion
0
150
OpenSharing について熱く語る〜AI アセットの共有について〜
kameitomohiro
0
170
並行性の問題を防げ!実践トランザクション入門
occhi
0
240
SDDの運用にめげずに向き合った話
sansantech
PRO
0
110
1人アドミンな私はAWSアカウント申請をSlackで完結したい!
ysuzuki
0
110
Lambda MicroVMsが分からなすぎたので使い所を1から考えてみた
tsukuboshi
2
320
VS Code × GitHub Copilot での Fabric 開発
ryomaru0825
1
230
Featured
See All Featured
Statistics for Hackers
jakevdp
799
230k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
490
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.9k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
290
Documentation Writing (for coders)
carmenintech
77
5.6k
Designing Powerful Visuals for Engaging Learning
tmiket
1
590
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
2
300
Transcript
Shinjuku.rb #39 動画配信サイトを⽀える技術 タケユー・ウェブ株式会社 ⽵内雄⼀
⽵内雄⼀ @takeyuweb 元フリーランスWeb開発者 • 1984年限界集落⽣まれ、⾼専育ち • 2008年個⼈事業主として独⽴ • 上流、下流、運⽤ •
Rails 1.1〜4.2受託(ほぼ業務委託) • 地域コミュニティサイト • SNS • ペライチ的なの • 業務管理システム • 動画配信・販売サイト などなど… • 特定の取引先に依存しない働き⽅! • 2016年6⽉ 法⼈成りしました • タケユー・ウェブ(株) ロケ地:蒜⼭⾼原
ディーゼル気動⾞ on Rails(単線)
ディーゼル気動⾞ on Rails(単線)
Gem選び • 情報があるか • 不⽑な嵌まり時間を最⼩限にしたい • コードに⽬を通す • 完全に追うほどはしないけどざっと⽬を通して何をやっているか把握 する
• 挙動を変えるものは使わない • 便利系にある奴 • たとえば論理削除は専⽤のメソッドを使う感じ
RailsとAWSで動画配信サイト を作ったのでその話
動画配信サイトに必要っぽいもの • ⼤容量ファイルアップロード • エンコード • サムネイル • ストリーミング •
ダウンロード
⼤容量ファイルアップロード
⼤容量ファイルアップロード • 分割アップロード • S3に蓄積 • MultipartUpload機能で結合
エンコード
エンコード • Amazon Elastic Transcoder • 動画変換サービス • S3上の動画ファイルを、指定した形式(プリセット)に変換し てS3に書き出すサービス
エンコード
サムネイル
サムネイル • Refile gem • 画像アップロード系gem • Sinatra製画像サーバ • 画像サーバについて
• URL中で画像の変換指⽰ • くり抜き、縮⼩、など • サイズ • フォーマット • URLに応じて変換して返す • processor⾃作もかんたん • JPEG/PNG圧縮・最適化で転送 量を削減
サムネイル • Amazon CloudFront • Refile 毎回変換するので遅い • プロキシキャッシュなどキャッ シュの仕組みが必要
• CloudFrontを経由してRefile サーバにアクセス • CoudFront側でキャッシュさ れるのでRefileサーバへのア クセスは激減
サムネイル
ストリーミング • 購⼊者だけに動画をストリーミング再⽣させたい • ストリーミングサーバーによらないストリーミングしたい
ストリーミング • HLS: HTTP Live Streaming • HTTPでストリーミング再⽣する仕組み • 簡単に⾔うと、動画ファイルを⼩分けにして、次々ダウンロー
ドしながら再⽣するもの • ⼩分けにした動画ファイルを「セグメント」と呼びます。
ストリーミング • CloudFront • セグメントをエッジサーバーでキャッシュ • Tokyoリージョンではデータ転送料⾦はS3と変わらない(15GBで $2000ぐらい) • 速い
• 署名付きURL • 利⽤期限等を設定したCloudFront URLを発⾏できる • 権限のあるユーザーにのみセグメントのDLが可能に • 署名付きURLでもちゃんとキャッシュされます
ストリーミング • CloudFront • 署名付きURL
ダウンロード • S3 • 安いリージョンに バケットを作る • 署名付きURL
そんなこんなで
独⼒でなんとか(プレ)リ リースに漕ぎ着けましたが
このままでは 死んでしまう!ので ※2016年4⽉〜6⽉の平均稼働時間300時間
パートナー募集してます。 • フリーランス、副業さんなど • 時給制、応相談 • Railsに⾃信 • Issueを渡すので消化して欲しい •
AWSなら俺に任せろー • 保守管理⽤ツールとか作って欲しい • フロントエンドできますって⼈ • ※現在React SPAですが、諸事情によりRailsビューへの移植を・・・ • 現在ぼく+2⼈ • https://takeyuweb.co.jp / Twitter @takeyuweb / Facebook takeyuweb