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 こたにん
With Devin -AIの自律とメンバーの自立
kotanin0
2
1.3k
どう伝えるか、何を伝えるか
kotanin0
0
330
ふりかえり全部見せます大作戦
kotanin0
0
270
EC Tech Group #1 オープニング
kotanin0
1
94
弱みは強み
kotanin0
0
380
エンジニアリングで飯を食う
kotanin0
0
920
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
kotanin0
0
680
魅力的なプレゼンをするために意識しておきたい3つのこと
kotanin0
1
300
Other Decks in Technology
See All in Technology
はじめての転職講座/The Guide of First Career Change
kwappa
5
4.3k
AIに頼りすぎない新人育成術
cuebic9bic
3
320
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
1
160
AWS DDoS攻撃防御の最前線
ryutakondo
1
170
Segment Anything Modelの最新動向:SAM2とその発展系
tenten0727
0
900
AIエージェントを現場で使う / 2025.08.07 著者陣に聞く!現場で活用するためのAIエージェント実践入門(Findyランチセッション)
smiyawaki0820
7
1.2k
マルチプロダクト×マルチテナントを支えるモジュラモノリスを中心としたアソビューのアーキテクチャ
disc99
1
630
Amazon Inspector コードセキュリティで手軽に実現するシフトレフト
maimyyym
0
130
Lambda management with ecspresso and Terraform
ijin
2
170
生成AI活用のROI、どう測る? DMM.com 開発責任者から学ぶ「AI効果検証のノウハウ」 / ROI of AI
i35_267
3
110
ファッションコーディネートアプリ「WEAR」における、Vertex AI Vector Searchを利用したレコメンド機能の開発・運用で得られたノウハウの紹介
zozotech
PRO
0
570
Amazon S3 Vectorsは大規模ベクトル検索を低コスト化するサーバーレスなベクトルデータベースだ #jawsugsaga / S3 Vectors As A Serverless Vector Database
quiver
2
920
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
A better future with KSS
kneath
239
17k
The Pragmatic Product Professional
lauravandoore
36
6.8k
How to Ace a Technical Interview
jacobian
278
23k
Building Applications with DynamoDB
mza
96
6.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Adopting Sorbet at Scale
ufuk
77
9.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
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 ˌϨΨγʔײँͷ