Muddy Web Podcast

Muddy Web Podcast

By Muddy WebTechnology
Download on the App Store

Muddy Web Podcast episodes

  • #5 スムーズに開発を進めるために、CI/CDやリリースワークフローはどうしてる？

    CAMやAI事業本部のエンジニアをゲストに、各プロダクトのCI/CDやリリースワークフローについて話しました。

    トークテーマ

    • リリースフローの紹介
    • Dev環境はどう使われてる？
    • テストってどうやってる？
    • リリースで使ってるツールについて
    • CAMのコンテンツリリースについて
    • 品質どう担保していくのか

      • 参考リンク

      • Viron: https://discovery.viron.plus/
      • sonarcloud: https://www.sonarsource.com/products/sonarcloud/
      • Grafana: https://grafana.com/
      • PipeCD: https://pipecd.dev/

        • 音声書き起こし

        ⁠https://github.com/CyberAgent/muddy-web/tree/main/podcast/%235⁠

        ※Whisper を使った書き起こしを配布しています。校正を行なっていないため、誤認識や表記ミスが存在する可能性があります。あらかじめご了承ください。

        ファシリテーター

        • 株式会社シロク 石井 勇生 (⁠https://twitter.com/YukiIshii10⁠)

          • ゲスト

          • 株式会社CAM 薄井裕樹 (https://twitter.com/upimaruuu)
          • AI事業本部 アプリ運用センター 森田勝駿 (https://twitter.com/texdeath)

            • コンポーザー

            • ⁠@kirillovlov
              • 31 min
            • #4 新卒で1年目を振り返ってみた話

              2022年度新卒として入社した3名が新卒1年目を振り返って、取り組んだことやそこから得た学びについて話しました。

              トークテーマ

              • 各会社で何をやってきたか
              • 1年を通して1番大きな学び
              • 1年前に戻れるとしたら、スタートダッシュでやりたいこと
              • 振り返ってみて先輩が言ってた事の意味って？
              • 今後なりたいエンジニア像

                • 参考リンク

                • pde.js: https://github.com/cam-inc/pde.js
                • WINTICKET QA における Autify 活用: https://speakerdeck.com/kj455/winticket-qa-niokeru-autify-huo-yong
                • Technologies for developing editors / Webエディタ開発を支える技術: https://speakerdeck.com/shuta13/technologies-for-developing-editors

                  • 音声書き起こし

                  https://github.com/CyberAgent/muddy-web/tree/main/podcast/%234

                  ※Whisper を使った書き起こしを配布しています。校正を行なっていないため、誤認識や表記ミスが存在する可能性があります。あらかじめご了承ください。

                  ファシリテーター

                  • 株式会社シロク 石井 勇生 (https://twitter.com/YukiIshii10)

                    • ゲスト

                    • 株式会社WinTicket 鍛冶 維吹 (https://github.com/kj455)
                    • 株式会社CAM 平井 柊太 (https://github.com/shuta13)

                      • コンポーザー

                      • @kirillovlov
                        • 30 min
                      • #3 レガシーブラウザは IE だけじゃない！？ABEMA 試合データ機能で培った WebView 開発ノウハウ

                        ABEMA の「試合データ」機能をアプリ内 WebView で動かすために行った WebView の内部環境の調査方法や、品質を担保するために整えた開発基盤などについて話しました。

                        トークテーマ

                        • 試合データ機能を WebView で提供することになった経緯
                        • 既存のアプリサポート範囲をカバーできる WebView ブラウザバージョンの調査
                        • レガシーブラウザで動作しない実装を弾く Linter を自作
                        • Storybook / Visual Regression Testing をレガシーブラウザで動かす環境を Docker 上に構築
                        • Node.js 上でもブラウザ上でも同じ単体テストを動かせる仕組み
                        • モダンブラウザには JavaScript を最適化して出しわけ

                          • 参考リンク

                          • fireos-archive/fireos-archive: https://github.com/fireos-archive/fireos-archive
                          • #ABEMA で試合のデータをアクセシブルに！デザインと色調整技術 | CyberAgent Developers Blog: https://developers.cyberagent.co.jp/blog/archives/38640/
                          • amilajack/eslint-plugin-compat: https://github.com/amilajack/eslint-plugin-compat
                          • 3846masa/stylelint-browser-compat: https://github.com/3846masa/stylelint-browser-compat
                          • mdn/browser-compat-data: https://github.com/mdn/browser-compat-data
                          • Deploying ES2015+ Code in Production Today — Philip Walton: https://philipwalton.com/articles/deploying-es2015-code-in-production-today/
                          • 3846masa/babel-plugin-polyfill-custom: https://github.com/3846masa/babel-plugin-polyfill-custom

                            • 音声書き起こし

                            https://github.com/CyberAgent/muddy-web/tree/main/podcast/%233

                            ※Whisper を使った書き起こしを配布しています。校正を行なっていないため、誤認識や表記ミスが存在する可能性があります。あらかじめご了承ください。

                            ファシリテーター

                            • 株式会社シロク 石井 勇生 (@YukiIshii10)

                              • ゲスト

                              • 株式会社AbemaTV 宮代 理弘 (@3846masa)

                                • コンポーザー

                                • @kirillovlov
                                  • 26 min
                                • #2 これまでの作問者たちが語る！Web Speed Hackathonの舞台裏

                                  Web パフォーマンス改善のコンテスト「Web Speed Hackathon」について、開催の背景や作問時に考えていたこと、次回開催などについて話しました。

                                  トークテーマ

                                  • 「Web Speed Hackathon」とは？
                                  • 意図的に「重いサイト」を作る苦労と工夫
                                  • 出題者も知らない満点解答を出してくる強者たち
                                  • GitHub Actionsを活用したリーダーボード
                                  • 第4回の開催に向けて

                                    • 音声書き起こし

                                    https://github.com/CyberAgent/muddy-web/tree/main/podcast/%232

                                    ※Whisper を使った書き起こしを配布しています。校正を行なっていないため、誤認識や表記ミスが存在する可能性があります。あらかじめご了承ください。

                                    Web Speed Hackathon 2023

                                    • 開催日: 2023/3/4(土) ~ 3/5(日)
                                    • 開催場所: オンライン, Abema Towers(学生のみ)
                                    • 応募締切: 2023/3/2/(木) 23:59
                                    • 応募フォーム
                                      • (学生の方) https://www.cyberagent.co.jp/careers/students/career_event/detail/id=28369
                                      (一般の方) https://cyberagent.connpass.com/event/270424/

                                      ファシリテーター

                                      • 株式会社シロク 石井 勇生 (@YukiIshii10)

                                        • ゲスト

                                        • 株式会社AbemaTV 野口 直寛 (@nodaguti)
                                        • 株式会社AbemaTV 宮代 理弘 (@3846masa)
                                        • 株式会社WinTicket 竹内 実 (@dora1998)

                                          • コンポーザー

                                          • @kirillovlov
                                            • 39 min
                                          • #1 サービス開始から数年経ったプロダクトのリリースフローとは？

                                            記念すべき第一回は、ABEMA, WINTICKET, SIROKより各プロダクトのリリース事情についてお話ししています。

                                            トークテーマ

                                            • リリースの頻度やタイミング、一回に含まれる差分の量はどれぐらい？
                                            • リリースの品質を担保するために、QAや自動テストをどうしているか
                                            • ビルドやデプロイ、CI/CDで工夫していること
                                            • インシデントが起きた時の hotfix の対応フロー
                                            • 問題を見逃さないためのエラー収集の難しさ

                                              • 音声書き起こし

                                              https://github.com/CyberAgent/muddy-web/tree/main/podcast/%231

                                              ※Whisper を使った書き起こしを配布しています。校正を行なっていないため、誤認識や表記ミスが存在する可能性があります。あらかじめご了承ください。

                                              ファシリテーター

                                              • 株式会社シロク 石井 勇生 (@YukiIshii10)

                                                • ゲスト

                                                • 株式会社AbemaTV 野口 直寛 (@nodaguti)
                                                • 株式会社WinTicket 竹内 実 (@dora1998)
                                                • 株式会社シロク 開發 功太郎 (@hotsukai)

                                                  • コンポーザー

                                                  • @kirillovlov

                                                    • プロダクト

                                                    • ABEMA https://abema.tv/
                                                    • WINTICKET https://www.winticket.jp/
                                                    • SIROK https://sirok.jp/
                                                      • 35 min

                                                    About Muddy Web Podcast

                                                    From the publisher's feed

                                                    Muddy Web Podcastは、"Muddiness: 泥臭さ" をテーマにしたWebフロントエンドエンジニアのポッドキャストです。開発現場での具体的な体験やケーススタディなど、明日から使えるかもしれない泥臭さのある話題でトークをします。それぞれの現場で遭遇したできごとから得られた知見や技術を学び合い、フロントエンド開発の糧になるポッドキャストを目指しています。