Slide 1
Slide 1 text
YAPC::Japan 2022 で
スタッフとして配信に挑戦したコト
godan.m
2022-04-12 吉祥寺.pm #29 登壇資料
-配信でいい感じにTweetを表示させる技術-
Slide 2
Slide 2 text
YAPC配信風景 at DeNA Office
Slide 3
Slide 3 text
趣味: 動画系のあれこれ/燻製/たまに技術同人誌作成
虎の穴ラボ株式会社 所属
サークル StudioMocha 主宰
Slide 4
Slide 4 text
YAPC::Japanとは
Slide 5
Slide 5 text
● Yet Another Perl Conferenceの略
● Perl中心の言語カンファレンス
● 2022年で初のオンライン開催
● 今回は金、土曜開催の2トラック16セッション
● テーマは「一歩踏み込む」
● 配信は誰でも見れる形で開催しました
YAPC::Japanとは
Slide 6
Slide 6 text
宣伝
Slide 7
Slide 7 text
今回配信スタッフしてました
Slide 8
Slide 8 text
スタッフ参加でやっていたこと
- 配信設計&ドキュメント作成
- 配信関連のデザイン(枠とか、サムネとか)
- 広報記事執筆
- 機材提供
- 施策アイディア出し
- 配信でTweetを表示するやつ
Slide 9
Slide 9 text
スタッフ参加でやっていたこと
- 配信設計&ドキュメント作成
- 配信関連のデザイン(枠とか、サムネとか)
- 広報記事執筆
- 機材提供
- 施策アイディア出し
- 配信でTweetを表示するやつ
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
なぜ配信でツイートを表示するのか
- 動画配信での数少ないコミュニケーション
- Twitterへ誘導したい
- Twitterの盛り上がりの可視化したい
- アーカイブを見てる人に盛り上がりを共有する
Slide 13
Slide 13 text
なぜ配信でツイートを表示するのか
- 動画配信での数少ないコミュニケーション
- Twitterへ誘導したい
- Twitterの盛り上がりの可視化したい
- アーカイブを見てる人に盛り上がりを共有する
→”いい感じ”に表示したい！
Slide 14
Slide 14 text
いい感じとは
- 絵文字が死なない
- 画質が悪くてもある程度読めることを担保したい
- 準備に手間がかからない
- 長いツイートでも読みやすく表示したい
- 2Trackで同じものを極力表示しない
Slide 15
Slide 15 text
挑戦したかったこと
- Railsに入門する（Perlじゃなくてすみません……
- Electronで配布可能なパッケージに落とし込む
- 配信ツールフレンドリーにする
- CSSアニメーションを完全に理解する
- 開発期間はなるべく短く
Slide 16
Slide 16 text
構成
Slide 17
Slide 17 text
実装について
- 起動したら放置できるようにElectronで実装
- アニメーションはCSSで実装
- ツイートのクロールと表示管理はrailsサーバーで
- フレームレスで表示することで配信中でもモニタリン
グしやすい仕様に
Slide 18
Slide 18 text
挑戦してみて
- ツイート表示CRUD+WEB APIなので勉強の足がかりと
してちょうどよい
- Electron-Forgeかなり使いやすい！！
- Electronなどで配信ツールを作るのはかなりお薦め
- 開発期間は短かった（ただしギリギリ)
Slide 19
Slide 19 text
今後タスク
- 再利用可能にして公開したい
- アプリをtauriで書き直す
- もっとおしゃれに表示したい！！！
Slide 20
Slide 20 text
おしまい