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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
1.6k
どう伝えるか、何を伝えるか
Avatar for こたにん kotanin0
0
350
ふりかえり全部見せます大作戦
Avatar for こたにん kotanin0
0
300
EC Tech Group #1 オープニング
Avatar for こたにん kotanin0
1
100
弱みは強み
Avatar for こたにん kotanin0
0
400
エンジニアリングで飯を食う
Avatar for こたにん kotanin0
0
980
エンジニアとして採用に携わって感じた各種ツールのかゆいとこ
Avatar for こたにん kotanin0
0
760
魅力的なプレゼンをするために意識しておきたい3つのこと
Avatar for こたにん kotanin0
1
320

Other Decks in Technology

See All in Technology
pool.ntp.orgに ⾃宅サーバーで 参加してみたら...
Avatar for Fuminori -Tany- Tanizaki(谷崎文義) tanyorg
0
550
Why Organizations Fail: ノーベル経済学賞「国家はなぜ衰退するのか」から考えるアジャイル組織論
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
180
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
610
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
Avatar for Serverless Operations slsops
2
260
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
Avatar for shibayu36 shibayu36
0
300
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.6k
今こそ学びたいKubernetesネットワーク ～CNIが繋ぐNWとプラットフォームの「フラッと」な対話
Avatar for Takuto Nagami logica0419
5
380
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
Avatar for coconala_engineer coconala_engineer
2
770
マネージャー視点で考えるプロダクトエンジニアの評価 / Evaluating Product Engineers from a Manager's Perspective
Avatar for hiro-torii hiro_torii
0
180
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
1
240
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
200
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
440
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k

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 ˌϨΨγʔײँͷ೔