Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
レガシーフロントエンド / LEGACY FRONEND BY LOHACO
Search
こたにん@エンジニア採用など
November 22, 2018
Technology
0
1.3k
レガシーフロントエンド / LEGACY FRONEND BY LOHACO
#レガシー感謝の日 登壇資料 でっす
https://askul.connpass.com/event/104108/
こたにん@エンジニア採用など
November 22, 2018
Tweet
Share
More Decks by こたにん@エンジニア採用など
See All by こたにん@エンジニア採用など
どう伝えるか、何を伝えるか
kotanin0
0
320
ふりかえり全部見せます大作戦
kotanin0
0
270
EC Tech Group #1 オープニング
kotanin0
1
94
弱みは強み
kotanin0
0
380
エンジニアリングで飯を食う
kotanin0
0
910
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
kotanin0
0
650
魅力的なプレゼンをするために意識しておきたい3つのこと
kotanin0
1
300
Other Decks in Technology
See All in Technology
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
900
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
150
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
150
解析の定理証明実践@Lean 4
dec9ue
1
180
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
300
Snowflake Summit 2025全体振り返り / Snowflake Summit 2025 Overall Review
mtpooh
2
420
SpringBoot x TestContainerで実現するポータブル自動結合テスト
demaecan
0
110
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
120
KubeCon + CloudNativeCon Japan 2025 Recap Opening & Choose Your Own Adventureシリーズまとめ
mmmatsuda
0
220
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
データプラットフォーム技術におけるメダリオンアーキテクチャという考え方/DataPlatformWithMedallionArchitecture
smdmts
5
660
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
220
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
35
6.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Code Reviewing Like a Champion
maltzj
524
40k
Building Adaptive Systems
keathley
43
2.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
How to Ace a Technical Interview
jacobian
277
23k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
Designing Experiences People Love
moore
142
24k
Transcript
LEGACY FRONTEND BY LOHACO
• ΞεΫϧגࣜձࣾ LOHACO ։ൃνʔϜϚωʔδϟʔ • ϑϩϯτΤϯυΤϯδχΞ → EM && ࠾༻୲
• Kotlin ՄѪ͍ ɹɹɹɹɹίʔσΟϯά ɹɹɹɹɹɹɹɹɹ ɹɹɹɹ࠾༻ɹɹɹ νʔϜϏϧσΟϯά ɹɹ ɹֶ ᓏࡔ46ɹɹ ԻָήʔϜ ͨ͜ʹΜ (@Kotanin0)
ϨΨγʔͳϑϩϯτΤϯυγεςϜͱ Γ߹͍ ྑ͘ͳΓ ͖߹͍ ͦΜͳ5ؒͷيͷ͓
͓͢Δ༰ ࡏ੶͍ͯͯ͠ײͨ͡ݸਓͷॴײͰ͢ɻ ൃݴձࣾʹଐ͢ΔͷͰ͋Γ·ͤΜɻ
2013 5 YEARS AGO NICE 2 MEET U
LOHACOੜ LOHACO ͕࢈Λ্͛ͨ Java6 ϞϊϦγοΫ ϑϩϯτΤϯυɾόοΫΤϯυશͯ୯ҰϦϙδτϦ
ͦͦ୭͍ͳ͍ ͦͦ୭͍ͳ͍
2014 4 YEARS AGO FRIENDSHIP
ϨΨγʔίʔυͱྑ͘ ΤϯδχΞ͕ੜ ͱʹ͔͘ίʔυΛಡΈ·͘Γ͠·͘Γ ϨΨγʔʢͱ࣌ࢥ͍ͬͯͳ͔ͬͨʣίʔυͱ Γ߹͍ɺྑ͘ͳΔ
·ͩ୭ؾ͍ͯͳ͍ Ͱอक͠͡ΊΔ
2015 3 YEARS AGO SURVIVAL
ྑ͘ͳͬͨίʔυϨΨγʔίʔυͩͬͨ ϑϩϯτΤϯυɾόοΫΤϯυɾωΠςΟϒΞϓϦ ͳͲνʔϜ͕͔Ε࢝ΊΔ ϓϩμΫτվળɾػೳՃΛ1ͻͨ͢Βଓ͚͍͖ͯ ϨΨγʔͰ͋Δ͜ͱʹؾ͖࢝Ίͨ
͕ɺαόΠόϧϑΣʔζͰDeliveryΛ༏ઌ… Ωʔϫʔυɺ͓आΓ͠·͢ɻ
ϨΨγʔίʔυͩͬͨ ϝϯς͢Δ͕࣌ؒͳ͍ อकϨϕϧ্͕ͬͨ ϝϯόʔ͕૿͑ͨ ίϯϙʔωϯτ୯ҐͰ ୲͕Θ͔Εͨ
2016 2 YEARS AGO MODERNIZE
͍ͭʹ ϑϩϯτΤϯυνʔϜɺֶशϑΣʔζҠߦ ͦͯ͠ɺ͜͏3ͷඪΛཱͯΔ
ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹɹɹɹ ͔͝ɹɹɹ Ϩδ 3Ͱ ओཁಈઢΛϞμφΠζ͢Δͧʂ
ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹɹɹɹ ͔͝ɹɹɹ Ϩδ ·ͣTOP͔Β͡ΊΑ͏
৽͍͠Javaͷڥ͕Ͱ͖ͨ ϨΨγʔͷ٫ ϞμϯͷਐԽ ͕࢝·ͬͨ Java6 ↓ Java8 ࠓ·ͰͷJavaͰͳ͍ɺ৽͍͠Javaʹʮ৽Javaʯ
ίʔυಡΈղ͚ͳ͍ Βͳ͍ػೳ͕͋Δ JSͷਐԽΛఘΊͨ ٕज़બఆͰ͖ͨ ϨϙδτϦΛΓͨ͠ ҙࢤΛ࣋ͬͯઃܭͨ͠ ػೳஅࣺͰ͖ͨ σβΠϯ৽ͨ͠
2017 A YEAR AGO ULTIMATE-ۃ-
ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹɹɹɹ ͔͝ɹɹɹ Ϩδ TOPਐԽͨ͠ɻ࣍……
ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹɹɹɹ ͔͝ɹɹɹ Ϩδ ݕࡧͱը໘ʂ
JSΛͬͱΑ͍ͨ͘͠ ຊES201xܥʹ͍͕ͨ͠ɺͰDelivery͕ڐ͞ͳ ͍ঢ়ଶͩͬͨͨΊɺઓΛஅ೦ɻ ʮ͍ͣΕWebpackΛಋೖ͢ΔΜͩʂʯͱ͍͏ؾ֓Ͱ JSΛແཧΓΫϥεߏʹˠࣗ࡞Webpack
ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹɹɹɹ ͔͝ɹɹɹ Ϩδ Ͱ͖ͨ
৽Java͏৽Ͱͳ͘ͳͬͨ ओཁಈઢͷա͕৽JavaɺݖΛѲͬͨ Ί࢟͟͢ڀۃͰΞϧςΟϝοτͳϑϩϯτΤϯυ ɹɹ ۃJava
JS·ͩ෦తվྑ ۃ ͱ͍͏ݴ༿ཱ͕֬ͨ͠ ઌΛݟਾ࣮͑ͨ
2018 NOW LEARNING
ڧֶ͍शϑΣʔζʹಥೖ ʮ͍ͣΕWebpackΛಋೖ͢ΔΜͩʂʯ ͦͷͱ͖͕͖ͨʂ JSΛʢ΄ͱΜͲͯ͢ʣTypeScriptʹʂ ͦͯ͠Webpackಋೖʂ
࡞͔ͬͯΒ2ܦͬͨ ϝϯόʔશһֶशͨ͠ ඪΛୡͨ͠ ͨ͠
2019 A YEAR LATER SYMPHONIC
ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹɹɹɹ ͔͝ɹɹɹ Ϩδ ͍ͬͯΔը໘……
ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹɹɹɹ ͔͝ɹɹɹ Ϩδ ͔͝Ϩδʂ
ϑϩϯτΤϯυΛͰ͍ͯ͘ ݱࡏਐߦܥɺ͞ΒʹΞάϨογϰʹ Java6 ↓ Java8 ↓ Kotlin ࣗݾ৫ԽϑΣʔζɺಥೖοοοʂʂ
͖ͬͱૉఢʹͳΔ
CONCLUSION
·ͱΊ - ࣌ؒΛ͔͚ͯஈ֊Λ౿ΊɺϨΨγʔίʔυͱ͖ ߹͍ɺਐԽͤ͞Δ͜ͱͰ͖ΔʢࣗΒਐԽ͢Δʣ - ࠓࣗͨͪͰ࡞Γ্͛ͨϞμϯͳίʔυɺ͍͔ͭ ϨΨγʔͱݺΕΔͱ͖͘Δɻ - ͦͷͱ͖ʹɺײँ͞ΕΔΑ͏ͳ͖Ε͍ͳίʔυΛอ ͪଓ͚͍ͨɻ
THANKS LEGACY ˌϨΨγʔײँͷ