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.4k
どう伝えるか、何を伝えるか
kotanin0
0
330
ふりかえり全部見せます大作戦
kotanin0
0
280
EC Tech Group #1 オープニング
kotanin0
1
94
弱みは強み
kotanin0
0
380
エンジニアリングで飯を食う
kotanin0
0
930
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
kotanin0
0
690
魅力的なプレゼンをするために意識しておきたい3つのこと
kotanin0
1
300
Other Decks in Technology
See All in Technology
【NoMapsTECH 2025】AI Edge Computing Workshop
akit37
0
210
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
ganota
2
220
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
10
3.2k
Agile PBL at New Grads Trainings
kawaguti
PRO
1
440
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
shinaps
2
460
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
960
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
180
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
260
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
shisyu_gaku
0
290
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
170
Language Update: Java
skrb
2
300
Snowflake Intelligenceにはこうやって立ち向かう!クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
gappy50
0
250
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
How to Ace a Technical Interview
jacobian
279
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Code Reviewing Like a Champion
maltzj
525
40k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
RailsConf 2023
tenderlove
30
1.2k
Statistics for Hackers
jakevdp
799
220k
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 ˌϨΨγʔײँͷ