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

レガシーフロントエンド / LEGACY FRONEND BY LOHACO

Avatar for こたにん こたにん
November 22, 2018
Technology
0
1.3k

レガシーフロントエンド / LEGACY FRONEND BY LOHACO

#レガシー感謝の日 登壇資料 でっす
https://askul.connpass.com/event/104108/

Avatar for こたにん

こたにん

November 22, 2018
Tweet

More Decks by こたにん

See All by こたにん
With Devin -AIの自律とメンバーの自立
Avatar for こたにん kotanin0
2
1.4k
どう伝えるか、何を伝えるか
Avatar for こたにん kotanin0
0
330
ふりかえり全部見せます大作戦
Avatar for こたにん kotanin0
0
280
EC Tech Group #1 オープニング
Avatar for こたにん kotanin0
1
94
弱みは強み
Avatar for こたにん kotanin0
0
380
エンジニアリングで飯を食う
Avatar for こたにん kotanin0
0
920
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
Avatar for こたにん kotanin0
0
680
魅力的なプレゼンをするために意識しておきたい3つのこと
Avatar for こたにん kotanin0
1
300

Other Decks in Technology

See All in Technology
ソフトウェア エンジニアとしての 姿勢と心構え
Avatar for Recruit recruitengineers
PRO
4
760
広島銀行におけるAWS活用の取り組みについて
Avatar for Masaki Mori[JAWS-UG広島] masakimori
0
140
浸透しなさいRFC 5322&7208
Avatar for Nonogaki Hiroshi hinono
0
120
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
Avatar for yuriemori yuriemori
0
200
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
30k
ドキュメントはAIの味方！スタートアップのアジャイルを加速するADR
Avatar for かわうそ kawauso
3
380
Webアクセシビリティ入門
Avatar for Recruit recruitengineers
PRO
1
260
TypeScript入門
Avatar for Recruit recruitengineers
PRO
19
5.9k
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
Avatar for AEON aeonpeople
2
290
.NET開発者のためのAzureの概要
Avatar for tomokusaba tomokusaba
0
230
Devinを使ったモバイルアプリ開発 / Mobile app development with Devin
Avatar for Yuki Anzai yanzm
0
190
第4回 関東Kaggler会 [Training LLMs with Limited VRAM]
Avatar for tascj tascj
12
1.8k

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
900
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
338
57k

Transcript

  1. LEGACY FRONTEND BY LOHACO

  2. • ΞεΫϧגࣜձࣾ LOHACO ։ൃνʔϜϚωʔδϟʔ • ϑϩϯτΤϯυΤϯδχΞ → EM && ࠾༻୲౰

    • Kotlin ՄѪ͍ ɹɹɹɹɹίʔσΟϯά ɹɹɹɹɹɹɹɹɹ ɹɹɹɹ࠾༻ɹɹɹ νʔϜϏϧσΟϯά ɹɹ ɹ਺ֶ ᓏࡔ46ɹɹ ԻָήʔϜ ͨ͜ʹΜ (@Kotanin0)

  3. ϨΨγʔͳϑϩϯτΤϯυγεςϜͱ ஌Γ߹͍ ஥ྑ͘ͳΓ ޲͖߹͍ ͦΜͳ5೥ؒͷي੻ͷ͓࿩

  4. ͓࿩͢Δ಺༰͸ ࡏ੶͍ͯͯ͠ײͨ͡ݸਓͷॴײͰ͢ɻ ൃݴ͸ձࣾʹଐ͢Δ΋ͷͰ͸͋Γ·ͤΜɻ

  5. 2013 5 YEARS AGO NICE 2 MEET U

  6. LOHACO஀ੜ LOHACO ͕࢈੠Λ্͛ͨ Java6 ௒ϞϊϦγοΫ ϑϩϯτΤϯυɾόοΫΤϯυશͯ୯ҰϦϙδτϦ

  7. ͦ΋ͦ΋୭΋͍ͳ͍ ͦ΋ͦ΋୭΋͍ͳ͍

  8. 2014 4 YEARS AGO FRIENDSHIP

  9. ϨΨγʔίʔυͱ஥ྑ͘ ಺੡ΤϯδχΞ͕஀ੜ ͱʹ͔͘ίʔυΛಡΈ·͘Γ௚͠·͘Γ ϨΨγʔʢͱ౰࣌͸ࢥ͍ͬͯͳ͔ͬͨʣίʔυͱ ஌Γ߹͍ɺ஥ྑ͘ͳΔ

  10. ·ͩ୭΋ؾ෇͍ͯͳ͍ ಺੡Ͱอक͠͸͡ΊΔ

  11. 2015 3 YEARS AGO SURVIVAL

  12. ஥ྑ͘ͳͬͨίʔυ͸ϨΨγʔίʔυͩͬͨ ϑϩϯτΤϯυɾόοΫΤϯυɾωΠςΟϒΞϓϦ ͳͲνʔϜ͕෼͔Ε࢝ΊΔ ϓϩμΫτվળɾػೳ௥ՃΛ1೥ͻͨ͢Βଓ͚͍͖ͯ ϨΨγʔͰ͋Δ͜ͱʹؾ෇͖࢝Ίͨ

  13. ͕ɺαόΠόϧϑΣʔζͰDeliveryΛ༏ઌ… Ωʔϫʔυɺ͓आΓ͠·͢ɻ

  14. ϨΨγʔίʔυͩͬͨ ϝϯς͢Δ͕࣌ؒͳ͍ อकϨϕϧ্͕ͬͨ ϝϯόʔ͕૿͑ͨ ίϯϙʔωϯτ୯ҐͰ ୲౰͕Θ͔Εͨ

  15. 2016 2 YEARS AGO MODERNIZE

  16. ͍ͭʹ ϑϩϯτΤϯυνʔϜɺֶशϑΣʔζ΁Ҡߦ ͦͯ͠ɺ޲͜͏3೥ͷ໨ඪΛཱͯΔ

  17. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ 3೥Ͱ ओཁಈઢΛϞμφΠζ͢Δͧʂ

  18. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ ·ͣ͸TOP͔Β͸͡ΊΑ͏

  19. ৽͍͠Javaͷ؀ڥ͕Ͱ͖ͨ ϨΨγʔͷ୤٫ Ϟμϯ΁ͷਐԽ ͕࢝·ͬͨ Java6 ↓ Java8 ࠓ·ͰͷJavaͰ͸ͳ͍ɺ৽͍͠Javaʹʮ৽Javaʯ

  20. ίʔυಡΈղ͚ͳ͍ ஌Βͳ͍ػೳ͕͋Δ JSͷਐԽΛఘΊͨ ٕज़બఆͰ͖ͨ ϨϙδτϦΛ੾Γ཭ͨ͠ ҙࢤΛ࣋ͬͯઃܭͨ͠ ػೳஅࣺ཭Ͱ͖ͨ σβΠϯ΋࡮৽ͨ͠

  21. 2017 A YEAR AGO ULTIMATE-ۃ-

  22. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ TOP͸ਐԽͨ͠ɻ࣍͸……

  23. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ ݕࡧͱ঎඼ը໘ʂ

  24. JSΛ΋ͬͱΑ͍ͨ͘͠ ຊ౰͸ES201xܥʹ͍͕ͨ͠ɺͰ΋Delivery͕ڐ͞ͳ ͍ঢ়ଶͩͬͨͨΊɺ௅ઓΛஅ೦ɻ ʮ͍ͣΕWebpackΛಋೖ͢ΔΜͩʂʯͱ͍͏ؾ֓Ͱ JSΛແཧ΍ΓΫϥεߏ଄ʹˠࣗ࡞Webpack

  25. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ Ͱ͖ͨ

  26. ৽Java͸΋͏৽Ͱ͸ͳ͘ͳͬͨ ओཁಈઢͷա൒਺͕৽Javaɺ೼ݖΛѲͬͨ Ί࢟͟͢͸ڀۃͰΞϧςΟϝοτͳϑϩϯτΤϯυ ɹɹ ۃJava

  27. JS͸·ͩ෦෼తվྑ ۃ ͱ͍͏ݴ༿ཱ͕֬ͨ͠ ઌΛݟਾ࣮͑ͨ૷

  28. 2018 NOW LEARNING

  29. ڧֶ͍शϑΣʔζʹಥೖ ʮ͍ͣΕWebpackΛಋೖ͢ΔΜͩʂʯ ͦͷͱ͖͕͖ͨʂ JSΛʢ΄ͱΜͲ͢΂ͯʣTypeScriptʹʂ ͦͯ͠Webpackಋೖʂ

  30. ࡞͔ͬͯΒ2೥ܦͬͨ ϝϯόʔશһֶशͨ͠ ໨ඪΛୡ੒ͨ͠ ੒௕ͨ͠

  31. 2019 A YEAR LATER SYMPHONIC

  32. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ ࢒͍ͬͯΔը໘͸……

  33. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ ͔͝Ϩδʂ

  34. ϑϩϯτΤϯυΛ૗Ͱ͍ͯ͘ ݱࡏਐߦܥɺ͞ΒʹΞάϨογϰʹ Java6 ↓ Java8 ↓ Kotlin ࣗݾ૊৫ԽϑΣʔζɺಥೖοοοʂʂ

  35. ͖ͬͱૉఢʹͳΔ

  36. CONCLUSION

  37. ·ͱΊ - ࣌ؒΛ͔͚ͯஈ֊Λ౿Ί͹ɺϨΨγʔίʔυͱ޲͖ ߹͍ɺਐԽͤ͞Δ͜ͱ͸Ͱ͖ΔʢࣗΒ΋ਐԽ͢Δʣ - ࠓࣗ෼ͨͪͰ࡞Γ্͛ͨϞμϯͳίʔυ΋ɺ͍͔ͭ ϨΨγʔͱݺ͹ΕΔͱ͖͸͘Δɻ - ͦͷͱ͖ʹɺײँ͞ΕΔΑ͏ͳ͖Ε͍ͳίʔυΛอ ͪଓ͚͍ͨɻ

  38. THANKS LEGACY ˌϨΨγʔײँͷ೔