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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for こたにん こたにん
November 22, 2018
Technology
1.4k
0

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

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

Avatar for こたにん

こたにん

November 22, 2018

More Decks by こたにん

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

Other Decks in Technology

See All in Technology
Snowflakeのコスト最適化を支えるアーキテクチャ設計
Avatar for Tatsuya Koreeda ktatsuya
0
320
AndroidでHDRメディアを「壊さずに」扱う
Avatar for Kazuki Chigita chigichan24
0
420
omasushiというライブラリを作った
Avatar for polidog polidog
PRO
0
140
enechainの内製セルフサービスプラットフォーム
Avatar for Tomoya Usami hiyosi
0
130
From Vanilla Kubernetes to a Batteries-Included Platform: Developer Experience at 1,300+ Clusters
Avatar for yosshi_ yosshi_
0
620
Sigmaユーザーのための有用リソース一挙公開 & Sigmaで使えるMCP #sigma_ucj /useful-resources-for-sigma-computing-users-and-mcps-with-sigma
Avatar for shinyaa31 shinyaa31
0
160
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
Avatar for Michael Tedder falken
PRO
0
270
プロダクト思考 × 基盤思考を AIで実現する Compound Engineering
Avatar for Watanabe Takeshi(Buzz) tkc66buzz
1
290
Multica × 長期記憶：40個のミニプロジェクト管理
Avatar for eiei114 eiei114
1
200
Genie Code ワークショップ 応用編 / Genie-Code-Workshop-advanced
Avatar for Databricks Japan databricksjapan
PRO
0
360
なぜSRE・セキュリティは評価されないのか？守りの組織を事業成長エンジンに変えた実践
Avatar for サイバーセキュリティクラウド cscengineer
PRO
3
2.3k
データエンジニアの困りごとをDevinと一緒に解消する
Avatar for 10xinc 10xinc
2
860

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
400
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.9k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
690
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.3k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
A Soul's Torment
Avatar for Nat Ma seathinner
7
3.6k

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