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
Scala目的で入社した人間が、如何にして「はてなブックマーク」のフロントエンド改善活動を行う...
Search
lunastera
January 27, 2022
Programming
0
1.4k
Scala目的で入社した人間が、如何にして「はてなブックマーク」のフロントエンド改善活動を行うようになったのか
Hatena Engineer Seminar #18
https://hatena.connpass.com/event/235821/
lunastera
January 27, 2022
Tweet
Share
More Decks by lunastera
See All by lunastera
生成AI×マルチテナントSaaSな新規事業を立ち上げる上でテックリードとして気を使った点の紹介
lunastera
0
640
ブックマークチームでアクセシビリティを広める際に直面した問題と、如何にして立て直していったか
lunastera
0
780
Other Decks in Programming
See All in Programming
Develop iOS apps with Neovim / vimconf_2024
uhooi
1
110
Enabling DevOps and Team Topologies Through Architecture: Architecting for Fast Flow
cer
PRO
0
380
subpath importsで始めるモック生活
10tera
0
350
Ethereum_.pdf
nekomatu
0
480
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
7
1.8k
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
110
Figma Dev Modeで変わる!Flutterの開発体験
watanave
0
3.3k
as(型アサーション)を書く前にできること
marokanatani
10
2.9k
聞き手から登壇者へ: RubyKaigi2024 LTでの初挑戦が 教えてくれた、可能性の星
mikik0
1
140
DoctrineとPostgreSQLの便利な機能、どっちも諦めたくない!
77web
0
150
我々のデザインシステムは Chakra v3 にアップデートします
shunya078
2
1.2k
Micro Frontends Unmasked Opportunities, Challenges, Alternatives
manfredsteyer
PRO
0
150
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
The Cost Of JavaScript in 2023
addyosmani
45
6.8k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
YesSQL, Process and Tooling at Scale
rocio
169
14k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
GraphQLとの向き合い方2022年版
quramy
43
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
RailsConf 2023
tenderlove
29
910
BBQ
matthewcrist
85
9.3k
Happy Clients
brianwarren
98
6.7k
Transcript
2022/01/26 Hatena Engineer Seminar #18
ࣗݾհ id: lunasteraʢ͑Βʣ ͯͳϒοΫϚʔΫνʔϜ Scala͕͖
ԿΛ͍ͯ͠Δͷ ϑϩϯτΤϯυɺͬͯ·͢ Scala.jsͰͳ͍Ͱ͢
ScalaతͰೖࣾͨ͠ਓ͕ؒ Կʹͯ͠ʮͯͳϒοΫϚʔΫʯͷ ϑϩϯτΤϯυվળ׆ಈΛߦ͏Α͏ʹͳͬͨͷ͔
ͯͳϒοΫϚʔΫ
QSPYZ ΞʔΩςΫνϟ $PSF"1* #'' NJDSP TFSWJDFT ྨٛޠݕࡧ ʜ ʜ
ΠϯλʔϯͷՌ $PSF"1* NJDSP TFSWJDFT ྨٛޠݕࡧ ʜ ʜ
ೖࣾ·Ͱ ࣮͜ͷ࣌ͰϑϩϯτΤϯυʹۤखҙ͕ࣝ͋ͬͨ Πϯλʔϯ ΞϧόΠτ ೖࣾ ։ൃମݧྑ
ࣗԿ͕Ͱ͖Δ͔ ରԠൣғΛ͛Δ׆ಈ 4DBMBʁ ϑϩϯτʁ Πϯϑϥʁ σʔλج൫ʁ
ϑϩϯτΤϯυͷᬍ • ͋·ΓϞμϯͳײ͡Ͱͳ͍ • όοΫΤϯυ͕ڧ͍ਓ͕ଟ͍ όοΫΤϯυ ϑϩϯτΤϯυ ࣗͰʜʁ
ࣗൃతͳվળ׆ಈ • ௐࠪ / ݕূ -> վળҊ • ScrapboxʹվળΛྻڍ •
ؒҧ͍ͬͯΔ͔ͱ͍͏ෆ҆ • ৽ଔͱ͍͏६Λར༻ͯ͠ͱΓ͋͑ͣઓ
վળఏҊྫ • tscon fi g ͷ target / module Λదͳʹ
• ෆཁʹͳͬͨpoly fi llΛফ͢ • ඇਪύοέʔδͷҠߦ • lodashग़ • ग़ͷͨΊͷରԠදͳͲ࡞ • Ϗϧυ࣌ؒ / όϯυϧαΠζվળ • ͲͷఔͷޮՌ͕ظͰ͖Δͷ͔
WebΤϯδχΞձ • WebΤϯδχΞ͕ٞΛ࣋ͪدͬͯٞ • ϑϩϯτΤϯυվળҊΛ͍࣋ͬͯͬͨ ʹཱͯͨʂ
վળҊͷ࣮ߦ • ͋͘·ͰεϓϦϯτλεΫ༏ઌ • ࡉ͔͍ۭ͖࣌ؒʹগͣͭ͠ • όϯυϧαΠζ 1/2ɺϏϧυ࣌ؒ 1/3 •
੩తϑΝΠϧϏϧυͪͷ͕࣌ؒݮʂ
ϑϩϯτΤϯυձ • ϑϩϯτΤϯυใΛڞ༗͢Δձ • ׆ಈΛଓ͚ΔϞνϕʔγϣϯʹ 99νʔϜ ϒΫϚνʔϜ 99νʔϜ
νʔϜͷϑϩϯτΤϯυվળେਉ • ͜Ε·ͰͷܦݧͰࣗ৴͕͍ͭͨ • ੵۃతʹϝϯς͢Δ͜ͱΛܾҙ • ޭମݧ͕ϑϩϯτΤϯυͷۤखҙࣝΛม͑ͨ
·ͱΊ • ઓ͢Δେ͞ • ❌ ৽ଔ͔ͩΒઓ͠ͳ͍ • ⭕ ৽ଔ͔ͩΒͦ͜ઓ͢Δ •
Γ͍ͨ͜ͱΛ໌֬ʹ • ԿނΓ͍ͨͷ͔ / ԿނͦΕ͕ඞཁͳͷ͔