Upgrade to Pro — share decks privately, control downloads, hide ads and more …

YAPC::Japan 2022 で スタッフとして配信に挑戦したコト

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for godan godan
April 12, 2022
Technology
560
1

YAPC::Japan 2022 で スタッフとして配信に挑戦したコト

2022-04-12に吉祥寺.pm #29で登壇した際の資料です。

Avatar for godan

godan

April 12, 2022

More Decks by godan

See All by godan
献立を支える技術
Avatar for godan godan
1
110
僕の イベントスタッフ 装備の最適解
Avatar for godan godan
2
170
YAPC::Hakodateの映像記録を支える技術
Avatar for godan godan
5
670
ミシンと刺繍とOSS
Avatar for godan godan
3
200
Nest Hubがある生活
Avatar for godan godan
2
130
オンライン配信の始め方
Avatar for godan godan
3
210
SOFT SKILLSは定期的に読み返したくな良書
Avatar for godan godan
2
120
Discord Embede SDK入門……　してみたかった話
Avatar for godan godan
1
570
今年どれだけ本読んだ？
Avatar for godan godan
0
140

Other Decks in Technology

See All in Technology
ブラウザ研修 2026
Avatar for Recruit recruitengineers
PRO
6
980
20260608_Codexの可能性_ノンプログラマー向け_大城追記
Avatar for NobuakiOshiro doradora09
PRO
0
800
【CEDEC2026】『ウマ娘 プリティーダービー』 英語版のキャラクターの方言や口調をローカライズするための創造的アプローチ
Avatar for Cygames, Inc. cygames
PRO
2
600
認知負荷をGemini で溶かす — GKE 基盤「Orbit」における AI エージェントの実践
Avatar for SansanTech sansantech
PRO
1
300
MIRU 2026 チュートリアル
Avatar for Keisuke Fujii keisuke198619
0
910
【CEDEC2026】Creative Approaches to Localizing the Dialects and Unique Speech of Umamusume: Pretty Derby Characters in English
Avatar for Cygames, Inc. cygames
PRO
3
13k
Head First モブプログラミング / Head First Mobprogramming
Avatar for TAKAKING22 takaking22
10
12k
制約理論（ToC）入門　2026版
Avatar for Recruit recruitengineers
PRO
8
2.2k
【AG-UI × A2UI × MCP Apps】Generative UIをやさしく解説する
Avatar for NRI Netcom nrinetcom
PRO
1
120
サイバー捜査員研修（前半）
Avatar for Nomizo Nomizo nomizone
1
2k
LLM・AIエージェントシステムベストプラクティス
Avatar for shibuiwilliam shibuiwilliam
6
1.2k
Goでデータパイプラインを作ろう
Avatar for SansanTech sansantech
PRO
1
440

Featured

See All Featured
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
860
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
Between Models and Reality
Avatar for mayunak mayunak
4
390
Scaling GitHub
Avatar for Zach Holman holman
464
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
45k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
640
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
280
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
270
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k

Transcript

  1. YAPC::Japan 2022 で スタッフとして配信に挑戦したコト godan.m 2022-04-12　吉祥寺.pm #29 登壇資料 -配信でいい感じにTweetを表示させる技術-

  2. YAPC配信風景 at DeNA Office

  3. 趣味: 動画系のあれこれ/燻製/たまに技術同人誌作成 虎の穴ラボ株式会社 所属 サークル StudioMocha 主宰

  4. YAPC::Japanとは

  5. • Yet Another Perl Conferenceの略 • Perl中心の言語カンファレンス • 2022年で初のオンライン開催 •

    今回は金、土曜開催の2トラック16セッション • テーマは「一歩踏み込む」 • 配信は誰でも見れる形で開催しました YAPC::Japanとは

  6. 宣伝

  7. 今回配信スタッフしてました

  8. スタッフ参加でやっていたこと - 配信設計&ドキュメント作成 - 配信関連のデザイン(枠とか、サムネとか) - 広報記事執筆 - 機材提供 -

    施策アイディア出し - 配信でTweetを表示するやつ

  9. スタッフ参加でやっていたこと - 配信設計&ドキュメント作成 - 配信関連のデザイン(枠とか、サムネとか) - 広報記事執筆 - 機材提供 -

    施策アイディア出し - 配信でTweetを表示するやつ
  10. None
  11. None

  12. なぜ配信でツイートを表示するのか - 動画配信での数少ないコミュニケーション - Twitterへ誘導したい - Twitterの盛り上がりの可視化したい - アーカイブを見てる人に盛り上がりを共有する

  13. なぜ配信でツイートを表示するのか - 動画配信での数少ないコミュニケーション - Twitterへ誘導したい - Twitterの盛り上がりの可視化したい - アーカイブを見てる人に盛り上がりを共有する →”いい感じ”に表示したい！

  14. いい感じとは - 絵文字が死なない - 画質が悪くてもある程度読めることを担保したい - 準備に手間がかからない - 長いツイートでも読みやすく表示したい -

    2Trackで同じものを極力表示しない

  15. 挑戦したかったこと - Railsに入門する（Perlじゃなくてすみません…… - Electronで配布可能なパッケージに落とし込む - 配信ツールフレンドリーにする - CSSアニメーションを完全に理解する -

    開発期間はなるべく短く

  16. 構成

  17. 実装について - 起動したら放置できるようにElectronで実装 - アニメーションはCSSで実装 - ツイートのクロールと表示管理はrailsサーバーで - フレームレスで表示することで配信中でもモニタリン グしやすい仕様に

  18. 挑戦してみて - ツイート表示CRUD+WEB APIなので勉強の足がかりと してちょうどよい - Electron-Forgeかなり使いやすい！！ - Electronなどで配信ツールを作るのはかなりお薦め -

    開発期間は短かった（ただしギリギリ)

  19. 今後タスク - 再利用可能にして公開したい - アプリをtauriで書き直す - もっとおしゃれに表示したい！！！

  20. おしまい