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.5k
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
780
ブックマークチームでアクセシビリティを広める際に直面した問題と、如何にして立て直していったか
lunastera
0
810
Other Decks in Programming
See All in Programming
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
ARA Ansible for the teams
kksat
0
150
GoとPHPのインターフェイスの違い
shimabox
2
100
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
120
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
240
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
テストをしないQAエンジニアは何をしているか?
nealle
0
130
Grafana Cloudとソラカメ
devoc
0
140
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
190
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
130
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
240
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Practical Orchestrator
shlominoach
186
10k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Building Adaptive Systems
keathley
40
2.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Why Our Code Smells
bkeepers
PRO
335
57k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
410
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
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νʔϜ
νʔϜͷϑϩϯτΤϯυվળେਉ • ͜Ε·ͰͷܦݧͰࣗ৴͕͍ͭͨ • ੵۃతʹϝϯς͢Δ͜ͱΛܾҙ • ޭମݧ͕ϑϩϯτΤϯυͷۤखҙࣝΛม͑ͨ
·ͱΊ • ઓ͢Δେ͞ • ❌ ৽ଔ͔ͩΒઓ͠ͳ͍ • ⭕ ৽ଔ͔ͩΒͦ͜ઓ͢Δ •
Γ͍ͨ͜ͱΛ໌֬ʹ • ԿނΓ͍ͨͷ͔ / ԿނͦΕ͕ඞཁͳͷ͔