Slide 1

Slide 1 text

技術の「幅」から広げるエンジニアリング 創業ベンチャーCTO から大企業レガシー刷新へ 巣籠 悠輔 Yusuke Sugomori

Slide 2

Slide 2 text

いきなりですが... エンジニアとして生きていく上で、 技術の「幅」と「深さ」、どちらが大事? 自己紹介は後ほど

Slide 3

Slide 3 text

結論、 どっちも大事! 領域 x レベル の面積をどう増やしていくか、 というお話💡

Slide 4

Slide 4 text

サービス 立ち上げ期は 幅 拡大期は 深さ ただし、相性としては... が大事と一般的には言われる(今日は「幅」に着目)

Slide 5

Slide 5 text

技術の「幅」にも 2種類ある フルスタックエンジニアリング ソフトウェアアーキテクティング ひとくちに「幅」と言っても... こちらをキーワードに 話していきます

Slide 6

Slide 6 text

自己紹介

Slide 7

Slide 7 text

巣籠 悠輔 Yusuke Sugomori @yusugomori

Slide 8

Slide 8 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット 何をやってきたか・やっているか ・・・

Slide 9

Slide 9 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット 何をやってきたか・やっているか ・・・  ​ 会社になる前の  ​ Gunosy, Readyfor, マネーフォワード  ​ あたりの開発をしていました。

Slide 10

Slide 10 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット 何をやってきたか・やっているか ・・・  ​ 一番バズったのは CSS SANS  ​ (すでにサイトはクローズ... )  ​ CSS でフォントを作ったもので、  ​ 国内海外で変態呼ばわりされました。

Slide 11

Slide 11 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット 何をやってきたか・やっているか ・・・  ​ 創業ベンチャーのCTO として、  ​ オンライン診療アプリ開発および  ​ 医療AI の開発をしていました。  ​ まさしく「全部やる」状態だった  ​ ので、メンバーが増えるまでは  ​ なかなか大変でした...

Slide 12

Slide 12 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット 何をやってきたか・やっているか ・・・  ​ Gunosy 時代にデザインを手伝って  ​ もらったグッドパッチ代表の土屋さん (丸井グループの非常勤役員でもある)  ​ と話しているうちに、気付いたら  ​ マルイユナイトに関わることに(!)  ​ 丸井グループがもつ大規模なシステム  ​ まわりを見ています。 どんなシステムなのか、は後ほど...

Slide 13

Slide 13 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット 何をやってきたか・やっているか ・・・

Slide 14

Slide 14 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット ・・・ フルスタック アーキテクティング こっちは 一方、こっちは より強く求められる(求められた)のは... 何をやってきたか・やっているか

Slide 15

Slide 15 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット ・・・ フルスタック アーキテクティング 何をやってきたか・やっているか

Slide 16

Slide 16 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット ・・・ フルスタック アーキテクティング 何をやってきたか・やっているか

Slide 17

Slide 17 text

特に創業直後なんかは、エンジニアメンバーは少ない (ひとりとかも全然ある... ) 必然的に、フルスタックな振る舞いが求められる (フロントエンド、バックエンド、インフラ全部やるしかない💦)

Slide 18

Slide 18 text

サービス立ち上げ期には、間違いなく 技術の「幅」(フルスタックなスキル)が必要 一方で、技術の「深さ」については割り切る! 「自分よりエンジニアリング力のある人はいくらでもいる」 し、全ての領域で完璧なんて、ムリ

Slide 19

Slide 19 text

特に、今は Cursor や Cline などを活用して 文字通り「幅を利かせやすい」環境にある 開発時に自分に「生成AI バフ」をかけられるので、 ※ 実際、ソロプレナーも増えている

Slide 20

Slide 20 text

更に... すでに DeepSeek-​ V3 などの登場で価格破壊が起きているように、 今後、生成AI を活用したエンジニアリングはより手軽にできるように 自分で 0 → 1 をやりたいならば、 技術の「幅」+ バフ を活かしてソロプレナーもおすすめ

Slide 21

Slide 21 text

一方で... やはり「大規模なシステムの開発に携わりたい」という場合、 自分で 0 → 1 スタートは(うまくいっても)それなりに時間がかかる そこで、マルイユナイトに参画

Slide 22

Slide 22 text

ここまでのまとめ サービス立ち上げ期は、技術の「幅」が大事 特に、フルスタックエンジニアリングスキルが必要 Cline などで生成AI バフを得てソロプレナーもあり

Slide 23

Slide 23 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット 何をやってきたか・やっているか ・・・ フルスタック アーキテクティング

Slide 24

Slide 24 text

学生時代から色々サービスを作ったり、手伝ったり ひとりでもバズ狙いで色々サイトを作ったり 会社も共同創業したり(後にエグジット) 色々経て、マルイユナイトの設立時よりコミット 何をやってきたか・やっているか ・・・ フルスタック アーキテクティング

Slide 25

Slide 25 text

https://prtimes.jp/main/html/rd/p/000003581.000003860.html PR TIMES 記事より

Slide 26

Slide 26 text

「マルイ」と聞いて、何をイメージしますか?

Slide 27

Slide 27 text

「マルイ」と聞いて、何をイメージしますか? 店舗のイメージが強いかもしれませんが、 実は、収益の大半はクレジットカ ードなんです(! )

Slide 28

Slide 28 text

マルイは、小売とフィンテックの会社 大規模なクレジットカードのシステムを抱えています (カード会員数750 万人以上)

Slide 29

Slide 29 text

1960 年に日本初のクレジットカード発行 2006 年にエポスカード発行 エポスカードも20 年近い長い歴史をもつ 大規模で、長い歴史をもつシステム... ウッ

Slide 30

Slide 30 text

技術負債 いわゆるレガシーシステム。 これを刷新しないことには、よいサービスを作れない。

Slide 31

Slide 31 text

でも、レガシーと聞くと敬遠されがちだけど... レガシー「刷新」も 新しく作り直すので、 サービス立ち上げとやることは変わらない! 加えて、レガシーを見る ・変える力も必要

Slide 32

Slide 32 text

レガシー刷新の代表的なアプローチのひとつは、ストラングラーパターン = 現システムから切り出せる部分を徐々に新システムに移行していく どこを切り出せるか・切り出した後の設計はどうするかなど、 システム全体のアーキテクチャを考え、決定する必要がある = アーキテクティング

Slide 33

Slide 33 text

クライアント層 プレゼンテーション層 ビジネスロジック層 データベース ブラウザなど html WEB コンテナ jsp/ servlet EJB コンテナ EJB コンポー ネント 例)「ちょっと古い」 J2EE ベースのアプリケーション 前提: システムが巨大すぎて、一気に全ては移行できない

Slide 34

Slide 34 text

クライアント層 プレゼンテーション層 ビジネスロジック層 データベース ブラウザなど html WEB コンテナ jsp/ servlet EJB コンテナ EJB コンポー ネント ここがひとつのアプリケーションサーバで動かす 巨大モノリシック前提であるため、システムが 大規模になると DevOps サイクルが回らない アプローチ1: 現在のアーキテクチャの問題を把握する マイクロサービス or モジュラーモノリス化が必須

Slide 35

Slide 35 text

クライアント層 プレゼンテーション層 ビジネスロジック層 データベース ブラウザなど html WEB コンテナ jsp/ servlet EJB コンテナ EJB コンポー ネント アプローチ2: レイヤー間の依存関係を把握する 実際のコードを見ると、レイヤー間の依存が双方向になっており、 どこかを改修するとシステム全体を見直さなくてはならない状態に 分離のしやすさ・影響度の大きさを鑑みて、どこのドメインから着手するかを判断...

Slide 36

Slide 36 text

クライアント層 プレゼンテーション層 ビジネスロジック層 データベース ブラウザなど html WEB コンテナ jsp/ servlet EJB コンテナ EJB コンポー ネント アプローチ3: 業種独自の制約を把握する クレジットカード会員情報を扱う場合、そのシステムは PCI DSS に準拠しなくてはならない(セキュリティ基準) 準拠する必要のない部分も同じサーバでホストされていたために、 PCI DSS 要件に引きずられていることが判明。 ここを切り出すことの事業効率への貢献度合いが高い

Slide 37

Slide 37 text

... などなど、レガシー刷新は様々な観点からアプローチを考える必要がある 技術の「幅」によって、 アーキテクティングが活き てくる ※ ただし、レガシー刷新は技術力だけが必要というわけではないことに注意

Slide 38

Slide 38 text

ちなみに... レガシー刷新では、 生成AI を活用するのは現状ではなかなか厳しい (大規模システムだと、コンテキスト長が溢れてしまう) 技術の「幅」を活かし「生成AI フレンドリー」な単位で リアーキテクチャすることが求められていく (アーキテクチャは動的なもの)

Slide 39

Slide 39 text

ここまでのまとめ レガシー刷新でも、技術の「幅」が大事 特に、ソフトウェアアーキテクティングスキルが必要 生成AI フレンドリーなアーキテクチャが大事になりそう

Slide 40

Slide 40 text

最後のまとめ 技術の「幅」を広げることで、0 → 1 でも 大規模システムでも、活躍の場を広げることができる 生成AI を活用することが前提となってきた今、 技術の幅をもっていることが強みになる フルスタッ クエンジニアリング、ソフ トウェアアーキテクティング

Slide 41

Slide 41 text

Thank you!

Slide 42

Slide 42 text

Appendix

Slide 43

Slide 43 text

参考:2025 年第2 四半期決算補足資料 営業利益は、小売33 億に対してフィンテック224 億

Slide 44

Slide 44 text

アーキテクティングに関しては、 「ソフトウェアアーキテクチャの基礎」 が、非常に参考になる - ソフトウェア「アーキテクト」 という働き方