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.5k
どう伝えるか、何を伝えるか
kotanin0
0
340
ふりかえり全部見せます大作戦
kotanin0
0
280
EC Tech Group #1 オープニング
kotanin0
1
95
弱みは強み
kotanin0
0
380
エンジニアリングで飯を食う
kotanin0
0
950
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
kotanin0
0
710
魅力的なプレゼンをするために意識しておきたい3つのこと
kotanin0
1
310
Other Decks in Technology
See All in Technology
251029 JAWS-UG AI/ML 退屈なことはQDevにやらせよう
otakensh
0
180
現場の壁を乗り越えて、 「計装注入」が拓く オブザーバビリティ / Beyond the Field Barriers: Instrumentation Injection and the Future of Observability
aoto
PRO
1
890
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
250
ピープルウエア x スタートアップ
operando
1
2.3k
組織全員で向き合うAI Readyなデータ利活用
gappy50
5
2.1k
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
4
960
kotlin-lsp の開発開始に触発されて、Emacs で Kotlin 開発に挑戦した記録 / kotlin‑lsp as a Catalyst: My Journey to Kotlin Development in Emacs
nabeo
2
290
AWSが好きすぎて、41歳でエンジニアになり、AAIを経由してAWSパートナー企業に入った話
yama3133
2
230
[Journal club] Thinking in Space: How Multimodal Large Language Models See, Remember, and Recall Spaces
keio_smilab
PRO
0
110
様々なファイルシステム
sat
PRO
0
290
東京大学「Agile-X」のFPGA AIデザインハッカソンを制したソニーのAI最適化
sony
0
190
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
arthur1
0
420
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
Balancing Empowerment & Direction
lara
5
710
Git: the NoSQL Database
bkeepers
PRO
431
66k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Rails Girls Zürich Keynote
gr2m
95
14k
Designing for Performance
lara
610
69k
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 ˌϨΨγʔײँͷ