Slide 1

Slide 1 text

Think ! FrontEnd #01

Slide 2

Slide 2 text

開催趣旨 「Think ! FrontEnd by DMM」は、DMM Group のフロント エンド及び JavaScript における開発現場の【今】を話しなが ら、みんなで改めてフロントエンドや JavaScript のことを考 えようというコミュニティです!

Slide 3

Slide 3 text

DMM.com のフロントエンド 今・今後

Slide 4

Slide 4 text

千葉 弘太郎(ちば こうたろう) Kotaro Chiba テクノロジー本部CTO室 エバンジェリストチーム Webエンジニア / デザイナ Twitter: @ur_uha Github: uruha

Slide 5

Slide 5 text

【今】活発なこと . 負債脱却 モノリス -> FE/BE分離 . 「当たり前」を作る . 染み出す開発者

Slide 6

Slide 6 text

1. 負債脱却 モノリス -> FE/BE分離 20年以上運⽤してきたモノリスのアプリケーションから、 FE/BEの分離した構成へ AWS/ECS などのコンテナ上での構成が増えている PWA WebRTC など最新の技術取り⼊れも出てきている

Slide 7

Slide 7 text

2. 「当たり前」を作る ガイドラインの作成 -> 教育・品質の担保 リファレンスアーキテクチャ -> 新規事業⽴ち上げ↑↑ フロントエンドのモダン化の知⾒が集約されてきている TypeScript の使⽤の増加 JS -> TS化 BFF の使⽤の際の要点 ...etc

Slide 8

Slide 8 text

DMM の「当たり前」とは 弊社が掲げる Tech Vision で以下を指します。 ベストプラクティスの集合 ⾼品質で効率的なアウトプット

Slide 9

Slide 9 text

3. 染み出す開発者 様々な職種の開発者がフロントエンドを触っている 各々の技術的な強みを活かしながら他レイヤーにアプローチ できるようになってきた フロントエンドエンジニアというより、Webエンジニアとし てフロントエンドを触る⼈が増えてきている状態

Slide 10

Slide 10 text

【今後】の DMM.com . モダン化に関する知⾒の集積・アウトプットの増加 . 広域な技術レイヤーで活躍するエンジニアの増加

Slide 11

Slide 11 text

「なんでもあり」の DMM.com のプロダクトを フロントエンド視点でもっと柔軟に頑張ってい ます!