こんにちは。システムセキュリティ推進グループの花塚です。本記事は、AWSにおける脅威検知のために取り組んだ内容について紹介します。 AWS上で脅威検知といえば、GuardDutyなどのサービスを使って実装するのが一般的だと思いますが、仕組みは構築できても以下のような悩みを持たれることはありませんでしょうか。 仕組みは完成したけど、結局アラートが対応されずに放置されている 限られた人的リソースの中で大量のアラートを捌ききれない 仕組みは構築できても、上記のような運用面に関する難しさを感じる事は少なくないと思います。そこで、この記事では、構築した仕組みとその仕組みを生かすまでの運用方法の変遷について詳しくご紹介します。 大規模なクラウド環境に対して、セキュリティをスケールさせたい方にとって少しでも参考になれば幸いです。 目次 背景 構築した仕組み 運用とその変遷 最後に 背景 話を進める前に、

この度、ABEMA ブラウザ版のUIを大規模リニューアルしました！ 従来のABEMA ブラウザ版は、テレビとビデオのどちらかしか認識してもらえず、出会える作品が限られていました。 今回のリニューアルのポイントとして、ユーザーの皆さまにより多くの作品に出会っていただけるよう、テレビとビデオが集約された「ホーム」を新設しました。 このブログでは、デザイナー1人、PM1人、エンジニア12人の若手メインのチームが「ABEMA」という大規模プロダクトの、ブラウザ版UIリニューアルをやりきるまでの道のりについてお話します。 目次 ・理想状態の言語化 ・コロナ禍でのプロジェクト進行 ・デザインのこだわりポイント ・最後に 理想状態の言語化 今回のプロジェクトではデバイス単位でチームが構成されていました。 ABEMA一世一代の大規模リニューアルプロジェクト全体の状態目標として「3ヶ月間のアクティブユーザー

メディア統括本部・技術横断室の谷です。組織横断の活動しながら、AmebaやAmebaマンガという事業に関わっています。実務としては、コード実装をメインに、UI設計やUX設計、最近ではユーザーインタビュー等のリサーチ業務をおこなっています。 この記事では私が立ち上げから2年くらいかけて関わってきたAmebaのデザインシステムについて、その全貌を解説します。 そして本日からデザインシステム「Spindle」のサイトを試験的に一般公開します。詳しくは記事後半にて。 まず前段のお話として、Amebaという事業について説明させてください。 Ameba事業の概要 Amebaはブログサービスであるアメーバブログを主としたサイバーエージェントのメディア事業の1つです。 多くの人はおそらく「アメブロ」や「ピグ」の印象が強いですが、関連事業やサービスとしてはマンガや占い、ニュースなど色々と展開をしています。

こんにちは。サイバーエージェント AI 事業本部 Dynalyst にて、ソフトウェアエンジニアをしている豊田（@helloyuki_）です。また、Rust 領域における Next Experts も務めています。 先日、CA BASE NEXT という CyberAgent が開催する20代が中心のカンファレンス[^1]に、私も一応20代ということで登壇させていただきました。 内容は Web アプリケーション開発を Rust で行った体験談を語るというものでした。実際に2018年〜2020年頃に Rust をとあるチームのアプリケーションに導入し、引き継ぎのために何をしたかという内容をお話させていただきました。 セッション自体は25分しかなく、またコード例をスライドからかなり削るなど、CG スタジオ仕様への対応が必要でした。というわけで、十分に伝えたいことを盛り込めたわけではありませんで

75億ドキュメント以上のデータを保持するMongoDBを、Amazon EC2からMongoDB Atlasへ約3ヶ月で移設した方法 はじめに タップル SREの赤野、CAM SREの庭木です。 タップルは2021年3月頃にMongoDB on Amazon EC2(以下EC2 MongoDB)からMongoDB Atlas(以下Atlas)への移設を行いました。 今回はこの移設での取り組みについて紹介します。 Atlasへ移設することになった経緯・目的 タップルでは定期的にキャパシティプランニングを目的とした負荷試験を実施しており、今後のDAU増加のシミュレーションに対してシステムのキャパシティが確保できるかを定期的に確認しています。 タップルSREのキャパシティプランニングの取り組みについては、以前発表させていただいた資料があるのでこちらにも目を通していただけると幸いです。 2020年

こんにちは。技術本部 プライベートクラウドグループの中西 (@whywaita) です。 2020年9月と10月に行われたISUCON10へ、サイバーエージェント プライベートクラウドグループとしてインフラ提供を行いました。 本記事ではプライベートクラウドのチームが2020年のISUCONにインフラを提供した裏側についてご紹介します。 後編は提供編として、ISUCONのために作られたクラウド基盤であるloviのご紹介と、実際に提供した際に起きた出来事について触れます。 前編である準備編はこちら (isucon.net)にて公開済みですので、そちらも併せてお楽しみください。 自作クラウド基盤 lovi インフラサイドのチャレンジとして、ISUCON10向けにフルスクラッチなクラウド基盤である “lovi” を開発しました。また、この記事の公開と併せてloviシリーズを全てOSSとして公開しま

はじめに こんにちは、ABEMA で Web フロントエンドエンジニアをしています、20新卒の坂上です。 ABEMA には、各日付ごと、各チャンネルごとにどの時間帯にどの番組が放送されているかを確認できる 番組表 機能が存在します。 この番組表は開局当初から存在するものの、現在までそれほど変わりはない機能です。 そのため、実装にも手が加えられておらず、数年前の React のコードがそのまま残っている箇所も存在していました。 それゆえ、コードリーディングがしづらく、実装の詳細や仕様に関して詳しく知っている人がいないという状態から、番組表のパフォーマンスが芳しくないことは課題として上がっていましたが手をつけられていない状態でした。 その番組表に対して、再レンダリングの抑制と新しく提案された CSS プロパティである content-visibility を導入しました。 結果としては、Tim

こんにちは、メディア事業本部の @masuP9 です。今年はこのアクセシビリティを振り返る、やらない気でいたのですが、アクセシビリティやっていき企業仲間が振り返っているのを見てやはりやらねばなるまいと思い直し今年も振り返りたいと思います。 昨年、2019年のサイバーエージェントの振り返り 2020年、freeeのアクセシビリティを振り返る 2020年、サイボウズのアクセシビリティを振り返る アクセシビリティを気にし出したきっかけと、2020年の振り返り（トレタ） 新規サービスのアクセシビリティ水準は高く WINTICKET 昨年、リリースした競輪・オートレースネット投票サービス WINTICKETは開発当初から高い品質を目標に開発されウェブアクセシビリティについても一定の品質に到達することができました。（参考: ウェブアクセシビリティについて） そのおかげか高いアクセシビリティを必要として

アメブロのWebシステム改善を「5カ年計画」として定義してから早いものでその5年が経ちました。当時計画していた項目を満たしつつ、今もなおアメブロのシステム改善は続いています。 2020年は次の取り組みへ向けての橋渡しとなった年でした。本記事では、2020年に取り組まれた改善を紹介します。 アクセシビリティ対応は標準に 長時間CDNキャッシュでサービス配信を安定化 スクリプトサイズを管理し、削減 Core Web Vitalsの計測と改善 SXGの試験提供でAMP体験を改善 ブランドガイドライン、デザインシステムの構築で調和のとれたサービス提供に挑戦 Yatteiki Frontendチームの発足で改善を継続的に アクセシビリティ対応は標準に アメブロにとってのアクセシビリティは過去には少し特別なものでしたが、アクセシビリティに関心のある様々な方の努力により、今ではサービス運営時にアクセシビ

技術本部 サービスリライアビリティグループ（SRG）の長谷川 @rarirureluis です👳 #SRG（Service Reliability Group）は、主に弊社メディアサービスのインフラ周りを横断的にサポートしており、既存サービスの改善や新規立ち上げ、OSS貢献などを行っているグループです。 はじめに Apple M1 で Arm という単語をよく耳にし、そしてその性能に驚いた方も多いと思います。Apple M1 が搭載された Mac のベンチマークはこちら そして Amazon EC2（以下：EC2）にも Arm が搭載されたインスタンスがあります。 https://aws.amazon.com/jp/ec2/graviton/ 今回はとあるサービスの全開発環境の EC2 インスタンスを m5.large から t4g.medium へ移行したら幸せになれたので、この記事を

「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要

はじめに CyberAgent Developers Blog では4回目の記事となる吉田慶章 ( @kakakakakku ) です．最近，社名変更をした「株式会社マクアケ」でインフラ／サーバサイド／スクラムマスターなどを担当しつつ，今回のメインテーマでもある「技術広報」を兼任しています．ところで，皆さんのサービスには「技術広報」を担当するメンバーはいますか？ 技術広報とは？ 最近「技術広報」を担当している人が増えてきているように感じますが，業務として明確な定義はなく，各社それぞれに独自の役割があると思います．例えば以下のような活動が挙げられると思いますが，広義で言えば「サービスをもっと知ってもらうための技術的なマーケティング活動」と言えるのではないでしょうか． 記事執筆 イベント登壇 イベント開催 採用活動 エバンジェリスト活動 などなど この中でも，私の技術広報としてのミッションは主

開局から3年半が経った「AbemaTV」には、国内屈指の大規模なデータが存在します。その膨大なデータを活用し、事業の成長に貢献するための専門部隊「AbemaTVデータテクノロジーズ」が2019年6月に設立され、データサイエンティスト7名、データディレクター3名が在籍しています。 今日は、同組織のデータサイエンティストを務める阿部とデータディレクターの林が登壇した「メルペイ×サイバーエージェント 注目プロダクトをもつあの会社のデータ組織＆データ職種大解剖」の様子をお届けします。 まず、冒頭にデータディレクターの林が「AbemaTVデータテクノロジーズ」の組織について簡単に紹介を行いました。 「AbemaTVデータテクノロジーズ」のミッションは、データを活用し、競争力を生み出すことで、主な業務は「サービスグロース」「データ活用設計」「運用リソース解放」の3つです。そして、それぞれの項目でデータ

こんにちは！『ピグパーティ』デザイナーのこなごな_よしのです。 今回はピグ事業部内で行われた10代に刺さるクリエイティブ勉強会「イマっぽゼミ」をご紹介します！ トレンドに合わせて進化し続けるピグパクリエイティブ ピグパーティ（以下ピグパ）は2015年3月にリリースされたスマートフォン・タブレット向けのアバターコミュニティアプリです。 以前公開した記事での通り、ピグパのユーザー層は6割を10代の若い子たちが占めるため、 ピグパチームでは日々10代トレンドを研究しています。 デザインレギュレーションがしっかり決まっていて、「一人が描いたように見せる」を目指していたアメーバピグとは違い、最近は従来のアメーバピグや今までのピグパでのレギュレーションを解放し、新たな表現に挑戦しています。 各年代のピグを比べてみました。特にここ1年では、10代のトレンドに合わせて大きく変化しています。目や口が変えられ

技術本部 Web Initiative Center で Web プロダクトの品質改善や組織の技術推進に取り組んでいます、 @1000ch です。その活動のひとつに、直帰率や PV/Session といったプロダクトの KPI を上げることを目的とした Web パフォーマンスの向上があるので、今日はその取り組みについて書きます。 旧来の Web パフォーマンスの評価指標 これまでは DOMContentLoaded イベントや load イベントの値が Web ページのパフォーマンスの良し悪しとして扱われることが多かったと思います。しかしアーキテクチャの複雑化の一途をたどる Web ページのパフォーマンスを測る上では、もはや適切な指標とは言えません。 DOM 構築完了を指す DOMContentLoaded イベント DOMContentLoaded は DOM ツリーの構築完了を表します

8月24日（土）に開催された「Kotlin Fest 2019」において、サイバーエージェントはひよこスポンサーを務めました。 サイバーエージェントからは「タップル誕生」のAndroidエンジニア・佐藤（@stsn_jp ）と「Amebaブログ」のサーバーサイドエンジニア・荻野（@youta1119 ）の2名が登壇いたしましたので、今日は登壇資料の共有と「タップル誕生」の古澤（@mzkii）による「Kotlin型 実践入門」のセッションについての解説を行います。 「Kotlin型実践入門」 佐藤隼（@stsn_jp ） Smart Cast 多くの場合、Kotlin ではコンパイル時に必要に応じて型推論が行われるため、明示的にキャスト演算子を使用する必要はありません。 Smart Cast とは、if 式 / when 式 / is 演算子 / as 演算子などを使用した後に型推論してくれ

アドテク本部の黒崎( @kuro_m88 )です。 2019/08/23にAWSの東京リージョンで特定のAZ内で大きめの障害がありました。 私が開発しているプロダクトもAWSの東京リージョンを利用していて、常時数百インスタンスが稼働しているため、今回の障害の影響範囲に含まれていました。 何が起きたのか？ AWSから公式発表が出ています。 東京リージョン (AP-NORTHEAST-1) で発生した Amazon EC2 と Amazon EBS の事象概要 データセンタ内の冷却の障害が原因で一部のハードウェアホストが過熱し電源が失われてしまったようです。これにより影響を受けたハードウェアホスト上で稼働していたEC2インスタンスやEBSボリュームは電源が失われているため、外部から見ると突然応答がなくなったように見えました。 担当サービスでも公式発表と同じくらいの時刻にELBやその配下のサーバ

サイバーエージェントでは、エンジニアに対して国内外のテックカンファレンス への参加を推奨しています。 Googleが5月に開催した開発者会議「Google I/O 2019」にもエンジニア達が参加し、先日ミクシィさんと合同で報告会を開催しました。そこで、CATSのAndroidエンジニアである降矢（@wasabeef_jp）が要約という形で発表したので、今日はその一部をお届けします。 まずは、Developer Keynoteで発表された「Kotlin」、「Android Q」についてご紹介しました。詳細は動画などをご覧ください。 （Developer Keynote動画）   Kotlin（Developes Keynote） 数年前から急速に成長しているKotlinですが、現在Kotlin利用率はAndroidエンジニアにおいて50%を超え、そのGithub上では成長率No1の言語であ

株式会社ブックテーブルに所属している榎本です。 2019年1月末に行われたドメインモデリングワークショップのレポートをお届けします。 今回、ワークショップの開催にあたり加藤潤一様(@j5ik2o, Chatwork株式会社所属)を講師としてお招きしました。 https://corp.chatwork.com/ja/recruit/engineer/kato.html Kubernetesハンズオン（講師は技術本部 OpenSaaS Studioのテックリード @stormcat24 氏）  https://developers.cyberagent.co.jp/blog/archives/19613/  から始まった技術本部の技術力向上企画ですが、今回行われたワークショップは勉強会第二回目となります。 技術本部内に展開されていたワークショップの開催情報でしたが、技術本部のChannelがオ

こえのブログは「声で書くブログ、声で聴くブログ、声で観るブログ」をコンセプトに書き手、読み手双方にバージョンアップしたブログを提供するアメブロの新機能です。 投稿者は端末に向かって喋るだけで、その音声が活字化されブログとして公開できます。閲覧者は活字化された文字を通常のブログと同じように読めるほか、音声を聴きながらでもコンテンツ消費できます。 モバイル端末、テレビ端末やスマートスピーカーなどの普及により、今後ますます増えると予想される利用形態に対して、それぞれに適した形でコンテンツを提供できるように挑戦しています。 この記事では、技術的な側面を中心にこえのブログを紹介します。 こえのブログは、文字でも音声でもコンテンツ消費できるのが特徴です。読者の方へのメッセージや質問に回答など利用法は様々です。龍玄としさんやクロちゃんさんなど著名人の方の声も聴けます。 できる限りサーバーにアクセスしない