… @edvakf （NewsPicks Fellow 兼 UB Research 所長） 小副川健（ユーザベース B2B SaaS事業 Fellow / SPEEDA Chief Data Scientist） 張替誠司（ユーザベース IT Strategy Division 執行役員 Division Leader / NewsPicks Corporate Division Data Integration & Development Team） イイダユカコ @becy…

こんにちは。NewsPicks Androidアプリエンジニアの sefwgweo です。 今回はタイトル通りAndroidにおけるSearchViewのUIをMVVMでCustomした話をします。 なお、SearchViewの検索機能に関しては一切触れておりませんので予めご了承ください。 要件 苦労ポイント まとめ おわりに 要件 ユーザ属性に応じて、ツールバー及びSearchView内の各パーツごとの色が動的に変更されてほしい 色及びその他デザインの細かい仕様は以下とする…

はじめまして、NewsPicks Web Product Unitのじゆんきち(@junkisai)です。 弊チームでは、ここ1年間くらいWeb 版のNewsPicksを新しい基盤に置き換えるプロジェクト（以降、リアーキプロジェクト）を進めています。 新 Web 基盤のフロントエンドはReact (Next.js)+TypeScriptを採用しており、バックエンドとの通信にはGraphQL(Apollo) を採用しています。 今回はFragment Colocationという…

…シャル経済メディア「NewsPicks」を提供しているほか、スタートアップ情報プラットフォーム「INITIAL」やB2B事業向け顧客戦略プラットフォーム「FORCAS」、企業変革ソリューション・プラットフォーム「AlphaDrive/NewsPicks」など全9事業を展開しています。 SaaSプロダクト組織では、「技術力で、ビジネスをリードする」をミッションに、約80名のメンバーと共にエンジニア全員が自分の得意領域でリーダーシップを発揮するシェアド・リーダーシップ （リーダー…

こんにちは。NewsPicksでエンジニアをやっております崔（チェ）です。現在は Data / Algorithm チームで検索エンジンの開発を担当しております。この半年間、検索に関しては色々と改善しており、去年までと比較し大きく使いやすくなったのではないでしょうか。前回の記事では検索精度改善に関するお話をしましたので、今回は検索速度を改善したお話をしようと思います。ご興味ある方は是非読んでいただけると嬉しいです。 ことの背景 問題発生 原因を考えてみる 確認事項１．十分なメ…

…CTO ・赤澤 剛：NewsPicks Fellow兼AlphaDrive NewsPics CTO ・飯田 有佳子：Meet UB Techパーソナリティ／Product Development Team所属 ユーザベースが「テクノロジーカンパニー」を掲げる理由 飯田：それでは早速登場していただきたいと思います。稲垣さん、よろしくお願いします。まずは簡単に自己紹介をお願いします。 稲垣：ユーザベースで代表取締役Co-CEOをしている稲垣です。本日から同時にCTOを名乗ること…

…daitorii （NewsPicks Product Division Product Design Team Leader） 八木 悠輔 @yajiji（NewsPicks Product Division プロダクトデザイナー） イイダユカコ @becyn （NewsPicksエンジニア / パーソナリティ） トークテーマ： B2B SaaSのデザインチームの構成と、知られざるキーパーソン NewsPicksのUI Design Unitを、Product Design…

こんにちは。NewsPicksエンジニアの雲越です。 NewsPicksでは、記事のレコメンドを始めとする機械学習を組み込んだシステムがいくつか動いており、中にはAmazon SageMakerを使って実装されているものもあります。 今回はそんなシステムの一つである記事分類システムが、どのようにSageMakerを使っているかについて紹介します。 どんなシステム？ 学習について Training Jobを利用している背景 推論について Serverless Inference…

…のko2icです。 NewsPicksのモバイルチームでは、1スプリント1週間で、全てのタスクをストーリーポイントに落としています。たとえば、面接、社内イベントの準備、目標設定やそのフィードバックなどもポイント化しています。 そして、残業時間なども勤務表から判断して、（正確ではないですが）作業時間もわかっています。（正確にするために時間計測をする組織もあるかもしれませんが、負担になるのでしてないです。） これにより、1時間あたりの消化ポイントが出せるので、これを生産性の指標と…

…いは こんばんは。 NewsPicks の Product Division Web Product Unit のイイダユカコ（ @becyn ）です。 この度、大変僭越ながらMs.Engineer 様主催の受講生の方々を対象とした寄附講座に参加させていただきました。 株式会社サイバーエージェントの神谷さん、freee株式会社の梅原さんとトークセッションをご一緒させていただいたのですが、お二方のお話が面白く、また初学者の方には特に刺さる内容を紹介されていて、具体的な内容も多か…

…置き換えることです。NewsPicksはAWSに完全に依存したシステムなので、AWSのマネージドサービスであるCodeシリーズを全力で使っていくことにしました。実装はTypeScriptでCDKを使いました。これ以降、このコードをベースに改善を積み重ねていくことになります。プロダクトチームの中でもCDKを本格的に使うのは初めての状況でしたが、SRE主導で他チームを含めてCDKの導入を推進するきっかけにもなりました。今振り返ると歴史的な転換点と言えます。 初期の構成はこのように…

…lphaDrive/NewsPicks CTO / NewsPicks Fellowである赤澤さんが新卒で入社した会社の同期でもある、こにふぁーさん。 VPoEご就任の経緯や直近の取り組み、エンジニアの組織とキャリアについてお話を伺いました！ open.spotify.com #16 の聞きどころはこちら。 タイトル： 「Kyash VPoE こにふぁーさんに聞く、技術組織のマネジメントとエンジニアキャリア」 出演者： 小西裕介 氏 @konifar （Kyash VPoE）…

…With("com.newspicks.Hoge")) のようにアノテーションをつけておき、極力使わせないようにし、いつかくる大量リファクタ時代に備えておきます。 また、新にコピーしたクラスもlegacyパッケージなどに置いておき、決して納得して作ったクラスではないことがわかる様にしておきます。 なんでもかんでも初めから完璧に移行しようと考えないことです。なにせ、ビジネスを止めずに負債を解消していくということが、短期的、長期的の両視点で、ユーザ/Bizサイド/技術者の全員がw…

こんにちは。NewsPicksでエンジニアやっております崔（チェ）です。現在は Data / Algorithm チームで検索エンジン開発を担当しております。弊社は、検索エンジンとして Elasticsearch を Amazon EC2 に乗せて構築しておりますが、メンテナンスに消極的だった部分があり、これからはマネージド化や検索精度向上など積極的に取り組んでいきたいと考えております（伸びしろしかない！）。今回は、その中でも色んなタスクのボトルネックだったアルゴリズムを変更…

…go0517go （NewsPicks Fellow / AlphaDrive CTO） イイダユカコ @becyn （NewsPicksエンジニア / パーソナリティ） トークテーマ： 「Play Engineering」とは どういう背景や想いからスタートした？ 社内の反応は？ 未来のユーザベースは、こうなります 【お知らせ①】 「Play Engineering」の特設サイトです。 ぜひご覧ください！ tech.uzabase.com 【お知らせ②】 ユーザベースでは事…

… @edvakf （NewsPicks Fellow） 矢野勉 （ユーザベース B2B SaaS事業 Fellow） 板倉大輔 （ユーザベース B2B SaaS事業 Fellow） 小玉祐輝 @kuy （ユーザベース B2B SaaS事業 Fellow / INITIAL CTO） 小副川健 （ユーザベース B2B SaaS事業 Fellow / SPEEDA Chief Data Scientist） 赤澤剛 @go0517go （NewsPicks Fellow / Al…

ユーザベースの開発組織では、The 7 Valuesの1つである「自由主義で行こう」のもと、エンジニアメンバーが自分の意志でリアーキプロジェクトを推進できる環境があります。 技術の進歩や開発組織の拡大とともに、既存のシステムアーキテクチャがフィットしなくなる。成長・拡大を続けるITサービスでは、必ずと言ってよいほど発生していることだと思います。だからこそ、サービスの機能を維持しながら最新のアーキテクチャへと刷新していくリアーキテクチャは、非常に重要な取り組みだと言えます。 今…

…じめに こんにちは、NewsPicksの小林です！ 今回は、NewsPicks サービスのアプリに学割プランを追加するため、内製の学生認証を廃止して、外部認証サービスのSheerIDを導入したので、ご紹介したいと思います。 はじめに SheerIDとは 学生認証サービスの精査 SheerIDの導入 自社サービスとSheerID連携 SheerID認証フロー SheerID社と契約するにあたって 契約プログラム 最後に SheerIDとは SheerIDは学生や教師、医療関係者…

… @edvakf （NewsPicks Fellow） 北内啓 @tau3000 （NewsPicks データサイエンティスト） 小副川健 （ユーザベース B2B SaaS事業 Fellow / SPEEDA Chief Data Scientist） Xiangyi Gao （ユーザベース SaaS Product Division データサイエンティスト） イイダユカコ @becyn （NewsPicksエンジニア / パーソナリティ） トークテーマ： 最近、仕事以外で気…

… @edvakf （NewsPicks Fellow） 小玉祐輝 @kuy（ユーザベース B2B SaaS Business Product Team ） イイダユカコ @becyn （NewsPicks Web Product Unit / パーソナリティ） 赤澤剛 @go0517go （NewsPicks Fellow / AlphaDrive CTO） トークテーマ： イリノイ大学コンピューターサイエンス大学院（オンライン修士）に出願した経緯 世界的影響力のある会社のC…

2022年2月4日、ファインディ株式会社が主催するイベント「【NewsPicks×PR TIMES】2021年のエンジニア組織のパフォーマンスを振り返ってみた」がオンラインにて開催されました。 株式会社PR TIMESの金子達哉さんとニューズピックスの高山温が登壇した本セッション。2021年の開発組織のパフォーマンスを振り返りながら、「エンジニア組織の生産性」について具体的な取り組みや、今後の展望をお話しいただきました。 続きは以下のボタンからご覧ください。 記事を見る

…は「開発者とSREでNewsPicksの可観測性を考える」です。 システムの可観測性を意味する『Observability』。 そのObservabilityに熱い思いを持って日々開発に取り組んでいるニューズピックス エンジニア SRE Unitの安藤と、3月11日に開催されたテックカンファレンス『『Observability Conference』（hashtag: #o11y2022 ）に登壇したニューズピックス エンジニア Web Product Unit 兼パーソナリ…

…めに こんにちは！ NewsPicks の Web Product Unit のイイダユカコ（ @becyn ）です！ 普段は同 Unit で Next.js TypeScript GraphQL API などを扱っている開発者です。 （【宣伝】Podcast「Meet UB tech」で MC もさせていただいてるので、是非ご視聴ください 📻） この度、2022年3月11日開催の Observability Conference 2022 by CloudNative Da…

こんにちは。NewsPicksのkitoです。 NewsPicksでは、JobPicksという「みんなでつくる仕事図鑑」をコンセプトにしたサービスを提供しています。様々な職種のロールモデルの実名でリアルな経験談を閲覧・投稿でき、就活、転職、副業の仕事選びに役立ちたいと思って日々開発しています。 開発メンバーは、チームリーダーでサーバーサイドとフロントエンド両方こなすOさんと、主にサーバーサイドを担当されるTさん、そしてフロントエンドエンジニアの私の3人で開発しています。 今回…

…lphaDrive/NewsPicks CTOの赤澤剛です。20代前半ではじめてリーダーを任されたときは、「仕事を楽しいと思いすぎるあまり、メンバーに無邪気にハードワークを押し付けてしまっていた」という赤澤。 しかし、シンガポールでリーダーをしていたとき、ハードな開発状況で組織にハレーションが起きそうになった際にメンバーから「赤澤さんと一緒に目標を達成するのは楽しいけれど、もっとサステナブルに（持続的に）できるようにマネジメントスタイルを変えるべきだ」と真剣に向き合ってもらっ…

…rence 2022のTrack A「NewsPicks のプロダクト開発エンジニアが実践する スキルとしての SRE」にNewsPicks Web Product Unitチームの飯田 有佳子が登壇します。 NewsPicks のプロダクト開発エンジニアがスキルとしての SRE をどのように実践しているか、開発者ならではの課題観点と共に実際の具体例や取り組みの結果を紹介します。ぜひご参加ください！ イベントご案内＆お申込み▼ event.cloudnativedays.jp

…lphaDrive、NewsPicks兼務でエンジニアしている大場です。 最近はNewsPicks Webの新基盤開発を行っています。 新基盤はNext.jsで開発していてAWSのFargateで構築しているのですが、このFargate上で取得したログをS3、New Relicに送るためにFluent Bitを導入しました。 今回はローカルでの実行・確認方法と、導入の過程で問題になったことを紹介します！ Fluent Bit とは ローカル実行・確認方法 イメージの選択 設定…

…じめに こんにちは、NewsPicksの松本です。現在はTopics Product UnitでNewsPicksトピックスのプロダクト開発をしております。 さっそくですが、 2021年11月1日より【新サービス】NewsPicksトピックスが始まりました！ 今回はトピックスのリリースへ向けてチームで取り組んだこと、トピックスの機能としてのポイントとなった投稿に関して少しご紹介できればと思います。 トピックスとは NewsPicksトピックスとは、ニュースを起点としなくても、…

…として活動している方を対象にしたオンライントークセッション「Qiita Engineer Summit 2021 Winter」が開催されました。 セッションテーマ「NewsPicksと開発者体験、そしてJavaからKotlinへ」に、ニューズピックスの高山 温（現フェロー）が登壇しました。開発に対するスタンス「開発者体験」について、具体的にどのような取り組みを進めているのか、本記事でレポートします。 続きは、Qiita Zineにてご覧ください zine.qiita.com

…パーソナリティであるNewsPicksエンジニアのイイダに加え、ユーザベース BtoB SaaS Business Product Teamの小玉、AlphaDrive/NewsPicks CTOの赤澤と共にお届けします。 open.spotify.com #10 のゲストと聞きどころはこちら。 タイトル： 多様な技術を受け入れる仕組みとは 〜Rust導入に寄せて〜 出演者： 林尚之（ユーザベース B2B SaaS Business 執行役員 CTO、UB Datatech …

こんにちは。 NewsPicks Web Product Unit の芥川（@aku11i）です。 NewsPicks の新Webフロントエンド基盤でNext.js・TypeScriptを使用した開発を行なっています。 今回、プロジェクトに reCAPTCHA (v3) を導入しました。 読み込みタイミングなどパフォーマンスに気を遣った実装をすることができましたので紹介したいと思います！ 実装方針 読み込みタイミングを制御する 外部ライブラリを使用しない React Hook…

…ィ株式会社主催の「【NewsPicks×PR TIMES】2021年のエンジニア組織のパフォーマンスを振り返ってみた」にNewsPicks Fellowの高山 温が登壇します。 イベントご案内▼ findy.connpass.com PR TIMESさんと、NewsPicksのFindy Teamsを活用して2021年の開発組織のパフォーマンスを振り返りつつ、今後の展望についてもお話します。 〈テーマ〉 2021年における開発ボリュームやリードタイムの振り返り 2021年にエ…

…usiness × NewsPicks 〜」です。 ユーザベース BtoB SaaS Business Product Teamの鈴木さんと、ニューズピックス Core Development Team SRE Unit Leaderの武藤さん。 意外にも、“今年なんとしても成し遂げたいこと”が同じだった、グループが誇る2人の敏腕SREエンジニアにご登場いただき、それぞれの事業におけるSREチームの成り立ちや実態、役割、目指す未来について熱い議論を展開してもらいました。 話題…

NewsPicksの高山です。 2020年と2021年は「開発生産性」またはほぼ同義の「開発者体験」に注力した2年でした。特に2021年は、自分でも少しウザいぐらいに登壇やブログやインタビューでこの話をしていました。（後半からは「開発生産性」から派生してKotlinの話が主でした） tech.uzabase.com codezine.jp hatenanews.com zine.qiita.com zine.qiita.com tech.uzabase.com hatenan…

…ve CTOの赤澤、NewsPicksエンジニア／パーソナリティのイイダのトークをお届けします。 open.spotify.com #8 のゲストと聞きどころはこちら。 テーマ： ユーザベースの技術ブランディングを考える 出演者： 山田聖裕（ユーザベース Communications Team） 赤澤剛（AlphaDrive CTO） イイダユカコ（NewsPicksエンジニア／パーソナリティ） トークテーマ： Podcastをはじめた理由 エンジニアにとってのPodcast…

NewsPicksの高山です。 この記事はUzabase Advent Calendar 2021の23日目の記事です。昨日は我らが赤澤剛さんによるAWS Organizationの記事でした。 去る2021年10月12日に突然NewsPicksのサービスでFacebookログインやFacebookへの投稿ができなくなりました。この状態は12月13日まで2ヶ月もの間継続していて、ユーザーさんには不便を強いてしまいました。 米Facebook本社とメールでやりとりしていましたが…

ソーシャル経済メディアNewsPicksを開発・運営する株式会社ニューズピックスは2021年9月、 これまでサーバサイドの主要な開発言語としてきたJavaに代えて、 Kotlinをメインに採用する方針を明らかにしました。 この挑戦をどのように進めようとしているのか？ 開発者体験（DX）をどのように高めようとしているのか？ を紐解くインタビュー記事が掲載されました。 続きは以下のボタンからご覧ください。 記事を見る

…取締役） 林孝之 （NewsPicks 執行役員 VPoE） 赤澤剛 @go0517go （NewsPicks 執行役員 法人領域開発担当、AlphaDrive CTO） イイダユカコ @becyn （NewsPicks エンジニア／パーソナリティ） トークテーマ： 「強いエンジニア組織」とは 自己組織化/自立型組織であるための取り組み 個人としての失敗の許容とチーム/サービスとしての成功・成長のバランス 「強いエンジニア組織」をつくるための採用手法 【お知らせ】はてなニュー…

…じめに こんにちは、NewsPicks の Web Frontend Unit でエンジニアをしています、イイダユカコ（ @becyn ）です。 本記事は、Uzabase Advent Calendar 2021 21日目の記事です。 前日は nikkie さんによる『 イベントレポート | Tech BASE Okinawaに行ってきました！ #TechBASEOkinawa - nikkie-ftnextの日記 』でして、温かくアツい沖縄での tech イベントのお話でし…

…lphaDrive/NewsPicksのアカザワです。 AlphaDriveではCTOとしてエンジニアリング組織の立ち上げ、拡大や新規事業の創出を支援するSaaS Incubation Suite の開発をしています。また、NewsPicksでは法人向けサービスの NewsPicks Enterprise や NewsPicks ＋ｄ , NewsPicks for Microsoft Teams などの連携サービスの開発等も行なっております。 さっそく本題に入ります！ 本記…

…では、SPEEDAやNewsPicksなどのサービスを開発するエンジニアチームのカルチャーをゆるっと配信しています。 本記事ではMeet UB Tech #6 「エンジニアのキャリアと組織」から、要点をピックアップしてお届けします。 出演者： 林尚之 @t_hyssh （ユーザベース B2B SaaS Business 執行役員 CTO、UB Datatech 代表取締役） 赤澤剛 @go0517go （NewsPicks 執行役員 法人領域開発担当、AlphaDrive C…

…go0517go （NewsPicks 執行役員 法人領域開発担当、AlphaDrive CTO） イイダユカコ @becyn （NewsPicksエンジニア／パーソナリティ） トークテーマ： CTOとエンジニアCEOの違いについて エンジニアチームが「自己組織化する」ということ 「任せる」ことの難しさ キャリアとしてCTO/CEOをイメージした瞬間 ユーザベースではオン・オフ交えたコミュニケーションが好きなエンジニアを大募集しています！ 興味のある方はコーポレートサイトも覗…

…じめに こんにちは、NewsPicks の Web Frontend Unit でエンジニアをしています、イイダユカコ（ @becyn ）です。 本記事は、Uzabase Advent Calendar 2021 8日目の記事です。 7日目が NewsPicks UI デザイナー 吉川さんのアツい記事『https://note.com/akanyoshi/n/nae1d486caa2f』の後ということで、やや緊張しています。まだ読まれていない方は是非ご覧になってください！ 本…

こんにちは。NewsPicksのアルゴリズム開発チームの崔（チェ）です。2020年4月新卒入社し、現在は検索エンジン周りの開発に携わっております。今回は、開発環境に必要なインフラを構築しようとしてどはまりしたお話をお伝えしようと思います。もし同じポイントでハマっていたり、NewsPicksでは何に挑戦できるか気になっている方に少しでもお役に立てれば嬉しいです。 前置き そもそもElasticsearchとKibanaとは どハマり日記スタート 8/31 9/1 9/2 9/3…

こんにちは。NewsPicks Androidアプリエンジニアの sefwgweo です。 今回は前回記載した以下のうち、5の「仕様や要件が複雑な様々なモジュール」について具体例をもとに紹介します。 不定期におきるリニューアル 動画配信システムとの連携 課金周り 多種多様なログ要件 仕様や要件が複雑な様々なモジュール 高度なデザイン要件 概要 どのへんが難しかったか まとめ おわりに 概要 ■ベース要件 RecyclerView内の1アイテム(スライドアイテムと定義します)と…

…ころだと思いますが、NewsPicksの開発組織がどう考えているかをお伝えできればと思います。 open.spotify.com #5 の聞きどころはこちら。 テーマ： 寿司オフ会を開催しました！/ withコロナ下のコミュニケーション施策 出演者： 文字拓郎 @monzou （NewsPicks 取締役CPO） 赤澤剛 @go0517go （NewsPicks 執行役員 法人領域開発担当、AlphaDrive CTO） イイダユカコ @becyn （NewsPicksエンジ…

…リティ）とSaaSとNewsPicks」。B2B SaaS事業とNewsPicks事業の垣根を超えて、アクセシビリティに興味のある3人に語り合ってもらいました。 [URL] open.spotify.com #4 のゲストと見どころはこちら。 タイトル： a11y（アクセシビリティ）とSaaSとNewsPicks 出演者： 小玉祐輝 @kuy （ユーザベース B2B SaaS事業 Fellow / INITIAL CTO） 八木悠輔 aka J @yajiji（NewsPic…

はじめに NewsPicksの法人向けサービス開発チームの前表です。今回は、プログラミング未経験者だった私が、NewsPicksにエンジニアとして入社して半年間でやったことやキャッチアップするために工夫したことを振り返りつつ、未経験者ならではの視点からNewsPicks / Uzabaseの開発組織の魅力について紹介してみようと思います。 未経験からエンジニアを目指そうとしている方にも、現役エンジニアの方にも是非読んでいってもらえたらと思います。 それではどうぞ！ はじめに …

こんにちは。NewsPicks Androidアプリエンジニアの sefwgweo です。 突然ですが、皆様はニュースアプリにおけるアプリ開発ってどんなイメージをお持ちでしょうか。なぜこんな問いかけをするかというと、カジュアル面談や採用面談をしていると、わりとそこそこの割合で「ニュースアプリで何をそんなに沢山開発することがあるんですか？」という質問をいただくためです。 しかも、ニュースアプリやそれに近しいアプリ開発に関わった経験がある方から質問されることが多かったのも印象的で…

…ch」の #3 、「NewsPicksがなぜServer-side Kotlinを採用したのか」を公開しました。 #1 で語り足りなかった「NewsPicksがなぜServer-side Kotlinを選採用したのか」について、NewsPicks CTOの高山と西山のトークをお届けします。 open.spotify.com #3 のゲストと見どころはこちら。 タイトル： 「NewsPicksがなぜServer-side Kotlinを採用したのか」 出演者： 高山温 @edv…