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
YAPC::Japan 2022 で スタッフとして配信に挑戦したコト
Search
godan
April 12, 2022
Technology
560
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
YAPC::Japan 2022 で スタッフとして配信に挑戦したコト
2022-04-12に吉祥寺.pm #29で登壇した際の資料です。
godan
April 12, 2022
More Decks by godan
See All by godan
献立を支える技術
godan
1
120
僕の イベントスタッフ 装備の最適解
godan
2
180
YAPC::Hakodateの映像記録を支える技術
godan
5
680
ミシンと刺繍とOSS
godan
3
210
Nest Hubがある生活
godan
2
130
オンライン配信の始め方
godan
3
220
SOFT SKILLSは定期的に読み返したくな良書
godan
2
120
Discord Embede SDK入門…… してみたかった話
godan
1
590
今年どれだけ本読んだ?
godan
0
150
Other Decks in Technology
See All in Technology
The Agent Builder Loop from Daily Work to OSS
minorun365
PRO
3
180
Gitは怖い?共有ワークスペースから始めるSnowflakeチーム開発
coco_se
0
210
What the customer really needed
kawaguti
PRO
1
120
AI 駆動 Terraform 開発/SRE_BizReach_MIXI_2
visional_engineering_and_design
5
2.1k
WAF 運用改善の承認サイクル/SRE_BizReach_MIXI_1
visional_engineering_and_design
2
660
株式会社シーエーシー エンジニア向け会社紹介資料
cac
0
57k
データ_AIの事業の勝敗をわけるもの
nek0128
0
270
日経電子版を支えていく Kasane Design System/fec_fukuoka
nikkei_engineer_recruiting
0
1.4k
Slack上でインフラをトラブルシュートする! Agentic Platform Engineeringの第一歩
teru0x1
4
1.6k
アプリをもっと"iOSアプリっぽく"する小さな工夫 / Small Touches That Make Your App Feel More Like an iOS App
matsuji
1
840
Railsのように考える: See through the Master
snoozer05
PRO
0
100
技術的負債から考える、AI時代のエンジニアリング投資 — ビズリーチの技術的負債と向き合った経験から、変更し続けられるソフトウェアを考える/ technical-debt-con2026
visional_engineering_and_design
1
1.4k
Featured
See All Featured
Side Projects
sachag
456
43k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Bash Introduction
62gerente
615
220k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
190
Designing Powerful Visuals for Engaging Learning
tmiket
1
540
New Earth Scene 8
popppiees
3
2.6k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.1k
Test your architecture with Archunit
thirion
2
2.4k
Chasing Engaging Ingredients in Design
codingconduct
0
310
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
Discover your Explorer Soul
emna__ayadi
2
1.3k
Heart Work Chapter 1 - Part 1
lfama
PRO
9
36k
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で書き直す - もっとおしゃれに表示したい!!!
おしまい