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

フロントエンドの リソース管理の話 TechFeed Summit#1 #techfeed #...

Avatar for kyo_ago kyo_ago
June 18, 2020
Programming
5
2k

フロントエンドの リソース管理の話 TechFeed Summit#1 #techfeed #techfeedsummit

Avatar for kyo_ago

kyo_ago

June 18, 2020
Tweet

More Decks by kyo_ago

See All by kyo_ago
TypeScriptでType Match的なことをする話 #すえなみチャンス暑気払い
Avatar for kyo_ago kyo_ago
1
1.3k
WebReplayから見るWeb開発の未来 #builderscon
Avatar for kyo_ago kyo_ago
2
960
今日から始めるbugbounty
Avatar for kyo_ago kyo_ago
0
280
karmaを使ったSPA向けE2Eテスト技法
Avatar for kyo_ago kyo_ago
6
5.5k
E2Eという名称の指すもの
Avatar for kyo_ago kyo_ago
0
2.5k
How to use Scala.js in real world?
Avatar for kyo_ago kyo_ago
1
2.1k

Other Decks in Programming

See All in Programming
技術的負債と戦略的に戦わざるを得ない場合のオブザーバビリティ活用術 / Leveraging Observability When Strategically Dealing with Technical Debt
Avatar for yoshiyoshifujii yoshiyoshifujii
0
160
AI時代のリアーキテクチャ戦略 / Re-architecture Strategy in the AI Era
Avatar for dachi023 dachi023
0
190
TypeScript を活かしてデザインシステム MCP を作る / #tskaigi_after_night
Avatar for Masayuki Izumi izumin5210
4
470
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
Avatar for にー兄さん drumath2237
0
110
人には人それぞれのサービス層がある
Avatar for shimabox shimabox
3
450
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
複雑なフォームを継続的に開発していくための技術選定・設計・実装 #tskaigi / #tskaigi2025
Avatar for Masayuki Izumi izumin5210
12
6.3k
TypeScript だけを書いて Tauri でデスクトップアプリを作ろう / Tauri with only TypeScript
Avatar for tris tris5572
2
530
〜可視化からアクセス制御まで〜 BigQuery×Looker Studioで コスト管理とデータソース認証制御する方法
Avatar for CUEBiC Inc. cuebic9bic
1
240
バランスを見極めよう！実装の意味を明示するための型定義 TSKaigi 2025 Day2 (5/24)
Avatar for whatasoda whatasoda
2
770
Practical Domain-Driven Design - Workshop at NDC 2025
Avatar for Mufrid Krilic mufrid
0
130
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
Avatar for suzuki masayuki suzukimar
0
190

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.4k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Navigating Team Friction
Avatar for Lara Hogan lara
186
15k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
45
9.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
460
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.8k
Side Projects
Avatar for Sacha Greif sachag
454
42k

Transcript

  1. ϑϩϯτΤϯυͷ Ϧιʔε؅ཧͷ࿩ 5FDI'FFE4VNNJU UFDIGFFEUFDIGFFETVNNJU !LZP@BHP

  2. ࠷ۙ΍ͬͯΔ͜ͱ 8FC/'$ͰϚΠφϯόʔ Χʔυಡ΋͏ͱͯ͠࠳ં !LZP@BHP

  3. ϑϩϯτΤϯυͷ Ϧιʔε؅ཧͷ࿩Λ͠·͢

  4. લఏ

  5. લఏ  αʔόαΠυ͸"1*ͷΈͷ41"  +4ʹIUNM DTT͕ຒΊࠐ·ΕͯΔ  ΞΫηε͍ͯ͠ΔϢʔβ͕ࣝผՄೳ wϩάΠϯॲཧ͕ߦΘΕͨ͋ͱͷঢ়ଶ

  6. ՝୊

  7. ՝୊  ෳࡶͳΩϟογϡػߏ w࠷ۙ͸উखʹDIVOL͕͍ͭͨΓ 4FSWJDF8PSLFSͰ؅ཧͨ͠Γ΋͢Δ͚Ͳ  ϦιʔεͷཤྺΛ؅ཧ wίʔυͷཤྺͰ͸ͳ͘CVJME݁Ռͷཤྺ  ϩʔϧόοΫ೉͍͠

    w  ʹ͍ۙ໰୊Ͱ͸͋Δ

  8. ఏҊ

  9. ఏҊ  $*ͰͷCVJMEຖʹ4ʹDPNNJUJE෇͖ͰQVTI wIUUQYYYTBNB[POBXTDPNTSDKT\DPNNJUJE^JOEFYKT wϦϦʔεͩΖ͏͕CVJMEͩΖ͏͕શ෦QVTI  ຊ൪؀ڥͰ2VFSZ4USJOH͔Βड͚औͬͨDPNNJUJEΛTDSJQU<TSD>ͷQBUIʹຒࠐΉ wIUUQTFYBNQMFDPN SFTPVSDFYYYYYYͰ IUUQYYYTBNB[POBXTDPNTSDKTYYYYYYJOEFYKTΛಡΉ

     2VFSZ4USJOH͔ΒDPNNJUJEΛࢦఆͰ͖Δͷ͸ಛఆͷάϧʔϓͷΈ wࣾ಺ϝϯόʔͱট଴͞Εͨϝϯόʔ  4্ͷσʔλ͸جຊফ͞ͳ͍

  10. ར఺

  11. ར఺  TUBHJOH؀ڥͷߏங͕ΊͬͪΌָ wαʔόͷىಈίετ͕ͳ͍ w&&ςετ؀ڥ΋Ұॠ  όάൃੜ࣌ͷ௥੻΋ָ wϦϦʔε͢Δຖʹͦͷͱ͖ͷ؀ڥͷ63-ΛνϟοτʹྲྀΕΔΑ͏ʹ͓ͯ͘͠ wൃݴͷ63-ΛͨͲΕ͹աڈͷ؀ڥΛ࠶ݱͰ͖Δ 

    SPMMCBDL΋ָ wϦϦʔε͸DPNNJUJEΛࢦఆ͢Δ w࠷৽ͷDPNNJUJEͳΒ࠷৽൛͕ϦϦʔε͞ΕΔ wݹ͍DPNNJUJEͳΒݹ͍Ϧιʔε͕ϦϦʔε͞ΕΔ

  12. ར఺  JE͕෇༩͞ΕΔͷͰόάใࠂ࣌ͷݕূ΋ָ wൃੜ࣌ͷDPNNJUJEΛه࿥͓͚ͯ͠͹ ޙͰमਖ਼͞Εͨͷ͔ޡೝͩͬͨͷ͔൑அͰ͖Δ  KTͷQBUIʹJEΛຒΊࠐΊΔͷͰΩϟογϡͷύʔδ͕࣮֬ w࠷ۙ͸DIVOL෇͖ϑΝΠϧ໊Ͱग़ྗ͞ΕΔ͜ͱ΋ଟ͍͚Ͳ  ϦϦʔεͷࠩผԽ͕༰қ

    wϑϩϯτΤϯυνʔϜ͸EFWFMPQʹϚʔδ͞Εͨ΋ͷΛ഑৴ wϑϩϯτΤϯυҎ֎ͷ։ൃνʔϜ͸TUBHJOHͷ಺༰Λ഑৴ wϦϦʔε͸ஈ֊ϦϦʔεʢTUBHFESPMMPVUʣ

  13. ܽ఺

  14. ܽ఺  JE͕࿈൪͡Όͳ͍ͷͰલޙؔ܎͕Θ͔Βͳ͍  ϑϩϯτΤϯυʹ੬ऑੑ͕͋ͬͨ৔߹ͷରԠ

  15. 2"

  16. 2"  ϑϩϯτΤϯυʹݶΒͣαʔόαΠυ΋ؚΊͯ؀ڥ༻ҙͨ͠Β͍͍ͷͰ͸ wىಈ࣌ؒͱҡ࣋ίετͷ໰୊ʢϑϩϯτΤϯυͷΈͳΒ͍҆ʣ wຊ൪؀ڥͰࢼͤΔͷ΋ศར  4ͷσʔλ͸ফ͞ͳ͍ͷʁ wجຊফ͢ϑϩʔ͸ͳ͍ wܭࢉͨ͠ΒΊͬͪΌ͔҆ͬͨͷͰ์ஔ 

    "1*ͷมߋ࣌ʹࠔΔͷͰ͸ wͲͷΈͪΫϥΠΞϯτ͸Ұؾʹஔ͖׵͑͸ग़དྷͳ͍ͷͰ"1*͸ৗʹޓ׵ੑ ࣋ͨͤΔ͔͠ͳ͍

  17. 2"  JE͕DPNNJUJEͳͷͲ͏ͳͷ wXFCQBDLͷDIVOLͱ͔Ͱ΋͍͍ͱࢥ͏͚Ͳɺ HJUMPH͔ΒJEऔΕΔͷศར wTFNWFS͸BQQʹ͸޲͔ͳ͍  +4 DTT IUNMҎ֎ͷϦιʔε͸ʁ

    wݴޠ৘ใ͸શ෦ຒΊࠐΜͰͨ wը૾͸ຒΊࠐΜͰͳ͍

  18. ͓ΘΓ