Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DMM.com のフロントエンド 今・今後 / Think ! FrontEnd #01

A85bfbcb7db07e936c0125487e7799fa?s=47 Kotaro Chiba
June 25, 2020
Technology
1
1.2k

DMM.com のフロントエンド 今・今後 / Think ! FrontEnd #01

Think ! FrontEnd #01 by DMM の前座として DMM.com のフロントエンド周りを紹介したスライドになります。

A85bfbcb7db07e936c0125487e7799fa?s=128

Kotaro Chiba

June 25, 2020
Tweet

More Decks by Kotaro Chiba

See All by Kotaro Chiba
JavaScript を書き始める前に知っておきたい JavaScript のこと #05
A85bfbcb7db07e936c0125487e7799fa?s=48 uruha
1
240
JavaScript を書き始める前に知っておきたい JavaScript のこと #04
A85bfbcb7db07e936c0125487e7799fa?s=48 uruha
1
230
JavaScript を書き始める前に知っておきたい JavaScript のこと #03
A85bfbcb7db07e936c0125487e7799fa?s=48 uruha
1
280
JavaScript を書き始める前に知っておきたい JavaScript のこと #02
A85bfbcb7db07e936c0125487e7799fa?s=48 uruha
1
1.1k
JavaScript を書き始める前に知っておきたい JavaScript のこと
A85bfbcb7db07e936c0125487e7799fa?s=48 uruha
1
470
JavaScript を書き始める前にやっておきたいこと / Kanazawa.js meetup #1
A85bfbcb7db07e936c0125487e7799fa?s=48 uruha
1
890
JConf JP Sponsor talk DMM.com / TECH VISION に向けての取り組み
A85bfbcb7db07e936c0125487e7799fa?s=48 uruha
1
240

Other Decks in Technology

See All in Technology
品質特性のすすめ
95d0e8ddf4a989d9734c25bd6b1af295?s=48 honamin09
0
170
Step-by-Step MLOps and Microsoft Products
0fa6038e477031fcca028bab0efe07e3?s=48 shisyu_gaku
1
550
cobra は便利になっている
6ed12627fec46a135f1bce5d56f3568e?s=48 nwiizo
0
140
Goで実装するブランドネットワークとの接続ポイント
E10d51de51c08e913216385be87dc1ca?s=48 pongzu
2
270
ここが好きだよAWS管理ポリシー_devio2022/i_am_iam_lover
325ce6fcd0a74ff78990b8632817da55?s=48 yukihirochiba
0
3.1k
IBM Cloud Festa Online 2022 Summer
Fecdd3417cd7375cc0bd0352d72db27e?s=48 1ftseabass
PRO
0
200
Power Automate for desktopで 配信環境を改善してみた話
C97407daeb9ad3a654e6a0ad8701b972?s=48 akiika
0
280
金融領域のマルチプロダクトを効率よく開発・運用するためのシステム基盤と組織設計について / 2022-07-28-multi-product-platform
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
140
増田亨さんによる 「設計の考え方とやり方」勉強会オープニング
8ccb6288c8b9f34d6917a14d42e66cbe?s=48 tsuyok
0
200
第22回 MLOps 勉強会：みてねのMLOps事情
25aaaf4419caea6083d18c4116e8faef?s=48 tonouchi510
1
820
ReverseETLでユーザーに価値を届ける基盤を実現した話
0c847ea07895706f7435ef67d31a5f6e?s=48 hakky
0
340
CloudWatchアラームによるサービス継続のための監視入門 / Introduction to Monitoring for Service Continuity with CloudWatch Alarms
107ea34bd4da51e40f1c30b9ca0c459e?s=48 inomasosan
1
420

Featured

See All Featured
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k
XXLCSS - How to scale CSS and keep your sanity
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
1.1M
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
782
210k
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
18
40k
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
6
2.5k
Java REST API Framework Comparison - PWX 2021
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
11
4.8k
Building a Scalable Design System with Sketch
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
448
30k
Agile that works and the tools we love
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
319
19k
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
What's new in Ruby 2.0
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
335
30k
Bash Introduction
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
598
210k
Why Our Code Smells
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
55k

Transcript

  1. Think ! FrontEnd #01

  2. 開催趣旨 「Think ! FrontEnd by DMM」は、DMM Group のフロント エンド及び JavaScript

    における開発現場の【今】を話しなが ら、みんなで改めてフロントエンドや JavaScript のことを考 えようというコミュニティです！

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

  4. 千葉 弘太郎（ちば こうたろう） Kotaro Chiba テクノロジー本部CTO室 エバンジェリストチーム Webエンジニア / デザイナ

    Twitter: @ur_uha Github: uruha

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

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

    WebRTC など最新の技術取り⼊れも出てきている

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

    の使⽤の増加 JS -> TS化 BFF の使⽤の際の要点 ...etc

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

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

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

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