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
YAPC::Japan 2022 で スタッフとして配信に挑戦したコト
Search
godan
April 12, 2022
Technology
1
500
YAPC::Japan 2022 で スタッフとして配信に挑戦したコト
2022-04-12に吉祥寺.pm #29で登壇した際の資料です。
godan
April 12, 2022
Tweet
Share
More Decks by godan
See All by godan
献立を支える技術
godan
1
40
僕の イベントスタッフ 装備の最適解
godan
2
120
YAPC::Hakodateの映像記録を支える技術
godan
5
600
ミシンと刺繍とOSS
godan
3
130
Nest Hubがある生活
godan
2
78
オンライン配信の始め方
godan
3
150
SOFT SKILLSは定期的に読み返したくな良書
godan
2
76
Discord Embede SDK入門…… してみたかった話
godan
1
450
今年どれだけ本読んだ?
godan
0
91
Other Decks in Technology
See All in Technology
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
170
なぜSaaSがMCPサーバーをサービス提供するのか?
sansantech
PRO
8
2.7k
ガチな登山用デバイスからこんにちは
halka
1
230
今!ソフトウェアエンジニアがハードウェアに手を出すには
mackee
11
4.5k
AI開発ツールCreateがAnythingになったよ
tendasato
0
110
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
kaminashi
3
850
AWSで始める実践Dagster入門
kitagawaz
1
540
Vault を基盤として整備し、 みんなに使ってもらえるようになるまで
takahiko
1
120
落ちる 落ちるよ サーバーは落ちる
suehiromasatoshi
0
150
共有と分離 - Compose Multiplatform "本番導入" の設計指針
error96num
1
260
dbt開発 with Claude Codeのためのガードレール設計
10xinc
1
930
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
1
1.5k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Automating Front-end Workflow
addyosmani
1370
200k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
A better future with KSS
kneath
239
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Building Adaptive Systems
keathley
43
2.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Speed Design
sergeychernyshev
32
1.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Transcript
YAPC::Japan 2022 で スタッフとして配信に挑戦したコト godan.m 2022-04-12 吉祥寺.pm #29 登壇資料 -配信でいい感じにTweetを表示させる技術-
YAPC配信風景 at DeNA Office
趣味: 動画系のあれこれ/燻製/たまに技術同人誌作成 虎の穴ラボ株式会社 所属 サークル StudioMocha 主宰
YAPC::Japanとは
• Yet Another Perl Conferenceの略 • Perl中心の言語カンファレンス • 2022年で初のオンライン開催 •
今回は金、土曜開催の2トラック16セッション • テーマは「一歩踏み込む」 • 配信は誰でも見れる形で開催しました YAPC::Japanとは
宣伝
今回配信スタッフしてました
スタッフ参加でやっていたこと - 配信設計&ドキュメント作成 - 配信関連のデザイン(枠とか、サムネとか) - 広報記事執筆 - 機材提供 -
施策アイディア出し - 配信でTweetを表示するやつ
スタッフ参加でやっていたこと - 配信設計&ドキュメント作成 - 配信関連のデザイン(枠とか、サムネとか) - 広報記事執筆 - 機材提供 -
施策アイディア出し - 配信でTweetを表示するやつ
None
None
なぜ配信でツイートを表示するのか - 動画配信での数少ないコミュニケーション - Twitterへ誘導したい - Twitterの盛り上がりの可視化したい - アーカイブを見てる人に盛り上がりを共有する
なぜ配信でツイートを表示するのか - 動画配信での数少ないコミュニケーション - Twitterへ誘導したい - Twitterの盛り上がりの可視化したい - アーカイブを見てる人に盛り上がりを共有する →”いい感じ”に表示したい!
いい感じとは - 絵文字が死なない - 画質が悪くてもある程度読めることを担保したい - 準備に手間がかからない - 長いツイートでも読みやすく表示したい -
2Trackで同じものを極力表示しない
挑戦したかったこと - Railsに入門する(Perlじゃなくてすみません…… - Electronで配布可能なパッケージに落とし込む - 配信ツールフレンドリーにする - CSSアニメーションを完全に理解する -
開発期間はなるべく短く
構成
実装について - 起動したら放置できるようにElectronで実装 - アニメーションはCSSで実装 - ツイートのクロールと表示管理はrailsサーバーで - フレームレスで表示することで配信中でもモニタリン グしやすい仕様に
挑戦してみて - ツイート表示CRUD+WEB APIなので勉強の足がかりと してちょうどよい - Electron-Forgeかなり使いやすい!! - Electronなどで配信ツールを作るのはかなりお薦め -
開発期間は短かった(ただしギリギリ)
今後タスク - 再利用可能にして公開したい - アプリをtauriで書き直す - もっとおしゃれに表示したい!!!
おしまい