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

LINE-Fiancial-FrontEnd-liu

7817a37f86a649081722e52270d2ba75?s=47 LINE
August 19, 2020

 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

7817a37f86a649081722e52270d2ba75?s=128

LINE

August 19, 2020
Tweet

Transcript

  1. None
  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