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
1.4k
0
Share
レガシーフロントエンド / LEGACY FRONEND BY LOHACO
#レガシー感謝の日 登壇資料 でっす
https://askul.connpass.com/event/104108/
こたにん
November 22, 2018
More Decks by こたにん
See All by こたにん
With Devin -AIの自律とメンバーの自立
kotanin0
2
1.7k
どう伝えるか、何を伝えるか
kotanin0
0
370
ふりかえり全部見せます大作戦
kotanin0
0
310
EC Tech Group #1 オープニング
kotanin0
1
110
弱みは強み
kotanin0
0
410
エンジニアリングで飯を食う
kotanin0
0
1k
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
kotanin0
0
800
魅力的なプレゼンをするために意識しておきたい3つのこと
kotanin0
1
340
Other Decks in Technology
See All in Technology
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
100k
AWS WAFの運用を地道に改善し、自社で運用可能にするプラクティス
andpad
1
160
AI時代の品質はテストプロセスの作り直し #scrumniigata
kyonmm
PRO
4
1.5k
SLI/SLO、「完全に理解した」から「チョットデキル」へ
maruloop
5
470
Agent の「自由」と「安全」〜未来に向けて今できること〜
katayan
0
360
Purview 勉強会報告 Microsoft Purview 入門しようとしてみた
masakichixo
1
400
なぜ、私がCommunity Builderに?〜活動期間1か月半でも選出されたワケ〜
yama3133
0
130
「QA=テスト」「シフトレフト=スクラムイベントの参加者の一員」の呪縛を解く。アジャイルな開発を止めないために、10Xで挑んだ「右側のしわ寄せ」解消記 #scrumniigata
nihonbuson
PRO
5
1.4k
20260515 ID管理は会社を守る大切な砦!〜🔰情シス向け〜
oidfj
0
360
Databricks 月刊サービスアップデートまとめ 2026年04月号
tyosi1212
0
120
Claude Code / Codex / Kiro に AWS 権限を 渡すとき、何を設計すべきか
k_adachi_01
5
1.4k
「強制アップデート」か「チームの自律」か?エンタープライズが辿り着いたプラットフォームのハイブリッド運用/cloudnative-kaigi-hybrid-platform-operations
mhrtech
0
200
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Making Projects Easy
brettharned
120
6.6k
First, design no harm
axbom
PRO
2
1.2k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
170
Un-Boring Meetings
codingconduct
0
290
Odyssey Design
rkendrick25
PRO
2
610
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
360
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
110
Fireside Chat
paigeccino
42
3.9k
Visualization
eitanlees
150
17k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.2k
Designing Powerful Visuals for Engaging Learning
tmiket
1
360
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 ˌϨΨγʔײँͷ