The Complete Application Stack Build applications faster with object and file storage, user authentication, push notifications, dashboard and more out of the box. Get Started Community Forum
æ¬æ¥12æ1æ¥ãããããã°ã©ãæå¿ã«ãã2014å¹´ã®æè¡ç³»Advent Calendarãåæã§ã¯ãã¾ã æ¬æ¥12æ1æ¥ãããããã°ã©ãæå¿ã«ãã2014å¹´ã®åæè¡ç³»Advent Calendarï¼ã¢ããã³ãã«ã¬ã³ãã¼ï¼ãä¸æ¥ç®ãæ å½ãã人ã®blogã§ã¯ãã¾ã£ã¦ãããæè¡ç³»Advent Calendarã®æ°ã®å¢å å¾åã¯ä»å¹´ãç¶ãã¦ãããQiitaãå©ç¨ãããã®ãã¨ã¦ãå¤ããªã£ã¦ããã ä¸è¬çãªAdvent Calendarã¯ã12æ25æ¥ã®ã¯ãªã¹ãã¹ã楽ãã¿ã«å¾ ã¤ããã«ã12æ1æ¥ãã24æ¥ã¾ã§ã®ã«ã¬ã³ãã¼ã®æ¥ä»ããããã®é¨åãæã«ãªã£ã¦ããã1æ¥ãã¤ãã®æ¥ã®æ¥ä»ã®é¨åãéãã¨å¤©ä½¿ãåç©ã®çµµãªã©ãè¦ããã¨ããä»çµã¿ã«ãªã£ã¦ããï¼ãã¡ãããæ§ã ãªããªã¨ã¼ã·ã§ã³ãããâ ï¼â ã ããã«çºæ³ããã¦ãæè¡ç³»Advent Calendarã§ã¯åºæ¬çã«ã12æ1æ¥ãã25æ¥ã¾ã§ã®25æ¥éãç¹å®ã®ããã°ã©
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
CSSã¹ãã©ã¤ããçæãããgrunt-spritesmithã grunt-spritesmithã¯CSSã¹ãã©ã¤ããçæããGruntã¢ã¸ã¥ã¼ã«ã§ãã Gruntã®åºæ¬çãªä½¿ãæ¹ã¯ãGruntã§å§ããWebå¶ä½ã®èªåå - to-Rããåç §ã«ã grunt-spritesmithã®ã¤ã³ã¹ãã¼ã«ã¯ä»¥ä¸ã®ã³ãã³ãã§ãã npm install grunt-spritesmith --save-dev Gruntfile.jsã®å 容ã¯ä»¥ä¸ã®ããã«ãã¾ããsrcã§åå¥ã®ç»åãç½®ããã£ã¬ã¯ããªããdestCSSã§é¢é£ããCSSãæ¸ãåºããã¡ã¤ã«å(SassãLessãStylusã§ãOK)ããdestImgã§çµåããã¹ãã©ã¤ãç»åã®ãã¡ã¤ã«åãæå®ãã¾ãã module.exports = function(grunt) { //ã°ã©ã³ãã¿ã¹ã¯ã®è¨å® grunt.initConfig({ spr
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}