LINE-Fiancial-FrontEnd-liu

2020/08/19開催の【LINE Fintechエンジニア採用説明会】の登壇資料です。
LINE Fintechサービスのフロントエンドエンジニアの仕事内容について紹介しています。
https://line.connpass.com/event/183649/

▼該当ポジション
・フロントエンドエンジニア / 証券・銀行 / LINE Financial
https://linecorp.com/ja/career/position/1102

Transcript

2. WOW Financial × FrontEnd
3. LIU Shuo フロントエンドエンジニア LINE株式会社 フィナンシャル開発センター Web開発室
4. FrontEnd BackEnd Plan Infra Marketing User Design Vendor PM QA
5. Responsibilities プランナー、バックエンド、デザイナーなど協⼒し Web技術でUIを開発する WOWを作る
6. & Plan Wireframe/Spec Review 積極的に提案 無理せず 随時相談 声かけ/Slack
7. Wireframe example
8. & Design Design Review MTG Interaction Guideline `Pixel` Perfect / Design QA 無理せず積極提案 随時相談(Slackで⽇韓翻訳bot)
9. Zeplin コミュニケーション System design CSS snippets
10. `Pixel` Perfect 余⽩が⼤事 全体的なバランスが⼤事 Design Systemが課題
11. & PM 開発⾒積もり、⽇程調整 定例、朝会 おかげで開発に集中できる
12. & BackEnd API MOCKを⾃分で管理する API Specは相談しながら決める Node.js持ちながら、⼀部BFFを適⽤中
13. & Vendor External JS library integration 偶に⼤変
14. & Infra Node.js/static server deployment private NPM registry CDN CI …
15. Private NPM registry 社内⽤ いいものはシェアしましょう! pkg(node)
16. Jenkins pipeline
17. & Marketing Data Tracking 要件レビュー、実装（偶に⼤変)
18. & QA QAの⽅は⽬が鋭い 私たちは妥協せず、無理せず Issueの⼤半はフロントエンド Oh, Android …
19. vs User UX重視、ユーザ⽬線 Smoothさを追求 パフォーマンス向上 Error Tracking(Sentry)
20. 12 Team members Fukuoka + Osaki 英語(Slack) + ⽇本語 + TypeScript !
21. Tech Stack lerna TS + React + Jest CSS-modules(postCSS) + styled-components + SVG express prettier + eslint + stylelint LINE Internal SDK, lottie-web …(growing)
22. TypeScript Advanced Types noImplicitAny: true(*) Fix external modules うちのチームに @uhyo_ がいる
23. E2E + Unit test
24. Code Review
25. WebDev Style(WIP) Done is better than perfect Write simple & easy-to-delete code We discuss Design before coding …
26. To Challenge Micro Frontends SSR Standardization …
27. WOW of FrontEnd UXやパフォーマンスに妥協しない 新技術を積極的に⼊れてみる体制 誰でも提案できる、話し合える環境 他部署のFrontEndエンジニアと簡単にコミュニケーション メンバーと⼀緒に成⻑していく
28. FrontEnd in LINE Corp Tokyo/Kyoto/Fukuoka/Korea/Vietnam/Taiwan.. Global Workshop UIT Meetup(Tokyo) Many web apps running in LINE
29. Join us, WOW together 求める経験・スキルなどはこちら https://linecorp.com/ja/career/position/1102
30. LINE証券 FrontEnd LINE Engineering Blogを通じて発信しています。 ぜひご覧になってください。LINE証券 FrontEnd
31. Thanks