Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
動画配信サイトを支える技術 Shinjuku.rb #39
Search
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
870
現実のRuby/Railsアップグレード
takeyuweb
4
14k
Shinjuku.rb #95 LT会!心の技術書を紹介しよう!
takeyuweb
0
110
リモートワークへの招待
takeyuweb
2
550
OSSにみるレールの外側
takeyuweb
0
240
Rails meets Content Security Policy
takeyuweb
1
720
Rails受託会社を作っている話
takeyuweb
0
150
社長が書いたクソコードたち
takeyuweb
0
2k
Rails 考古学:WebAPIを取り巻く環境の変化とRailsの対応について
takeyuweb
0
130
Other Decks in Technology
See All in Technology
起点・思考・出力で分解する 〜PM業務の自動化設計〜
kazu_kichi_67
2
1.2k
product engineering with qa
nealle
0
130
コミュニティの有益性 ~JAWS Days 2026 での体験を通して~ / The Benefits of a Community ~Through My Experience at JAWS Days 2026~
seike460
PRO
0
310
AIエージェントとPhysical AIが拓く製造業の変革(ハノーバーメッセリキャップ)
iotcomjpadmin
0
190
製造現場での生成AIの活用、およびエージェントAIの実装のあり方、AVEVAの取り組み
iotcomjpadmin
0
210
Hatena Engineer Seminar 37 jj1uzh
jj1uzh
0
370
なぜ人は自分のプロジェクトを 「なんちゃってアジャイル」と 自嘲するのか
kozotaira
0
210
そこにあるから地図ができる~位置を示す"モノ"を愉しむ~ - Interface 2026年6月号GPS特集オフ会 / interface_202606_GPS_offline
sakaik
1
160
プライバシー保護の理論と実践
lycorptech_jp
PRO
1
190
AI時代における最適なQA組織の作り方
ymty
3
300
データレイクの「見えない問題」を可視化する
sansantech
PRO
1
250
フロントエンドイチゲキ実装 ― Figmaデザインと画面設計書からAIに実装・テストを書かせるための”下ごしらえ” / 20260627 Yusuke Mazuka
shift_evolve
PRO
0
100
Featured
See All Featured
エンジニアに許された特別な時間の終わり
watany
107
250k
We Have a Design System, Now What?
morganepeng
55
8.2k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
170
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
From π to Pie charts
rasagy
0
220
Statistics for Hackers
jakevdp
799
230k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
400
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
620
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Accessibility Awareness
sabderemane
1
150
How to Think Like a Performance Engineer
csswizardry
28
2.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
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