flabaka.comAstroã§PandaCSSを使ã£ã¦ã¿ã‚‹Astroを触ã£ã¦ã¿ã‚ˆã†ã‹ãªï¼Ÿã€€ã¨æ€ã„ã€ã¾ãšã¯å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’一通り終ã‚らã›ã¦ã¿ã¾ã—ãŸã€‚以å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã„ãŸPandaCSSã®å‹‰å¼·ã‚‚…ã¨æ€ã£ãŸã®ã§ã€Astroã§PandaCSSを使ã£ã¦ã¿ã‚‹ã“ã¨ã«ã€‚PandaCSSã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚’見ãªãŒã‚‰å„種è¨å®šã‚’終ãˆã€npm run devã—ã¦ã¿ã¦ã‚‚ã€CSSãŒåæ˜ ã•ã‚Œãšã€‚åŽŸå› ã¯å˜ç´”ãªãƒŸã‚¹ã§ã—ãŸã€‚ Laravelã§jQueryを使ã£ã¦ã¿ã‚‹ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«ç™»éŒ²ã€æ›´æ–°ã€å‰Šé™¤ã‚’è¡Œãªã£ãŸéš›ã«ã€ç°¡å˜ãªflashメッセージを表示ã•ã›ã¦ã¿ã‚ˆã†ã‹ã¨ã€‚一定時間ãŒçµŒéŽ or ボタンクリックã§ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒæ¶ˆãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€jQueryã§å®Ÿè£…ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚npmを使ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸjQueryを使ã†ã¨ã€javascriptã®å®Ÿè¡Œé †ãŒæ„図ã—ãªã„ã‚‚ã®ã«ãªã£ã¦ã—ã¾ã„ã€jQueryãŒå®Ÿè¡Œã•ã‚Œãªããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚色
{{#tags}}- {{label}}
{{/tags}}