CyberZ Developer

CyberZ Developer

最近の記事

KanikoとArgo CD Pull Request Generatorで作るPRごとのデプロイ環境

本投稿はSRE Advent Calendar 2023の20日目のエントリになります。 こんにちは。CyberZでSREをしている@toro_ponzです。普段はEKSの運用やキャパシティプランニング、サービス開発などに取り組んでいます。 今回はCyberZの1プロジェクトで現在試験導入中の「Pull Requestごとのデプロイ環境」についてお話しいたします。 モチベーションこのプロジェクトでは主に開発に使うdev環境、および本番同等であるステージング環境がEKS上に

    • 【資料公開】サイバーエージェント新卒エンジニア研修でDevOpsについて話してきました

      はじめまして。CyberZでSREをしている藤井です。普段はEKSの運用やキャパシティプランニング、サービス開発などに取り組んでいます。その一環でDevOpsの推進、啓蒙などにも努めているのですが、ありがたいことに2023年度の新卒エンジニア研修でDevOpsについて話す機会をいただきました。少し時間が経ってしまいましたが、その資料を一部修正して公開いたします。この記事では、発表内容の簡単な解説をできればと思います。 スライド全文はこちら https://speakerde

      • Visual Regression Test をローカル環境で導入する

        CyberZ の Webフロントチームでエンジニアをしている山﨑です。現在 CyberZ Webフロントチームでは、サービスの安全性を向上を目指し、テストの拡充を行なっております。その中で Storybook や storycap, reg-cli を使用した Visual Regression Test の導入を行なったため、その実装例をご紹介したいと思います。 Jest と React Testing Library を用いた Integration Test|Cyber

        • Jest と React Testing Library を用いた Integration Test

          CyberZのWebフロントチームでエンジニアをしている山﨑です。CyberZでは、新たな技術の導入を積極的に行なっており、その中で Jest と React Testing Library を使用した Integration Test の実装を行なったため、その実装例をご紹介したいと思います。 使用技術 React, Next.js, Jest, React Testing Library 結合テスト(Integration Test)とはまず、簡単に結合テスト(I

        KanikoとArgo CD Pull Request Generatorで作るPRごとのデプロイ環境

          React Hook FormとZodの配列管理

          CyberZのWebフロントチームでエンジニアをしている山﨑です。CyberZでは、新たな技術の導入を積極的に行なっており、その中で React Hook Form と zodを使用したフォームの実装を行なったため、その実装例をご紹介したいと思います。 前回の記事について前回の記事では、ユーザーのサインイン・サインアップなど、シンプルな文字列の操作のみを必要とするフォームの実装例を紹介しました。しかし、フォームとしてユーザーの入力項目や設定が複雑になった場合、React H

          React Hook FormとZodの配列管理

          CyberZでのトイル可視化の取り組み

          はじめにはじめまして。CyberZでSREをしている藤井と申します。普段はOPENREC.tvなどを中心に、いくつかのサービスにSREとして関わっています。 CyberZではSREチームが出来てからというもの、各種古いアプリケーション基盤をKubernetesに移行したり、TerraformによるIaCを推し進めたり、各種DevOpsの実践を牽引・啓蒙したりしています。その結果として、普段の業務におけるトイルの割合はかなり減ったと感じています。しかし、明確にトイルについて計測

          CyberZでのトイル可視化の取り組み

          OPENREC.tv における動画配信品質の計測について

          OPENREC.tv で動画配信基盤の開発・運用を行っている野見山です。普段はOPENREC.tvのバックエンドや動画配信にかかわる部分の機能開発を行っております。 本記事では、OPENREC.tvにおける動画配信品質の計測について紹介しようと思います。 動画配信基盤についてOPENREC.tvでは独自に動画配信基盤(※1)を持っており、外部の動画配信のSaaSサービスを利用する点と比較すると以下の点が可能になります。 ・サービスに合わせた独自のカスタマイズが可能 ・サー

          OPENREC.tv における動画配信品質の計測について

          OPENREC.tvにおけるOpenTelemetryの活用

          はじめにサイバーエージェント新卒入社、CyberZ開発本部SREの高垣です。 普段の業務としては、OPENREC.tvのインフラ基盤であるAWS, k8sの基盤開発、動画配信基盤の開発、他プロダクトのインフラ基盤の開発を行なっています。 今回は特に分散トレーシングとOpenTelemetryに焦点を当てて、本番運用し始めて一年以上経ちましたので、当プラットフォームにおける活用事例を紹介したいと思います。 可観測性可観測性(Observability)とは、複雑化したシステム

          OPENREC.tvにおけるOpenTelemetryの活用

          ZodとReact Hook Formを使用したシンプルかつ安全なフォームの実装例

          CyberZのWebフロントチームでエンジニアをしている山﨑です。CyberZでは、新たな技術の導入を積極的に行なっており、その中で zodとReact Hook Form を使用したフォームの実装を行なったため、その実装例をご紹介したいと思います。 zodの基本的な使い方 TypeScript First なバリデーション(検証)ライブラリ パースとバリデーションを同時に行なってくれる APIレスポンスの検証を行い、modelの生成も可能 https://gith

          ZodとReact Hook Formを使用したシンプルかつ安全なフォームの実装例

          【DevOps】トランクベース開発導入のための環境整備について

          CyberZのiOSチームでエンジニアをしている縣です。 OPENREC.tvの開発チームでは、DevOps及びSREの実践による生産性の向上を推進しています。 今回は、開発スピード改善の一環として導入したトランクベース開発について、実際にiOSチームで導入するにあたって行なった環境整備についてご紹介いたします。 トランクベース開発とはトランクベース開発とは​​、開発チームがバージョニングを使用して共同作業を行う際の開発手法の1つです。それぞれの開発者は作業を小さなバッチに

          【DevOps】トランクベース開発導入のための環境整備について

          【DevOps】開発スピードの高速化における Pull Request のレビューの計測と分析

          CyberZ でエンジニアをしている野見山と安田です。 私たちは普段は OPENREC.tv の開発メンバーとして所属しておりますが、 その一方で DevOps の技術向上のためにチーム開発における改善の取り組みも行っております。 今回は、開発スピードの改善の取り組みの一つである、トランクベース開発の推進にあたり、浮かび上がった課題や、課題を解決するために作成した計測基盤を活用した取り組みを行いましたので、ご紹介できればと思います。 現状の課題OPENREC.tv の開発

          【DevOps】開発スピードの高速化における Pull Request のレビューの計測と分析

          DevOpsの取り掛かりとしてのバリューストリームマッピングのススメ (リモート環境対応)

          CyberZでエンジニアをしている齋藤です。 私は普段はOPENREC.tvの開発メンバーでSREチームに所属しておりますが、その一方でCyberZでDevOpsを推進する活動もしております。 今回はDevOpsを推進する中で、その取り掛かりとして実施したバリューストリームマッピングについてお話しいたします。また、Miroを活用することで、リモート環境においても効率よくバリューストリームマッピングの作業を進めることができましたので、どのような方法で実施したのかもお話しできれば

          DevOpsの取り掛かりとしてのバリューストリームマッピングのススメ (リモート環境対応)

          若手が陥りやすい「責任感のはき違え」|マネジメントコラム

          仕事に慣れてくると、色々な仕事が任されるようになってきます。経験の浅い頃に仕事を任されるようになれば、責任を全うしようと張り切って仕事に取り組んでいくことになりますが、時にはうまく仕事を進められず苦労することもあるでしょう。そうすると、「任されたのに責任を果たせなかった」と悩んだり、上司から叱責されて更に落ち込むこともあるかと思います。 さて、仕事における「責任」とは何でしょうか。しばしば「責任」や「責任感」という言葉の意味が誤解されることがあり、それについて書きたいと思い

          若手が陥りやすい「責任感のはき違え」|マネジメントコラム

          CyberZの若手エンジニアは何してる? CA BASE NEXT 登壇レポート

          5月28日(金)に20代のエンジニア・クリエイターが中心となって創り上げるサイバーエージェントの技術カンファレンス「CA BASE NEXT(CyberAgent Developer Conference by Next Generations)」が開催されました。 本カンファレンスは「21世紀の創造力を」というコンセプトをもとに、サイバーエージェントのエンジニア・クリエイターによるセッション・LT・パネルディスカッション・インタビューセッションを含む、約50のコンテンツを

          CyberZの若手エンジニアは何してる? CA BASE NEXT 登壇レポート

          良いコードとは何か - エンジニア新卒研修 スライド公開

          CyberZ CTO室のメンバーの森 (@at_sushi_at) です。 先日、株式会社サイバーエージェントの2021年度 エンジニア新卒研修でコードの品質に関する講義を行いました。 そこで話した内容とスライドを完全公開します。 45分の内容のため、かなり長いですが、個人的にぜひ一読して欲しい内容になっています。 はじめに こんにちは、森 篤史と言います。2019年度入社で今年で3年目になります。株式会社CyberZのOPENREC.tvというプロダクトでAndro

          良いコードとは何か - エンジニア新卒研修 スライド公開

          【インタビュー】リモート環境で買ってよかった便利グッズ紹介!

          CyberZ CTO室メンバーの玉川 (@s_tamagawa) です。 今回は、昨年から続くリモートワーク環境下で新たに買ってよかったものを弊社エンジニアに募集した結果、たくさん集まったのでインタビュー形式でお送りします。 一人目はCTO室メンバーでもあるバッハくん (@ryosebach)です。 玉川: めちゃくちゃオシャレじゃん!!!何を買ったの? バッハくん: リモート環境になって、スタンディングデスク・椅子・足元ヒーターを買いました。 玉川: ほぼ全て刷新した

          【インタビュー】リモート環境で買ってよかった便利グッズ紹介!