はてなブックマーク

こんにちはNewsPicks SREチームのエドウィンです。 NewsPicksが提案した「「最高の開発者体験」への挑戦 〜Amazon ECSによる全面コンテナ化の軌跡〜」というテーマが「AWS Dev Days Japan 2022」の発表テーマとして選ばれました。 「AWS Dev Day」はAWSさんが開催する「開発を牽引するエンジニアのためのテクニカルカンファレンス」です。 今回の「AWS Dev Day Japan 2022」は2022年11月8日から2022年11月12日の間に開催されて、NewsPicks SREチームリーダー安藤裕紀さんとDay 1の15時のセッションで発表しました。 NewsPicksで行ったメインアプリケーションサーバーのコンテナへの移行とコンテナ化をする事はNewsPicksの開発者体験にどう影響したかについて話してきました。 AWS Dev Day

こんにちは。NewsPicks SREチームの 海老澤 です。 今回はGithub Actionsで実行していたテストを高速化したので紹介したいと思います。 課題 NewsPicksでは Junitのテスト等をGithub Actions から実行しているのですが、2013年のサービス開始当初から存在する、一番コードベースが大きいリポジトリのビルド・テストの実行時間に 20~30分ほどかかっていました。 テスト自体はバグを産まないためにも必要なものですが、時間がかかるため開発効率が下がってしまいます。そのためテスト高速化の取り組みを行いました。 取り組み テストの高速化をする上でやったことは大きく下の二つです テストの並列化 GitHub Actionsから AWS CodeBuild への移行 テストの並列化 maven-surefire-pluginを使うと、pom.xml上での設定を

こんにちは。Product Team の竹原です。 先日、社内用の小さな Web アプリを追加開発する機会がありまして、その際に CI/CD パイプラインの作成も行いました。 CI/CD パイプライン構築のために Argo Workflows を使ってみたところ非常に感触がよかったので、感想などを記載しておこうと思います。 ※ 今回は概要の紹介程度となります。実際に作成したワークフローはまた次回ご紹介します。 Argo Workflows とは Argo Workflows はタイトルで書いたとおりワークフローエンジンです。 エンジニアの身近なところで言えば近いのは Jenkins とか GitHub Actions とかでしょうか。 公式サイト では以下のように紹介されています。 Argo Workflows is an open source container-native work

NewsPicks でサーバーサイドエンジニアを務めている池川です。 サービス運営をされている会社さんであれば、どの会社さんでも何らかの障害を起こし、その対策のための MTG を実施されていると思います。 が、サービスを長く運営していると、過去に発生してしまった事故と似た事故を発生させてしまうということが往々にしてあります。 NewsPicks でも、そのような事故が発生し、どうしたものかということが MTG での話題にのぼりました。 そこで、 NewsPicks ではそのような事故を風化させないための取り組みとして、事故が発生しそうな PR に対して、 GitHub Actions を用いて注意をうながすメンションを投げるワークフローを設定しました。 簡単な取り組みとなっているので、ご参考になれば幸いです。 背景 使用したツール 処理フロー GitHub Actions での実装 実際の

NewsPicks Web Experience Unit でフロントエンドエンジニアをしているじゆんきち(@junkisai)です。 弊チームでは、ここ1年間くらいWeb 版のNewsPicksを新しい基盤に置き換えつつ、見ためも刷新するプロジェクト（以下リニューアルプロジェクト）を進めています。 今回は、弊プロダクトで Visual Regression Testing をはじめて、3ヶ月ほど運用してきたので、今回はその導入や運用にあたっての話をしたいと思います。 導入に至った背景と目的 使用したツールと構成 ツール 構成 導入の流れ ライブラリのインストール storycap の設定 reg-suit の準備 Amazon S3 の準備 Github Actions の設定 運用して出てきた課題と解消 日本語で表示されるはずの部分が□で表示されてしまっている 画像など外部リソースから

こんにちは！Product Teamのtakenokoです。 2022年4月に Ubuntu 22.04 LTS がリリース*1されました。皆さんはもう試されましたか？ Ubuntuのアップグレードって、基本的にはdo-release-upgradeコマンドを実行するだけなのですが、久しぶりのアップグレードだったりaptパッケージを長いこと更新していないと、何かと時間が掛かるものです。 そこで今回は細かい補足も交えながら、Ubuntu 20.04 LTS を Ubuntu 22.04 LTS にアップグレードする手順をまとめました。「もう準備OKだよ！」という方は、事前準備を読み飛ばしてもらっても大丈夫かと思います。 目次 目次 Ubuntu LTS について 事前準備 マシンのUbuntuバージョンを確認する アップグレード可能なバージョンを確認する aptパッケージの更新 apt up

こんにちは、ユーザベースの松並です。 ユーザベースのエンジニアカルチャーをゆるっとお伝えするPodcast、Meet UB Tech #23 のテーマは「円安と戦う！SRE」です。 ユーザベースのB2B SaaS事業とNewsPicks、それぞれの開発組織で、今まさに未曾有（みぞう）の円安と戦っているSRE担当の皆さんにお越しいただき、お話を伺いました。 様々なテック企業のSRE担当の方やエンジニアの方だけでなく、クラウドサービスを利用するすべての方にとって有益な回になりました！ ぜひ聴いてみてください！ open.spotify.com #23の聴きどころはこちら。 タイトル： 「円安と戦う！SRE」 出演者： 安藤裕紀 @integrated1453（NewsPicks Core Development Team SRE Unit ） 釘村亮一（ユーザベース B2B SaaS Busi

こんにちは。みなさんテスト書いてますか？ Uzabase FORCAS開発チームです。 今回、FORCASから送っているメールの処理を変更するにあたり、これまで出来ていなかったメールを含むE2Eテストを実施するようにしたので、紹介したいと思います。 課題 FORCASからのメール送信は、Amazon SESのSMTPインターフェイスを利用しています。 E2Eテストを実施するにあたって、費用面や検証の取り回しを考えると、Amazon SESを利用せずにテストできるようにしたいです。 これが、Amazon SES APIのようなHTTPのAPIを利用してメール送信している場合はWireMock 等でHTTP APIのモックサーバーをたてれば簡単にテストできます。 しかし、SMTPを利用しているのでそう簡単にはいきません。 SMTPでメールを受け付けることができ、なおかつメールの内容を検証できる

みなさんこんにちは。NewsPickでiOSアプリの開発をしている森崎です。 当記事ではどのアプリも一度は見直しを検討したことがあるであろう、アプリの起動時間の高速化についてお話しします。 他の記事で起動時の処理や高速化への改善策を書いたので、ここでは具体的に行ったこととその結果を数字とともに書きたいと思います。 ⬇️起動時の処理や高速化への改善策を書いた記事です。 こちらを読んでもらうと、当記事の内容がより理解できると思います。（読まなくてももちろんわかります！） qiita.com 今回はSystem Interface Initializationの箇所の見直をしました。（⬇︎この箇所） InstrumentsのApp Launchの計測結果 System Interface Initializationでは何をしているのか この項の内容は上記ブログに書いてあります。すでに読んで下さ

はじめに こんにちは！ NewsPicksの法人向けサービス開発チームの森です。 入社から約3ヶ月経ったので、入社エントリーを書いてみようと思います！ …が！タイトルにも匂わせた通り、私の前職は営業職＠メーカーで、エンジニアとして働くのはNewsPicksが初めてですし、テックブログという文化に触れるのも初めてです。 「入社エントリーって何書けばいいんや…」というのが本音です。 何を書けば良いかわからないなりに、このブログを読んで「NewsPicks/Uzabaseってメンバー同士リスペクトし合っている素敵な会社っぽいな〜」と思ってくださる方が1人でも増えたらいいな、という気持ちで一生懸命書こうと思いますので、もしよろしければ最後までお付き合いいただけると嬉しいです！ はじめに どうしてエンジニアに？ 作り手になりたいと思ったから プログラミングって面白いと思ったから 専門性を持ちたいと思

こんにちは。AlphaDrive フロントエンドエンジニアの aku11i です。 Next.js で開発中のプロジェクトに New Relic APM / Browser を導入しました。 実は前にも対応したことがあったのでこれで2度目ですが、改めて調べ直したところ @newrelic/next というパッケージが新しく公開されていました。 Node.js エージェントをそのまま使う方法に比べて確認できる情報が増えるなどメリットがありましたので紹介したいと思います。 ※ この記事で紹介する内容は 2022 年 8 月時点のものです。今後情報が古くなる可能性がありますのでご注意ください。 また、今回記事にするにあたって検証に使用したコードを公開しています。以降は導入手順と共にこのPRでの変更差分も紹介します。 github.com @newrelic/next パッケージについて http

こんにちは。ユーザベース TechBrandingチームです。 2022年7月28日（木）にオンラインイベントイベント「NewsPicksでのモバイルアプリの技術的負債解消方法 - TechBase vol.2」を開催しました。弊社のNewsPicks アプリ開発チーム リーダー 石井 幸次 （@ko2ic）と、株式会社ニューズピックス Product Division iOSアプリエンジニア 金子 雄大 （@takehilo_kaneko）が登壇しました。 当日は100名以上の方にご参加頂き、沢山の反響を頂き大変盛り上がりました！ 登壇者について NewsPicks アプリ開発チーム リーダー 石井 幸次 （@ko2ic） 2003年にサーバーサイドエンジニアとしてキャリアをスタート。ECサイト・パッケージソフト・基幹システムなど様々なプロジェクトでアーキテクトとして参加。その後、C向け

NewsPicksの高山です。 今回は、AWSのコストを我々がどのように定点観測しているかを書いていきます。 あわよくば他社さんも事例を広く共有してもらえて業界全体の共有知が増えることに繋がってほしい狙いがあります。 NewsPicksでは過去2年ぐらいかけて地道にコストモニタリングのオペレーションを作ってきました。手法としては、毎週コストモニタリング担当のメンバーで定例ミーティングをして、以下の手順をやりながら議事録にまとめていきます。 毎週のオペレーション コスト異常検出 コスト異常検出という機能の画面を見て、最近大きく変化したリソースを調査します。 異常検出はメールでも通知していますが、毎週のオペレーションとして一つ一つ詳しく見ていく「トリアージ」をしないと放置してしまうので、コストモニタリングの定例で必ず見るようにしています。 このように影響の大きかった項目を見て、Cost Exp

ユーザベースでは、「エンジニアリングを起点に、誰もがビジネスを楽しめる世界を実現したい」という想いから、2022年4月より「Play Engineering」というプロジェクトを推進しています。 このプロジェクトでは、エンジニアではない職種のメンバーも楽しくエンジニアリングを学べる研修の実施や、保有するエンジニアリングスキルのレベルによって手当が支給される制度「プラスエンジニアリング手当」の導入など、さまざまな取り組みをおこなっています。エンジニア以外の多様な職種のメンバーたちにも、エンジニアリングに慣れ親しみ、業務に活かしてほしいという目的もあるため、上記の施策は全社員が対象となっているのも特徴です。 今回は、プロジェクトの一環として2022年6月に開催された社内イベント「親子プログラミング教室」についてレポートします。 初の「親子プログラミング教室」がスタート！ 社内イベントとしては初

こんにちは、Uzabaseの松並です。 ユーザベースのエンジニアカルチャーをゆるっとお伝えするPodcast、Meet UB Tech #18 のテーマは「PlayEngineering 第2弾、ユーザベースの技術研究所『UB Research』をつくるぞ！」です。 今回のMeet UB Techは、ユーザベース 代表取締役 Co-CEO/CTOの稲垣さんをはじめ、『UB Research』所長に就任した高山さん、アドバイザーの小副川さんと張替さんにお越しいただき、その設立背景や目的、取り組んでいく内容についてお話を伺いました。 open.spotify.com #18 の聞きどころはこちら。 タイトル： 「Play Engineering 第2弾、ユーザベースの技術研究所『UB Research』をつくるぞ！」 出演者： 稲垣裕介 @yusukeinagakiub （ユーザベース 代表取

はじめまして、NewsPicks Web Product Unitのじゆんきち(@junkisai)です。 弊チームでは、ここ1年間くらいWeb 版のNewsPicksを新しい基盤に置き換えるプロジェクト（以降、リアーキプロジェクト）を進めています。 新 Web 基盤のフロントエンドはReact (Next.js)+TypeScriptを採用しており、バックエンドとの通信にはGraphQL(Apollo) を採用しています。 今回はFragment Colocationという考え方を導入したら、これまで抱えていた技術的な課題が解消され、開発スピードが向上したお話をしようと思います。 導入前の課題 リアーキプロジェクト開始当初から使用していたGraphQLですが、プロダクトの規模が大きくなるにつれ、いくつか課題が浮き彫りになってきました。 課題1. BFFとの通信回数が多い 弊プロダクトでは

この記事は、ユーザベースグループのTechメンバーによるポッドキャスト「Meet UB Tech #15」（収録公開 2022年4月15日）の書き起こし記事です。 https://tech.uzabase.com/archive/category/Podcast 2022年4月15日、ユーザベースは最も自由なテックカンパニーを目指すための新たな取り組みを発表しました。今回のMeet UB Techでは、ユーザベース代表取締役Co-CEO兼CTOの稲垣が登場。最も自由なテックカンパニーを目指す上での取り組みの内容やその目的、さらに私たちユーザベースが実現したい未来について、詳しく語ってもらいました。 以下、収録当日（2022年4月15日）の様子をほぼ全文採録でお届けします！ 【登場人物】 ・稲垣 裕介：ユーザベース代表取締役Co-CEO/CTO ・赤澤 剛：NewsPicks Fellow兼

ニューズピックス SREユニットリーダーの武藤です。私はここ数年は開発環境を近代化するために働いているのですが、最近では新しいメンバーから技術スタックについて「モダンですね」と言っていただけることが増えてきました。技術スタックの更新は最近ニューズピックスが会社として力を入れているところなので色々な分野でたくさんのエンジニアが関わっているのですが、SREに直接関係する範囲では特にChatOpsによるリリース作業について良い反応が多いので、ここで紹介します。 かつてどんな問題があったか リリース作業は注意深く設計しなければさまざまな苦痛が伴うものです。みなさんもこのような経験はないでしょうか？ 本番ネットワークで動いているマシンにログインして作業をする手順になっており、本番環境が壊せてしまうから気を遣う。本番にアクセスする権限がある限られた人しかデプロイ作業ができない。 集計バッチの実行中にリ

こんにちは。NewsPicksでエンジニアやっております崔（チェ）です。現在は Data / Algorithm チームで検索エンジン開発を担当しております。弊社は、検索エンジンとして Elasticsearch を Amazon EC2 に乗せて構築しておりますが、メンテナンスに消極的だった部分があり、これからはマネージド化や検索精度向上など積極的に取り組んでいきたいと考えております（伸びしろしかない！）。今回は、その中でも色んなタスクのボトルネックだったアルゴリズムを変更した話をしたいと思います。ただ、アルゴリズムの詳細よりもそれの変更のために行ったインフラ的な内容にフォーカスしております。ご興味ある方は是非読んでいただけると嬉しいです。 はじめに 検索精度向上施策として、実は直近、いくつか細かな改善はしております。ただ、ほとんどはクエリを改善したのであって、そもそも形態素などトークン