Upgrade to Pro — share decks privately, control downloads, hide ads and more …

レガシーフロントエンド / LEGACY FRONEND BY LOHACO

Avatar for こたにん こたにん
November 22, 2018
Technology
0
1.3k

レガシーフロントエンド / LEGACY FRONEND BY LOHACO

#レガシー感謝の日 登壇資料 でっす
https://askul.connpass.com/event/104108/

Avatar for こたにん

こたにん

November 22, 2018
Tweet

More Decks by こたにん

See All by こたにん
With Devin -AIの自律とメンバーの自立
Avatar for こたにん kotanin0
2
120
どう伝えるか、何を伝えるか
Avatar for こたにん kotanin0
0
320
ふりかえり全部見せます大作戦
Avatar for こたにん kotanin0
0
270
EC Tech Group #1 オープニング
Avatar for こたにん kotanin0
1
94
弱みは強み
Avatar for こたにん kotanin0
0
380
エンジニアリングで飯を食う
Avatar for こたにん kotanin0
0
910
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
Avatar for こたにん kotanin0
0
670
魅力的なプレゼンをするために意識しておきたい3つのこと
Avatar for こたにん kotanin0
1
300

Other Decks in Technology

See All in Technology
BEYOND THE RAG🚀 ~とりあえずRAG？を超えていけ！ 本当に使えるAIエージェント＆生成AIプロダクトを目指して~ / BEYOND-THE-RAG-Toward Practical-GenerativeAI-Products-AOAI-DevDay-2025
Avatar for Junya Miyake jnymyk
4
240
Railsの限界を超えろ！「家族アルバム みてね」の画像・動画の大規模アップロードを支えるアーキテクチャの変遷
Avatar for Ojima Hikaru ojima_h
3
450
20150719_Amazon Nova Canvas Virtual try-onアプリ 作成裏話
Avatar for Rika.I riz3f7
0
140
Step Functions First - サーバーレスアーキテクチャの新しいパラダイム
Avatar for Taiki Sugawara taikis
1
280
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
Avatar for Takashi Shinohara karamem0
0
200
AI時代にも変わらぬ価値を発揮したい: インフラ・クラウドを切り口にユーザー価値と非機能要件に向き合ってエンジニアとしての地力を培う
Avatar for Toshiaki Baba netmarkjp
0
220
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
Avatar for Soh Ohara soh9834
7
400
ecspressoの設計思想に至る道 / sekkeinight2025
Avatar for FUJIWARA Shunichiro fujiwara3
11
1.7k
PdM業務における使い分け
Avatar for Shinshiro shinshiro
0
590
MCPと認可まわりの話 / mcp_and_authorization
Avatar for convto convto
2
170
Shadow DOMとセキュリティ - 光と影の境界を探る / Shibuya.XSS techtalk #13
Avatar for Masato Kinugawa masatokinugawa
0
280
本当にわかりやすいAIエージェント入門
Avatar for segavvy segavvy
10
6k

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
109
19k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k

Transcript

  1. LEGACY FRONTEND BY LOHACO

  2. • ΞεΫϧגࣜձࣾ LOHACO ։ൃνʔϜϚωʔδϟʔ • ϑϩϯτΤϯυΤϯδχΞ → EM && ࠾༻୲౰

    • Kotlin ՄѪ͍ ɹɹɹɹɹίʔσΟϯά ɹɹɹɹɹɹɹɹɹ ɹɹɹɹ࠾༻ɹɹɹ νʔϜϏϧσΟϯά ɹɹ ɹ਺ֶ ᓏࡔ46ɹɹ ԻָήʔϜ ͨ͜ʹΜ (@Kotanin0)

  3. ϨΨγʔͳϑϩϯτΤϯυγεςϜͱ ஌Γ߹͍ ஥ྑ͘ͳΓ ޲͖߹͍ ͦΜͳ5೥ؒͷي੻ͷ͓࿩

  4. ͓࿩͢Δ಺༰͸ ࡏ੶͍ͯͯ͠ײͨ͡ݸਓͷॴײͰ͢ɻ ൃݴ͸ձࣾʹଐ͢Δ΋ͷͰ͸͋Γ·ͤΜɻ

  5. 2013 5 YEARS AGO NICE 2 MEET U

  6. LOHACO஀ੜ LOHACO ͕࢈੠Λ্͛ͨ Java6 ௒ϞϊϦγοΫ ϑϩϯτΤϯυɾόοΫΤϯυશͯ୯ҰϦϙδτϦ

  7. ͦ΋ͦ΋୭΋͍ͳ͍ ͦ΋ͦ΋୭΋͍ͳ͍

  8. 2014 4 YEARS AGO FRIENDSHIP

  9. ϨΨγʔίʔυͱ஥ྑ͘ ಺੡ΤϯδχΞ͕஀ੜ ͱʹ͔͘ίʔυΛಡΈ·͘Γ௚͠·͘Γ ϨΨγʔʢͱ౰࣌͸ࢥ͍ͬͯͳ͔ͬͨʣίʔυͱ ஌Γ߹͍ɺ஥ྑ͘ͳΔ

  10. ·ͩ୭΋ؾ෇͍ͯͳ͍ ಺੡Ͱอक͠͸͡ΊΔ

  11. 2015 3 YEARS AGO SURVIVAL

  12. ஥ྑ͘ͳͬͨίʔυ͸ϨΨγʔίʔυͩͬͨ ϑϩϯτΤϯυɾόοΫΤϯυɾωΠςΟϒΞϓϦ ͳͲνʔϜ͕෼͔Ε࢝ΊΔ ϓϩμΫτվળɾػೳ௥ՃΛ1೥ͻͨ͢Βଓ͚͍͖ͯ ϨΨγʔͰ͋Δ͜ͱʹؾ෇͖࢝Ίͨ

  13. ͕ɺαόΠόϧϑΣʔζͰDeliveryΛ༏ઌ… Ωʔϫʔυɺ͓आΓ͠·͢ɻ

  14. ϨΨγʔίʔυͩͬͨ ϝϯς͢Δ͕࣌ؒͳ͍ อकϨϕϧ্͕ͬͨ ϝϯόʔ͕૿͑ͨ ίϯϙʔωϯτ୯ҐͰ ୲౰͕Θ͔Εͨ

  15. 2016 2 YEARS AGO MODERNIZE

  16. ͍ͭʹ ϑϩϯτΤϯυνʔϜɺֶशϑΣʔζ΁Ҡߦ ͦͯ͠ɺ޲͜͏3೥ͷ໨ඪΛཱͯΔ

  17. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ 3೥Ͱ ओཁಈઢΛϞμφΠζ͢Δͧʂ

  18. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ ·ͣ͸TOP͔Β͸͡ΊΑ͏

  19. ৽͍͠Javaͷ؀ڥ͕Ͱ͖ͨ ϨΨγʔͷ୤٫ Ϟμϯ΁ͷਐԽ ͕࢝·ͬͨ Java6 ↓ Java8 ࠓ·ͰͷJavaͰ͸ͳ͍ɺ৽͍͠Javaʹʮ৽Javaʯ

  20. ίʔυಡΈղ͚ͳ͍ ஌Βͳ͍ػೳ͕͋Δ JSͷਐԽΛఘΊͨ ٕज़બఆͰ͖ͨ ϨϙδτϦΛ੾Γ཭ͨ͠ ҙࢤΛ࣋ͬͯઃܭͨ͠ ػೳஅࣺ཭Ͱ͖ͨ σβΠϯ΋࡮৽ͨ͠

  21. 2017 A YEAR AGO ULTIMATE-ۃ-

  22. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ TOP͸ਐԽͨ͠ɻ࣍͸……

  23. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ ݕࡧͱ঎඼ը໘ʂ

  24. JSΛ΋ͬͱΑ͍ͨ͘͠ ຊ౰͸ES201xܥʹ͍͕ͨ͠ɺͰ΋Delivery͕ڐ͞ͳ ͍ঢ়ଶͩͬͨͨΊɺ௅ઓΛஅ೦ɻ ʮ͍ͣΕWebpackΛಋೖ͢ΔΜͩʂʯͱ͍͏ؾ֓Ͱ JSΛແཧ΍ΓΫϥεߏ଄ʹˠࣗ࡞Webpack

  25. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ Ͱ͖ͨ

  26. ৽Java͸΋͏৽Ͱ͸ͳ͘ͳͬͨ ओཁಈઢͷա൒਺͕৽Javaɺ೼ݖΛѲͬͨ Ί࢟͟͢͸ڀۃͰΞϧςΟϝοτͳϑϩϯτΤϯυ ɹɹ ۃJava

  27. JS͸·ͩ෦෼తվྑ ۃ ͱ͍͏ݴ༿ཱ͕֬ͨ͠ ઌΛݟਾ࣮͑ͨ૷

  28. 2018 NOW LEARNING

  29. ڧֶ͍शϑΣʔζʹಥೖ ʮ͍ͣΕWebpackΛಋೖ͢ΔΜͩʂʯ ͦͷͱ͖͕͖ͨʂ JSΛʢ΄ͱΜͲ͢΂ͯʣTypeScriptʹʂ ͦͯ͠Webpackಋೖʂ

  30. ࡞͔ͬͯΒ2೥ܦͬͨ ϝϯόʔશһֶशͨ͠ ໨ඪΛୡ੒ͨ͠ ੒௕ͨ͠

  31. 2019 A YEAR LATER SYMPHONIC

  32. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ ࢒͍ͬͯΔը໘͸……

  33. ओཁಈઢͷϞμφΠζ TOPɹɹɹ ݕࡧɹɹɹ঎඼ɹɹɹ ͔͝ɹɹɹ Ϩδ ͔͝Ϩδʂ

  34. ϑϩϯτΤϯυΛ૗Ͱ͍ͯ͘ ݱࡏਐߦܥɺ͞ΒʹΞάϨογϰʹ Java6 ↓ Java8 ↓ Kotlin ࣗݾ૊৫ԽϑΣʔζɺಥೖοοοʂʂ

  35. ͖ͬͱૉఢʹͳΔ

  36. CONCLUSION

  37. ·ͱΊ - ࣌ؒΛ͔͚ͯஈ֊Λ౿Ί͹ɺϨΨγʔίʔυͱ޲͖ ߹͍ɺਐԽͤ͞Δ͜ͱ͸Ͱ͖ΔʢࣗΒ΋ਐԽ͢Δʣ - ࠓࣗ෼ͨͪͰ࡞Γ্͛ͨϞμϯͳίʔυ΋ɺ͍͔ͭ ϨΨγʔͱݺ͹ΕΔͱ͖͸͘Δɻ - ͦͷͱ͖ʹɺײँ͞ΕΔΑ͏ͳ͖Ε͍ͳίʔυΛอ ͪଓ͚͍ͨɻ

  38. THANKS LEGACY ˌϨΨγʔײँͷ೔