Vueã¨SVGを使ã£ã¦ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ 『ãƒã‚³ðŸ±ãƒ¡ã‚¶ã‚·ðŸŸã‚¢ã‚¿ãƒƒã‚¯ðŸŒŸã€ã‚’作ã£ãŸã®ã§ã‚½ãƒ¼ã‚¹ã¨è§£èª¬ - Qiita→2020年版ã§ãã¾ã—ãŸã€‚ã‚ã‚ã›ã¦ã”å‚ç…§ãã ã•ã„ã¾ã› çµµæãã¨ã‹UXã¨ã‹ã‚„ã‚Šã¤ã¤ãƒ•ãƒãƒ³ãƒˆã‚‚ã‚„ã£ã¦ã‚‹ã€Œã‚†ãã€ã§ã™ã€‚å‰å›žVue.jsを使ã£ãŸãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã‚’作ã£ã¦ã€Vueã¨SVGã ã‘ã§ã¬ã‚‹ã¬ã‚‹å‹•ãアニメーションãŒå®Ÿç¾ã§ãã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ ã“ã“ã¾ã§ã‚„ã£ãŸã‚‰æ¬¡ã¯ã‚²ãƒ¼ãƒ を作りãŸã„ã¨æ€ã†ã®ãŒäººã®æ€§ã§ã™ã‚ˆã。今回ã¯çŒ«ã®æ—¥ã«åˆã‚ã›ã¦åˆè¨ˆ20時間ãらã„ã§çˆ†é€Ÿã‚²ãƒ¼ãƒ 開発をやã£ã¦ã¿ã¾ã—ãŸã€‚多分Vueã§ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ を作ã£ãŸå¤‰ã‚り者ã¯ã‚ã‚“ã¾ã‚Šã„ãªã„ã¨æ€ã†ã®ã§ã€ã‚½ãƒ¼ã‚¹ã¨ãƒŽã‚¦ãƒã‚¦ã‚’共有ã—ã¾ã™ã€‚ 作ã£ãŸã‚‚ã® https://mezashiattack.firebaseapp.com ソース（Githubリãƒã‚¸ãƒˆãƒªï¼‰ タップã ã‘ã§éŠã¹ã‚‹ç°¡å˜ãªã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã§ã™ã€‚ジャンプã—ãªãŒã‚‰ãƒ¡ã‚¶ã‚·ã‚’発射ã—ã€è¿«ã£ã¦ãる猫ã«ä¸Žãˆã‚‹ï¼ˆå½“ã¦ã‚‹ï¼‰ã¨ãƒã‚¤ãƒ³ãƒˆã«ãªã‚Šã¾ã™ 今回作ã£ãŸã‚²ãƒ¼ãƒ ã®æŠ€è¡“çš„ãªãƒã‚¤ãƒ³ãƒˆã§ã™ アニメーション
グリグリ動ãUIã‚’Vueã¨SVGã§ã‚µã‚¯ãƒƒã¨æ›¸ã - No Regrets in Bathing
{{#tags}}- {{label}}
{{/tags}}