Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ãŠã‘るコãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ (co-location) ã¨ã„ã†è€ƒãˆæ–¹ã«ã¤ã„㦠- mizdra's blogWebフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã®æ–‡çŒ®ãªã©ã«ã‚ãŸã£ã¦ã„ã‚‹ã¨ã€ã€Œã‚³ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ (co-location)ã€ã¨ã„ã†è€ƒãˆæ–¹ãŒæ™‚ã€…ç™»å ´ã—ã¾ã™ã€‚ コãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€é–¢é€£ã™ã‚‹ãƒªã‚½ãƒ¼ã‚¹åŒå£«ã‚’è¿‘ãã«ç½®ã„ã¦ãŠãã€ã¨ã„ã†è€ƒãˆæ–¹ã§ã™ã€‚ FooComponent.tsx ã¨åŒã˜ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã« FooComponent.test.tsx ã‚’ç½®ã GraphQL fragment ã¯ã€ã‚¯ã‚¨ãƒªã‚’発行ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ« (pages/user.tsx) ã§ã¯ãªãã€fragment を利用ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ« (components/UserInfo.tsx) ã®ä¸ã§å®šç¾©ã™ã‚‹ pages/user.tsx ã‹ã‚‰ã¯ã‚µãƒ–コンãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ•ã‚¡ã‚¤ãƒ«ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ fragment ã‚’ import ã—ã¦ãã¦ã€ã‚¯ã‚¨ãƒªã‚’組ã¿ç«‹ã¦ã¦ç™ºè¡Œã™ã‚‹ API ドã‚ュメント㯠API.md ã«æ›¸ãã®ã§ã¯ãªãã€ã‚³ãƒ¼ãƒ‰ã®ä¸ã«ãƒ‰
YAPC::Hiroshima 2024 ã«ã‚¯ãƒ©ã‚¹ã‚¿ãƒ¼æ ªå¼ä¼šç¤¾ã¨ã—ã¦ã‚¹ãƒãƒ³ã‚µãƒ¼å‚åŠ ã—ã¦ã㟠- ã¡ãªã¿ã«
{{#tags}}- {{label}}
{{/tags}}