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
がんばらない勉強会の続け方 / 20240426-niigata-5min-tech-omake
Search
girigiribauer
April 26, 2024
1
540
がんばらない勉強会の続け方 / 20240426-niigata-5min-tech-omake
2024/04/26 Niigata5分Tech #7 で話した資料です(おまけの方)
girigiribauer
April 26, 2024
Tweet
Share
More Decks by girigiribauer
See All by girigiribauer
『Bluesky 公式アカウント移行まとめ』のアップデートをした話 / 20241018-niigata-5min-tech
girigiribauer
0
79
コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech
girigiribauer
1
62
公共交通のオープンデータ事始め / 20240823-niigata-5min-tech
girigiribauer
0
71
私と Vim / 20240426-niigata-5min-tech
girigiribauer
2
160
初めての chrome extension で Plasmo 使ってみた / 20240329-niigata-5min-tech
girigiribauer
0
95
時間配分を常に意識するために、通知する仕組みを作った話 / 20220527-peacock-meets-up-01
girigiribauer
0
230
モーダルウィンドウを作るときは createPortal を選択肢に加えよう、という話 / 20200201-react-nagoya-learning
girigiribauer
0
100
コードフォーマッタを導入して プロジェクト内に平穏をもたらす話 / 20191025-v-okinawa
girigiribauer
0
160
TypeScript を活用してサービス構築頑張ってみた話 / 20190906_v-sendai_girigiribauer
girigiribauer
1
280
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
520
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
A better future with KSS
kneath
238
17k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
GitHub's CSS Performance
jonrohan
1030
460k
Documentation Writing (for coders)
carmenintech
67
4.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Writing Fast Ruby
sferik
628
61k
Site-Speed That Sticks
csswizardry
4
410
How STYLIGHT went responsive
nonsquared
98
5.4k
Transcript
/JJHBUB5FDI PNBLF ͕ΜΒͳ͍ษڧձͷଓ͚ํ HJSJHJSJCBVFS
ษڧձͷख๏ͷมભʹ͍ͭͯ w ͔ͤͬ͘ͳͷͰɺผํʢ໊ݹʣͰͬͯͨษڧձͷख๏ʹ͍ͭͯհ w ͦͷ··ద༻ແཧ͔͚ͩͲɺࢀߟʹͳΔͱ͜Ζ͕͋Δ͔͠Εͳ͍ 2
ษڧձਓʹґଘ͍͢͠ w ϦʔμʔγοϓΛऔ͖ͬͯͨਓ͕౦ژʹߦͬͯ͠·ͬͨʢ͋Δ͋Δʣ w ෳਓͰ͍͕ͬͯͨɺՈఉڥͷมԽʢओʹ݁ࠗʣʹΑͬͯࢀՃͰ͖ͳ͘ ͳͬͯ͠·ͬͨʢ͋Δ͋Δʣ w ճΛॏͶͯൃදऀ͕ू·Βͳ͍ʢ͋Δ͋Δʣ w ͕ͯස͕ݮΓɺࣗવফ໓😇
3
ษڧձਓͷ͕ΜΓʹґଘ͍͢͠ w ษڧձ୭͔ͷ͕ΜΓʹΑཱ͍ͬͯͯ͠Δ w ΤϯδχΞϦϯάΛऔΓѻ͏ਓ͕ͨͪଟ͍ͣͳͷʹɺษڧձΛΤϯδχΞ Ϧϯάରͱͯ͠ݟͳ͍ͷͳͥͳͷ͔ʁ w ۃɺ͕Μ͍͚ͬͯͳ͍💪🙅 4
ྺ࢙ w ͝Ζ͔Β݄ҰɾൃදܗࣜͰ )5.-ʹؔͯ͠Θͳ͍ͱ͍͔Β ͓ޓ͍ΩϟονΞοϓ͍ͯ͜͠͏ͥɺ Έ͍ͨͳͭ w ʮͳΜͰ୭Βͳ͍ΜͩΖ͏ʁʯͱ ͣͬͱҎ্͔ͯ͠Βͷձ ʢҙࢥܾఆͷऑ͞ʣ
5
ྺ࢙ w ͝Ζʹେ͖ΊͷΧϯϑΝϨϯε ΛΔ͘Β͍·Ͱؤுͬͯͨ w ڥ͕มΘΓɺਓ͕ݮΓɺִ݄ʹͳΓɺ ޙʹҰ୴ٳࢭ w ΊΔͱɺʮ͏Βͳ͍ΜͰ͔͢ʁʯ Έ͍ͨͳ͕ͪΐͪ͘ΐ͕͋͘Δ
w ܧଓྗɺଓ͚Δ͜ͱʹՁ͕͋ͬͨ ͕ΜΒͣʹଓ͚Δํ๏ͳ͍͔ʁ 6
ྺ࢙ w ͍Ζ͍Ζߟ͑ͨ݁Ռɺ಄͔Β ͘͘ձܗࣜͰͬͯΈΔ͜ͱʹ w ͼͬ͘Γʂൃදͷ४උ͠ͳ͍͍ͯ͘ʂ ָͪΜ͗͢Δʂʂ w ͬͱָͯ͠ɺษڧձͷ4MBDLʹ ձ୲ऀೖͬͯΒͬͯ
ͦͷͰ࣍ճ૬ஊͯ͠͠·͓͏ w ձௐͷ͕࣌ؒ֨ஈʹݮΔ 7
ྺ࢙ w ୭͔ͷͬͯΔձͰͳ͘ ΈΜͳͷձͩͱ͍͏͜ͱΛશ໘ʹग़͢ పఈͯ͠ਓʹґଘͤ͞ͳ͍ w ݩاۀʹձΛॱ൪ʹआΓΔ ϧʔϧʹͯ͠ɺاۀ͞ΜͷதͰ ୲ऀΛཱͯͯΒ͏ ษڧձ୲͕Ίͯ
ձࣾͰΘΓͷਓΛཱͯͯΒ͏ w ຊʹ͕ΜΒͳͯ͘ྑ͘ͳͬͨ🤗 8
ྺ࢙ w ɺίϩφՒʹͳΓɺྫʹ࿙Εͣ໓Ϳʢυʔϯʣ w ৽ׁͷํ͕ϝΠϯʹͳ͖ͬͯͯ͠·͍ɺ݁ہਓͷґଘʹ߅͍͖Εͳ ͔͔ͬͨ͋ͱ͍͏ؾ࣋ͪʹগ͠ͳͬͨ໘ɺ͕ΜΒͳ͍͜ͱΛ͕Μͬͨ ͷͰ͏͍͍͔ͱ͍͏ؾ࣋ͪʹ 9
͕ΜΒͳ͍ΈԽ w ։࠵Λৗʹෑډͷ͍ঢ়ଶʹ͓ͯ͘͠ʢܧଓతΧΠαΠʣ w ͘͘ձ͕த৺ʹͳ͕ͬͨɺճΛॏͶΔͱࣗવൃੜతʹʮͨ·ʹ-5 ճΖ͏͔ʯΈ͍ͨͳʹͳΔ w ࢀՃΞφϯεͷࣗಈԽ w ࠓճͷձ͕ऴΘΔͱಉ࣌ʹ࣍ճͷืू͕࢝·Δϧʔϧʹͯ͠ɺ༨༟Λͬ
ͯεέδϡʔϧݕ౼ͯ͠Β͏ w 4MBDLʹिؒલɺલ͘Β͍ʹਓΛ௨ͯ͠Β͏CPUతͳͷΛ ࡞ΓʢͪΖΜ͘͘ձͰʣɺগͳ͔ͬͨΒप͠Α͏ͶͷΈ 10
͕ΜΒͳ͍ΈԽ w ͷࢄԽ w ൃදܗࣜ࣌ʹɺͣͬͱ࢘ձΛ͍ͬͯͨΒ ʢ݁ہΔͷۤखͳ··͚ͩͬͨͲʣ࣭ΛઞΔεΩϧ্͕͕ͬͨ w ʮճࢀՃͨ͠ΒӡӦͩΑʂʯͬͯ͜ͱ͋Δ͝ͱʹઞΔ w اۀ͞Μʹࣗ͝ͱԽͯ͠Β͏
w ͜ͱ͋Δ͝ͱʹʮษڧձͷձΛି͢ձࣾྑ͍ձࣾʂʯͬͯݴ͍ͬͯ͘ w ࣮ࡍ࠾༻ʹͭͳ͕ͬͨΓͯ͠ࡾํྑ͠ʁʢͬͪ͜Ի಄ΛऔΔ͚ͩͰָʣ 11
·ͱΊ w ͕ΜΒͳ͍ w ษڧձΤϯδχΞϦϯά͍ͯ͜͠͏ʂ w ͜ͷࢿྉͬ͘͞ͱ࡞ͬͨͷͰ͕Μͬͯ·ͤΜ 12
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 13