ã³ãŒãã£ã³ã°åºç€ãæã€ Chapter 02.
匷åãªCSSïŒ
æ¬ç©ã®ã¬ã¹ãã³ã·ããŠã§ããµã€ããå®è£
ããããã®é äžãªCSSã¹ãã«ãæŽãïŒ
60以äžã®ããããã£ã§
CSSã®ãã¹ãŠãéããŸããã
[匷åãªCSS]ã¯ìâš
60以äžã®ææ°ã®ããããã£ãšCSSã®éèŠãªæŠå¿µã®äž¡æ¹ãéããŸããã
ãžã¥ãã¢éçºè
ãé£ããããšã®äžã€ããŸãã«ãCSSãã§ãã
ãææ³ã¯ç°¡åãªã®ã«ããªãç§ã®åæã«ãªããªãã®ã§ããïŒããã®ãããªçåãæã£ãŠãããããæ¥ãŸããã
ããŠãCSSã®åºæ¬çãªåçãšç¹æ§ã«ã€ããŠäžç·ã«åŠã³ããã®çç±ããã£ãã調ã¹ãŠã¿ãŸãããïŒ
ç§ãã¡ã¯çŽæ¥ã¬ã¹ãã³ã·ããªãŠã§ããµã€ããäœæããå®çšçãªCSSãåŠã³ãŸãã
åã«ã³ãŒãã«åŸãè¬çŸ©ã§ã¯ãããŸãããã³ãŒãäžè¡äžè¡ã®æå³ãè§£éããå®çšçãªCSSã«ã€ããŠãç¥ããããŸãããããžã§ã¯ããéããŠèªåã ãã®ã·ã§ããã³ã°ã¢ãŒã«ãäœã£ãŠã¿ãããããªããæãã¬ã¹ãã³ã·ããŠã§ããµã€ããäœãèœåãæã€ããšãã§ããŸãã
A to Z æ©ãããã«åŸããš
ãã€ã®éã«ãç§ãæãã§ãããŠã§ããµã€ããäžç¹åžïŒ ð
ãããžã§ã¯ã 01.
ã仿¥ã¯ã©ãã§ãããïŒãç§ã®æ¥èšåž³ããŠã§ãã«ããŸãã
ãããŸãã眮ããããã¹ããšãªããžã§ã¯ãâŠç§ã®åæã«æŽçããŠãã£ãšç¶ºéºã«ããããšã¯ã§ããªãã ãããïŒã
確ãã«åŠãã CSSã§è§£æ±ºã§ããŸããèªåã ãã®æ¥èšåž³ãäžç·ã«äœã£ãŠã¿ãŠãCSSã®åºæ¬åçãšäœ¿ãæ¹ãåŠã³ãŸããé£ããã³ã³ã»ããã屿§ãæãèœã¡ãªãæŸããŸãããïŒ
ãããžã§ã¯ã 02.
èªåã ãã®ã·ã§ããã³ã°ã¢ãŒã«ãå®è£
ãããŠã§ããµã€ãéçºã®åºç€ãç¿åŸããŸãã
ç¬èªã®ã·ã§ããã³ã°ã¢ãŒã«ãéããŠCSSã®ãã¬ãã¯ã¹ã¬ã€ã¢ãŠãã·ã¹ãã ã«ã€ããŠçè§£ããŠããŸããçŸä»£ã®Webã¬ã€ã¢ãŠãæ§æã«äžå¯æ¬ ãªFlexãGridã«ã€ããŠåŠã³ãå®éã®WebããŒãžãäžç·ã«ã¯ããŒã³ã³ãŒãã£ã³ã°ããªããæŽ»çšããæ¹æ³ãåŠã³ãŸãã
Project 02. é«åºŠå+α
éçºããæ¬ ãããªããåå¿åããçŽæ¥å®è£
ããŸãïŒ
ç§ãäœã£ããŠã§ããµã€ããããŸããŸãªãã©ãããã©ãŒã ã§ãããã«èŠãæ¹æ³ïŒãŸãã«ãåå¿åãã§ãããŠã§ããµã€ãã§äœããããµãŒãã¹ã掻çšããŠãã°ãªããã¬ã€ã¢ãŠããã¬ã¹ãã³ã·ããŠã§ããªã©ãäžå±€ã¬ãã«ã®é«ãCSSæè¡ã«ã€ããŠåŠç¿ããŸãããã©ã³ãžã·ã§ã³ãããŒãã¬ãŒã ãã¢ãã¡ãŒã·ã§ã³ãªã©ã®åçCSSèŠçŽ ã«ã€ããŠåŠã³ãWebããŒãžã®UXãããè±ãã«ããŸãããïŒ
[匷åãªCSS]åè¬åŸ
ãã®ãããªå
¥éè
ã«ãªãããšãã§ããŸãã ðªð»
åŸ
ã£ãŠïŒåè¬åã«ã確èªãã ããã ð¢
ð¡æ¥èª²è¡šãäœã£ãŠå®æçã«çå®ã«åŠç¿ããããšããå§ãããŸãã
ð¡åŠç¿è³æãåãåãããã«ã³ã©ãã¬ãŒã·ã§ã³ããŒã«ãNotionãã¢ã«ãŠã³ããäœæããŠãã ããã
ð¡åè¬ã«å¿
èŠãªåŠç¿è³æã¯ããã·ã§ã³ïŒãªã³ã¯ïŒã§æäŸãããŸãã
â»åŠç¿è³æã®èäœæš©ã¯ã³ãŒããã£ã³ãã«ãããŸããäžæ£ççšã»é
åžã»è€è£œãçŠæ¢ããŸãã
質åããããŸããïŒ ð¬
Q. äœã®ç¥èããªãåè¬ããŠãããã§ããïŒ
A. HTMLã«é¢ããåºç€ç¥èãå¿
èŠã§ãïŒããHTMLãCSSãªã©ãããã£ãããšããåºç€ãç¯ããåŸã«åè¬ãããå Žåã¯ã[ã¹ã¿ãŒãã¯ããªãŒãã£ã³ãïŒ]è¬çŸ©ããå§ãããŸãã
Q. å¥ã®ææããããŸããïŒ
A.ããã·ã§ã³ã§ãå±ããããè¬çŸ©è³æããæŽ»çšããŠãã ããïŒ
Q. è¬çŸ©åè¬åãã€ã³ã¹ããŒã«ãã¹ãããã°ã©ã ã¯ãããŸããïŒ
A.ã¯ãããã¯ãã ãã©ãŠã¶ããšãVSCodeãããããããã€ã³ã¹ããŒã«ããŠãã ããïŒä»ã®ããã°ã©ã ã¯è¬çŸ©ã§äžç·ã«ã€ã³ã¹ããŒã«ããŠã¿ãŸãããïŒ
Q. [匷åãªCSS]åè¬åŸãã©ã®è¬çŸ©ããå§ãããŸããïŒ
A. [æž©ããJavaScript]è¬çŸ©ããå§ãããŸãã
ç§ã®ã³ãŒãã«æ©èœãé«åºŠåããŠäžè¶³ããŠããéšåãåããããšãã§ããã°è¶³ããªãã§ãããã
ããŒã ã³ãŒããã£ã³ããã玹ä»ããŸãã ð