NewsPicks Product Division (経済メディアサービスの開発を担当する division) Product Design Team Product Development Team Enterprise Development Team Core Development Team 課金事業担当 Unit SRE Unit レコメンド等アルゴリズム担当 Unit 新機能開発担当 Unit プロダクト計画 Unit CS/OP Unit プラットフォーム関連の開発担当 Unit テスト関連開発担当 Unit 入稿ツール担当 Unit 課金事業コンテンツ担当 Unit アプリ担当 Unit * 組織図は、2021年6月時点のものです。 12 Unit 姉妹サービス担当 Unit
Product Design Team Product Development Team Enterprise Development Team Core Development Team 課金事業担当 Unit SRE Unit レコメンド等アルゴリズム担当 Unit 新機能開発担当 Unit プロダクト計画 Unit CS/OP Unit プラットフォーム関連の開発担当 Unit テスト関連開発担当 Unit 入稿ツール担当 Unit 課金事業コンテンツ担当 Unit アプリ担当 Unit * 組織図は、2021年6月時点のものです。 12 Unit 姉妹サービス担当 Unit Web 面の開発を行う Unit NewsPicks Product Division (経済メディアサービスの開発を担当する division)
API & Web 用 rendering を担う GraphQL 未対応ページについては NP Server に引き続きリクエストする 最終的に API に特化した project になることを目指す( Web を切り離す) 既存の NP Server Java project Web Client ALB
API が一部分しか存在しない&JSON 形式でない場合もあるため、 開発が必要だが最低限に抑えたい ◦ 既存のアプリ用 API をうまく活用したい Web Frontend Unit の立ち上げとリアーキテクチャに際してNext.js を採用したワケ リアーキテクチャをどう行っていくか 現実解を求める上での条件
API & Web 用 rendering を担う GraphQL 未対応ページについては NP Server に引き続きリクエストする 最終的に API に特化した project になることを目指す( Web を切り離す) 既存の NP Server Java project Web Client ALB
API & Web 用 rendering を担う GraphQL 未対応ページについては NP Server に引き続きリクエストする 最終的に API に特化した project になることを目指す( Web を切り離す) 既存の NP Server Web server Java project Next.js project 初回来訪時 Next.js project 内の ページ遷移時に発生する API Request ALB 対応状況により path ごとに振り分け (Path-based routing) GraphQL Web Client
API & Web 用 rendering を担う GraphQL 未対応ページについては NP Server に引き続きリクエストする 最終的に API に特化した project になることを目指す( Web を切り離す) 既存の NP Server Web server Java project Next.js project 初回来訪時 Next.js project 内の ページ遷移時に発生する API Request ALB 対応状況により path ごとに振り分け (Path-based routing) GraphQL Web Client
API & Web 用 rendering を担う GraphQL 未対応ページについては NP Server に引き続きリクエストする 最終的に API に特化した project になることを目指す( Web を切り離す) 既存の NP Server Web server Java project Next.js project 初回来訪時 Next.js project 内の ページ遷移時に発生する API Request ALB 対応状況により path ごとに振り分け (Path-based routing) GraphQL Web Client
API & Web 用 rendering を担う GraphQL 未対応ページについては NP Server に引き続きリクエストする 最終的に API に特化した project になることを目指す( Web を切り離す) 既存の NP Server Web server Java project Next.js project 初回来訪時 Next.js project 内の ページ遷移時に発生する API Request ALB 対応状況により path ごとに振り分け (Path-based routing) GraphQL Web Client GraphQL を導入することで既存のアプリ用 API を 活用しながら開発する Web 用 API が一部分しか存在しない&JSON 形式でない場合もあるため、 開発が必要だが最低限に抑えたい 現実解を求める上での条件 (2)
API & Web 用 rendering を担う GraphQL 未対応ページについては NP Server に引き続きリクエストする 最終的に API に特化した project になることを目指す( Web を切り離す) 既存の NP Server Web server Java project Next.js project 初回来訪時 Next.js project 内の ページ遷移時に発生する API Request ALB 対応状況により path ごとに振り分け (Path-based routing) GraphQL Web Client
Frontend Unit の立ち上げとリアーキテクチャに際してNext.js を採用したワケ ◦ 特に初期開発で発揮する「スピード」をそのまま「製品の質を高める力」にしたい ◦ 他 Unit のメンバーが気兼ねなく高品質な開発できる Web 基盤を作れるか? が課題であり、我々の Unit の腕の見せどころ 💪 • もっと現場な具体的な話を聴きたい!という方、 UZABASE の指針のひとつ