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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

YAPC配信風景 at DeNA Oﬃce

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

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

おしまい