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

Financial × Frontend: Approach to UX

LINE DevDay 2019
November 21, 2019
Technology
1
710

Financial × Frontend: Approach to UX

Eisuke Okuyama
LINE Financial WebDev Team frontend engineer
https://linedevday.linecorp.com/jp/2019/sessions/S2-14

LINE DevDay 2019

November 21, 2019
Tweet

More Decks by LINE DevDay 2019

See All by LINE DevDay 2019
What is the engineering organization that LINE DevRel is aiming for
line_devday2019
3
2.4k
The IoT technology inside LINE DEVELOPER DAY 2019
line_devday2019
6
1.1k
How to reduce Android app launch time by scoping your dependencies using Koin DI
line_devday2019
3
800
Efficient integrating data from multiple data providers
line_devday2019
0
460
Now supporting Dark Mode on LINE messenger
line_devday2019
0
1.8k
LIFF v2, the latest Webview SDK lets you leverage LINE
line_devday2019
0
1.7k
Modern Web Testing with Cypress.io
line_devday2019
0
630
Speed up iOS Development with LLDB Code Injection and Framework Live Preview
line_devday2019
1
390
Faster iOS Builds with Bazel
line_devday2019
0
1.5k

Other Decks in Technology

See All in Technology
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
150
マルチプロダクトな開発組織で 「開発生産性」に向き合うために試みたこと / Improving Multi-Product Dev Productivity
sugamasao
1
310
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
120
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
940
第1回 国土交通省 データコンペ参加者向け勉強会③ - Snowflake x estie編 -
estie
0
130
Platform Engineering for Software Developers and Architects
syntasso
1
520
テストコード品質を高めるためにMutation Testingライブラリ・Strykerを実戦導入してみた話
ysknsid25
7
2.6k
【若手エンジニア応援LT会】ソフトウェアを学んできた私がインフラエンジニアを目指した理由
kazushi_ohata
0
150
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
OTelCol_TailSampling_and_SpanMetrics
gumamon
1
160
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
480
Lexical Analysis
shigashiyama
1
150

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
A Tale of Four Properties
chriscoyier
156
23k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Visualization
eitanlees
145
15k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
96
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Writing Fast Ruby
sferik
627
61k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
How to Ace a Technical Interview
jacobian
276
23k

Transcript

  1. 2019 DevDay Financial × Frontend: Approach to UX > Eisuke

    Okuyama > LINE Financial WebDev Team frontend engineer

  2. Agenda > About LINE Securities > Frontend Architecture > UX

    Approaches

  3. About LINE Securities

  4. About LINE Securities

  5. Frontend Architecture

  6. Jenkins Developer GitHub Pull Request Build / Test Notify Result

    Frontend Architecture

  7. Jenkins Developer Run Frontend Architecture Build / Test Deploy Config

    Result

  8. What We’re Using TypeScript Jest React

  9. Approach to UX

  10. How Do You Feel Financial Service? When You Hear

  11. Boring? Difficult? Complicated?

  12. We Should Make Positive All These Words

  13. Fun! Easy! Simple!

  14. > Register / Phone Number > Lottie-web for step animation

    Fun!

  15. > How to buy stock > Only 3 screen transitions

    to order Easy!

  16. > Simple line chart of stock price > Chart.js >

    (chart is test data) Simple!

  17. And More…

  18. > For Native Experience > Implemented by
 web frontend technology

    Page Stack

  19. > Back to previous screen by swiping Swipe Back

  20. > Search > Change tabs by swiping Swipeable Tabs

  21. We’re Improving Many Things!

  22. Why Don’t You Join Us?

  23. Thank You!