はじめに トピックスとは トピックスのリリースへ向けてチームで取り組んだこと 3-1. 週1でオンラインでランチしながら雑談をする会 3-2. 新しいコードは全てKotlinで 3-3. 改善案があれば柔軟にやり方を変えてみる トピックス投稿機能 おわりに はじめに こんにちは、NewsPicksの松本です。現在はTopics Product UnitでNewsPicksトピックスのプロダクト開発をしております。 さっそくですが、 2021年11月1日より【新サービス】NewsPicksトピックスが始まりました！ 今回はトピックスのリリースへ向けてチームで取り組んだこと、トピックスの機能として…

2021年12月17日、エンジニアとして活動している方を対象にしたオンライントークセッション「Qiita Engineer Summit 2021 Winter」が開催されました。 セッションテーマは「技術的負債との付き合い方のススメ」。エンジニアリングをしている中で議論として取り上げられることが多い「技術的負債」について、今回は株式会社サイバーエージェントとニューズピックスの取り組み内容が語られました。そもそも技術的負債とは何なのか、サービスを提供しているエンジニアとして技術的負債にどう向き合っていくべきなのか。当日の様子をお伝えします。 続きは、Qiita Zineにてご覧ください zin…

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

はじめに はじめまして。Product Teamの中嶋です。今月からチームシャッフル*1でSPEEDAのR&D機能の開発を担当しています。 Product TeamではフルタイムでのペアプロとTDDを常に実践しています。 この話を社外でお話すると「どんな風にやっていくのかが想像つかない」とよく言われます。 私も前職で一時的にペアプロを導入することはありましたが、それを常にやり続けるというProduct Teamのペアプロ文化が入社するまで全く想像できませんでした。 そこで本記事ではProduct Teamがどのようにペアプロをしているのかをお届けしようと思います。 はじめに ツールについて ス…

こんにちは。 Product Team の相川です。 現在はProduct TeamでINITIALというプロダクトの開発をしております。 Product Teamではチーム開発を実施しておりますが、1ヶ月間だけプロジェクトから離れて1人で自由に開発をする「1人プロジェクト」が認められています。 今回はその「1人プロジェクト」についてお話ししていきます。 「1人プロジェクト」とは？ 目的 感想 ストーリーを出して、普段のプロジェクトっぽく回す なるべく人を巻き込む ポモドーロの活用 まとめの感想 最後に 「1人プロジェクト」とは？ 上述の通り、「1人プロジェクト」とは、1ヶ月のあいだ1人でデプ…

Product Teamの野口です。 ユーザベースのB2B SaaS事業を推進するProduct Teamでは、半期に一度キックオフを行っています。 そんな一日の様子をレポートします。 Product Teamがどんなチームなのか、普段の仕事とはまたちょっと異なるキックオフの一日をお見せすることで感じてもらえるといいなと思っています。 キックオフのはじまり CTO/Fellowへのn個の質問 採用OST ブランディングチームワークショップ 林さんの部屋 自己組織化の力 キックオフのはじまり Zoomには、既に大勢が集まっている。 僕が所属しているユーザベースのProduct Teamの人たちだ…

こんにちは。 Product Team の相川です。 現在はProduct TeamでINITIALというプロダクトの開発をしております。 改めてのお話になりますが、Product TeamではXP(extreme programming)を軸にアジャイル開発を実践しています。 アジャイルのプラクティスについて、僕たちのチームではかなり強度を高く持って実践しているのですが、 そもそもなぜ、そのプラクティスをやっているのか？やっていく中で感じたメリットや伸びしろなどを交えて、何度かに渡って発信していきたいと思います。 今回はユーザーストーリーについて、お話していきます。 ユーザーストーリーとは …

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

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

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

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

はじめに AWS Organizationsとは AlphaDriveのOrganization管理例 AWS Organizationsと組み合わせて導入したサービス AWS Organizations × AWS SSOで楽かつセキュアにアカウント管理 Security Hubでのセキュリティ設定状況を一元管理 AWS Resource Access Managerで組織内にリソース共有 SCP（Service Control Policy）で不要なアクションを制限 まとめ カジュアル面談に関して はじめに AlphaDrive/NewsPicksのアカザワです。 AlphaDriveでは…

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

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

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

こんにちは、プロダクトチームのソーントンです。 社内の「1人プロジェクト」という取り組みで1ヶ月で社内ツールを作る機会があったので、初めての言語Elixirに初挑戦してみました。 その中でMoxを使ったTDDが楽しかったので、ご紹介します。 Elixirの単体テストの基礎 実際のプロジェクトでは？ ビヘイビアとコールバック ビヘイビア x 単体テスト Mox登場！ テストの落ち方 まとめ おわりに Elixirの単体テストの基礎 Elixirでは単体テストにExUnitを使います。 defmodule GreetingTest do use ExUnit.Case test "いつでも成功" …

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

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

こんにちは。NewsPicksエンジニアの西山です。 9月22日に開催された「Server-Side Kotlin Study #2」に登壇させていただいたので、今回はこちらの内容に関して紹介させていただければと思います。発表資料はこちらです。 speakerdeck.com Server-Side Kotlin Studyとは？ 発表内容 背景 BDDとは？ Cucumberについて まとめ おわりに Server-Side Kotlin Studyとは？ Server-Side Kotlinで開発を進める中で得られた知見や落とし穴などを共有し、さらにServer-Side Kotlinを盛…

自己紹介 一人目なんです NewsPicksのリスクって？ 何が必要なのだろう？ UzabaseグループのQAとの違い これから何を目指していくか おわりに 自己紹介 6月からNewsPicksのQAエンジニアとして入社した西薗（にしぞの）です。SIerでアプリケーション寄りのエンジニアを6年ほど経験した後、ベトナムのテストベンダーで2年弱、QAエンジニアをやっていました。得意、というか好きな領域はソフトウェアテストです。 多くのITエンジニアにとって、「やりたいこと」は設計や実装であり、ソフトウェアテストというのは「やらなくてはいけないこと」だと思います。一方で私はというと、設計書を読んでロ…