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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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.6k
どう伝えるか、何を伝えるか
Avatar for こたにん kotanin0
0
360
ふりかえり全部見せます大作戦
Avatar for こたにん kotanin0
0
300
EC Tech Group #1 オープニング
Avatar for こたにん kotanin0
1
100
弱みは強み
Avatar for こたにん kotanin0
0
400
エンジニアリングで飯を食う
Avatar for こたにん kotanin0
0
990
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
Avatar for こたにん kotanin0
0
760
魅力的なプレゼンをするために意識しておきたい3つのこと
Avatar for こたにん kotanin0
1
320

Other Decks in Technology

See All in Technology
Datadog Cloud Cost Management で実現するFinOps
Avatar for Taiji HAGINO taiponrock
PRO
0
140
Devinを導入したら予想外の人たちに好評だった
Avatar for Takafumi Omuro tomuro
0
880
Oracle Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
1.1k
管理者向けGitHub Enterpriseの運用Tips紹介: 人にもAIにも優しいプラットフォームづくり
Avatar for yuriemori yuriemori
0
110
LINE Messengerの次世代ストレージ選定
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
19
7.3k
LY Tableauでの Tableau x AIの実践 (at Tableau Now! - 2026-02-26)
Avatar for Yoshitaka Arakawa yoshitakaarakawa
0
1.3k
AI時代にエンジニアはどう成長すれば良いのか？
Avatar for Recruit recruitengineers
PRO
1
130
Security Diaries of an Open Source IAM
Avatar for Alexander Schwartz ahus1
0
200
越境する組織づくり ─ 多様性を前提にしたチームビルディングとリードの実践知
Avatar for hrpnx kido_engineer
1
100
Kiro のクレジットを使い切る！
Avatar for otanikohei otanikohei2023
0
110
問い合わせ自動化の技術的挑戦
Avatar for Recruit recruitengineers
PRO
2
150
「使いにくい」も「運用疲れ」も卒業する　UIデザイナーとエンジニアが創る持続可能な内製開発
Avatar for NRI Netcom nrinetcom
PRO
1
780

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
300
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
63
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
73k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
5.1k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
450
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
810
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
460
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k

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 ˌϨΨγʔײँͷ೔