View Transitions API入門 - 連続性ã®ã‚ã‚‹ç”»é¢é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実ç¾ã™ã‚‹ã‚¦ã‚§ãƒ–ã®æ–°æŠ€è¡“ - ICS MEDIAView Transitions APIを使ã†ã¨ã€ã‚·ãƒ³ãƒ—ルã§ã‚¹ãƒ ーズãªé€£ç¶šæ€§ã®ã‚るアニメーションを実装ã§ãã¾ã™ã€‚ ウェブ技術ã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã•ã¾ã–ã¾ãªæ‰‹æ®µãŒå˜åœ¨ã—ã¾ã™ã€‚CSSã®transitionã‚„animationã€JavaScriptã§ã®Web Animations APIãªã©åˆ©ç”¨ã•ã‚Œã¦ã„る方も多ã„ã§ã—ょã†ã€‚View Transitions APIã¯ã€ã“れらã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ‰‹æ®µã ã‘ã§ã¯å®Ÿç¾ãŒå›°é›£ã ã£ãŸæ–°ã—ã„é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実ç¾ã§ãã¾ã™ã€‚ 本記事ã§ã¯ã€Œã©ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã‹ã€ã€Œä½¿ã„æ–¹ã€ã€Œä½¿ç”¨ä¸Šã®æ³¨æ„点ã€ã‚’紹介ã—ã¾ã™ã€‚ 本記事ã§ç´¹ä»‹ã™ã‚‹ã“㨠View Transitions APIã§å®Ÿç¾ã§ãã‚‹ã®ã¯æ–°ã—ã„é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ JavaScriptã¨CSSã®æŒ‡å®šã§å®¹æ˜“ã«åˆ©ç”¨ã§ãã‚‹ JSフレームワークã§ã®å¯¾å¿œã‚‚進んã§ã„ã‚‹ 2024å¹´6月リリースã®Chrome 126ã¨Edge 126ã§J
{{#tags}}- {{label}}
{{/tags}}