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
ブックマークチームでアクセシビリティを広める際に直面した問題と、如何にして立て直していったか
lunastera
0
740
Other Decks in Programming
See All in Programming
Amebaチョイス立ち上げの裏側 ~依存システムとの闘い~
daichi_igarashi
0
230
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
390
AndroidアプリのUIバリエーションをあの手この手で確認する / Check UI variations of Android apps by various means
tkmnzm
1
140
From Idea to IDE: Developing Plugins for Android Studio
thisaay
1
150
LangChainの現在とv0.3にむけて
os1ma
4
900
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
1
420
長期運用プロダクトの開発速度を維持し続けるためのリファクタリング実践例
wataruss
8
2.7k
実践 Advanced CallKit 〜快適な通話の実現に向けて〜
mot_techtalk
3
130
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
410
Lessons by WebAssembly app in production on CDN Edge Computing Service
tetsuharuohzeki
0
200
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
110
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
130
Featured
See All Featured
Code Review Best Practice
trishagee
62
16k
Into the Great Unknown - MozCon
thekraken
29
1.4k
It's Worth the Effort
3n
182
27k
GraphQLとの向き合い方2022年版
quramy
43
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
How to train your dragon (web standard)
notwaldorf
85
5.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
230
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
43
2k
Statistics for Hackers
jakevdp
793
220k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
The Invisible Side of Design
smashingmag
295
50k
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νʔϜ
νʔϜͷϑϩϯτΤϯυվળେਉ • ͜Ε·ͰͷܦݧͰࣗ৴͕͍ͭͨ • ੵۃతʹϝϯς͢Δ͜ͱΛܾҙ • ޭମݧ͕ϑϩϯτΤϯυͷۤखҙࣝΛม͑ͨ
·ͱΊ • ઓ͢Δେ͞ • ❌ ৽ଔ͔ͩΒઓ͠ͳ͍ • ⭕ ৽ଔ͔ͩΒͦ͜ઓ͢Δ •
Γ͍ͨ͜ͱΛ໌֬ʹ • ԿނΓ͍ͨͷ͔ / ԿނͦΕ͕ඞཁͳͷ͔