ã¯ããã«
Webãã¶ã€ã³ãéçºã«é¢å¿ãæã€å€ãã®æ¹ã ããæåã«åãçµãã®ãCSSã®åŠç¿ã§ãããã®èšäºã§ã¯ãCSSã®åºæ¬çãªç¥èãããå®éã®ç°å¢æ§ç¯ãŸã§ã®æé ããããããã解説ããŠãããŸãã
ãã®èšäºã®ç®ç
ãã®èšäºã®äž»ãªç®çã¯ãCSSã®ç°å¢æ§ç¯ã«é¢ããç¥èããŒããã身ã«ã€ããããšãã§ããããã«ããããšã§ããç°å¢æ§ç¯ã¯ãåããŠã®æ¹ã«ãšã£ãŠã¯é£ããæãããããããŸããããæ£ããæé ãšããŒã«ãç¥ã£ãŠããã°ãã¹ã ãŒãºã«é²ããããšãã§ããŸãããã®èšäºãéããŠãèªè ã®çæ§ãèªä¿¡ãæã£ãŠCSSã®ç°å¢æ§ç¯ã«åãçµãããšãã§ããããããµããŒãããŠãããŸãã
CSSãšã¯
CSSã¯ãCascading Style Sheetsã®ç¥ã§ãWebããŒãžã®èŠãç®ããã¶ã€ã³ããããã®èšèªã§ããå ·äœçã«ã¯ãæåã®è²ã倧ãããã¬ã€ã¢ãŠãã®åœ¢ç¶ãèæ¯ã®ãã¶ã€ã³ãªã©ãããŒãžã®ã¹ã¿ã€ã«ãæå®ããããã®ãã®ã§ããHTMLãWebããŒãžã®ã骚çµã¿ããäœãèšèªã§ããã®ã«å¯ŸããCSSã¯ãã®ãå€èŠãããã¶ã€ã³ããèšèªãšèšããŸãã
äŸãã°ãWebããŒãžã«è¡šç€ºãããããã¹ãã®è²ãèµ€ã«ãããå Žåããç¹å®ã®èŠçŽ ãäžå€®ã«é 眮ãããå Žåãªã©ããã®ãããªãã¶ã€ã³ã®æå®ãè¡ãã®ãCSSã®åœ¹å²ã§ãããããŠããã®CSSãé©åã«èšå®ã»é©çšããããã®ç°å¢ãæŽããããšããç°å¢æ§ç¯ãšãªããŸãã
ãã®èšäºã§ã¯ããããªCSSã®åºæ¬çãªç¥èãããå®éã«æãåãããŠç°å¢æ§ç¯ãè¡ããŸã§ã®ã¹ãããããåå¿è ã®æ¹ã§ãç解ããããããã«è©³ãã解説ããŠãããŸããæ¯éãæåŸãŸã§ãä»ãåããã ããã
CSSç°å¢æ§ç¯ã®åºæ¬
WebããŒãžã®ãã¶ã€ã³ãæãããéãCSSã¯æ¬ ãããªãèŠçŽ ãšãªã£ãŠããŸããããããCSSãå¹æçã«å©çšããããã«ã¯ãé©åãªç°å¢æ§ç¯ãå¿ èŠã§ãããã®ã»ã¯ã·ã§ã³ã§ã¯ãCSSã®ç°å¢æ§ç¯ã®åºæ¬ã«ã€ããŠããã®éèŠæ§ãã¹ãããã詳ãã解説ããŠãããŸãã
ãªãç°å¢æ§ç¯ãå¿ èŠãªã®ã
ç°å¢æ§ç¯ãšã¯ãCSSãæžãããã®ãšãã£ã¿ã®èšå®ãããã©ãŠã¶ã§ã®è¡šç€ºç¢ºèªãªã©ãCSSãå¹æçã«å©çšããããã®æºåäœæ¥ã®ããšãæããŸãããã®ç°å¢æ§ç¯ãé©åã§ãªããšãCSSã®ã³ãŒããæ£ããåäœããªãããŸãã¯æåŸ ãããã¶ã€ã³ã衚瀺ãããªããšãã£ãåé¡ãçããå¯èœæ§ããããŸãã
äŸãã°ãç¹å®ã®ãã©ãŠã¶ã§ããåäœããªãCSSã®ããããã£ã䜿çšããå Žåãä»ã®ãã©ãŠã¶ã§ããŒãžã衚瀺ãããšãã«ãã¶ã€ã³ã厩ãããšãã£ãåé¡ãèããããŸãããã®ãããªãã©ãã«ãé¿ããããã«ããç°å¢æ§ç¯ã¯éåžžã«éèŠã§ãã
CSSç°å¢æ§ç¯ã®3ã€ã®ã¹ããã
CSSã®ç°å¢æ§ç¯ã¯ã倧ããåããŠ3ã€ã®ã¹ãããããæãç«ã£ãŠããŸããããã¯ãããŒã«ã®éžå®ãç°å¢ã®èšå®ããããŠåºæ¬çãªæžãæ¹ã®ç¿åŸã§ãã
ãŸããããŒã«ã®éžå®ã§ã¯ãã©ã®ãšãã£ã¿ã䜿çšããããã©ã®ãã©ãŠã¶ã§ã®åäœç¢ºèªãäž»ã«è¡ãããªã©ãéçºã«å¿ èŠãªããŒã«ãéžã³ãŸãã次ã«ãç°å¢ã®èšå®ã§ã¯ããšãã£ã¿ã®ã€ã³ã¹ããŒã«ãèšå®ããã©ãŠã¶ã®èšå®ãªã©ãè¡ããŸããæåŸã«ãåºæ¬çãªæžãæ¹ã®ç¿åŸã§ã¯ãCSSã®åºæ¬çãªææ³ãããããã£ã®äœ¿ãæ¹ãåŠã³ãŸãã
ãããã®ã¹ããããé ã«é²ããããšã§ãCSSãå¹æçã«å©çšããããã®ç°å¢ãæŽããããšãã§ããŸãã次ã®ã»ã¯ã·ã§ã³ã§ã¯ããããã®ã¹ãããã詳ãã解説ããŠãããŸãã®ã§ããã²åèã«ããŠãã ããã
ã¹ããã1: å¿ èŠãªããŒã«ã®éžå®
WebããŒãžã®ãã¶ã€ã³ãéçºãå§ããéãæåã«è¡ãã®ãå¿ èŠãªããŒã«ã®éžå®ã§ãããã®ã¹ãããã§ã¯ãå¹ççãªCSSã®ç°å¢æ§ç¯ãè¡ãããã®ããŒã«ãéžã³ããã®ç¹åŸŽãå©ç¹ãç解ããããšãéèŠã§ãã
ãšãã£ã¿ã®éžã³æ¹
ãšãã£ã¿ã¯ãCSSãHTMLãæžãããã®ããŒã«ã§ãå€ãã®çš®é¡ãååšããŸããéžã¶éã®ãã€ã³ãã¯ã䜿ãããããæ©èœã®è±å¯ãããããŠã³ãã¥ããã£ã®æŽ»çºãã§ãã
äŸãã°ãVisual Studio CodeãSublime Textã¯ãæ¡åŒµæ©èœãè±å¯ã§ãåå¿è ããäžçŽè ãŸã§å¹ åºãå©çšãããŠããŸãããŸãããããã®ãšãã£ã¿ã¯ãã·ã³ã¿ãã¯ã¹ãã€ã©ã€ããèªåè£å®ãªã©ã®æ©èœãåãã£ãŠãããã³ãŒãã£ã³ã°ãå¹ççã«è¡ãããšãã§ããŸãã
ãã©ãŠã¶ã®éžæ
ãã©ãŠã¶ã¯ãäœæããWebããŒãžã衚瀺ããããã®ããŒã«ã§ããäž»ãªãã©ãŠã¶ã«ã¯ãGoogle ChromeãFirefoxãSafariãEdgeãªã©ããããŸãããããã®ãã©ãŠã¶ã¯ãããããç¹åŸŽã察å¿ããŠããCSSã®ããããã£ãç°ãªããããè€æ°ã®ãã©ãŠã¶ã§ã®åäœç¢ºèªãå¿ èŠã§ãã
ç¹ã«ãGoogle Chromeã¯éçºè ããŒã«ãéåžžã«å å®ããŠãããCSSã®ãããã°ã確èªãè¡ãããããããå€ãã®éçºè ã«ãããããããŠããŸãã
ãã®ä»ã®äŸ¿å©ãªããŒã«
ãšãã£ã¿ããã©ãŠã¶ã®ä»ã«ããCSSã®ç°å¢æ§ç¯ãå©ãã䟿å©ãªããŒã«ãå€æ°ååšããŸããäŸãã°ãGitã¯ãã³ãŒãã®ããŒãžã§ã³ç®¡çãè¡ãããŒã«ã§ãè€æ°äººã§ã®éçºããéå»ã®ã³ãŒãã確èªããéã«åœ¹ç«ã¡ãŸãã
ãŸããNode.jsãnpmã¯ãCSSã®ããªããã»ããµãèªååããŒã«ãå©çšããéã«å¿ èŠãšãªãããŒã«ã§ãããããã®ããŒã«ãé©åã«çµã¿åãããããšã§ãå¹ççãªç°å¢æ§ç¯ãå¯èœãšãªããŸãã
ãã®ã»ã¯ã·ã§ã³ã§ã¯ãCSSã®ç°å¢æ§ç¯ã«å¿ èŠãªããŒã«ã®éžå®æ¹æ³ã«ã€ããŠè§£èª¬ããŸããã次ã®ã»ã¯ã·ã§ã³ã§ã¯ããããã®ããŒã«ãå®éã«èšå®ããç°å¢æ§ç¯ãé²ããæ¹æ³ã詳ãã解説ããŠãããŸãã
ã¹ããã2: å®éã®ç°å¢æ§ç¯æé
ããŒã«ã®éžå®ãå®äºãããã次ã¯å®éã®ç°å¢æ§ç¯æé ã«ç§»ããŸãããã®ã¹ãããã§ã¯ããšãã£ã¿ã®ã€ã³ã¹ããŒã«ãããã©ã«ãæ§æã®èšå®ãŸã§ãå ·äœçãªæé ãé ãè¿œã£ãŠè§£èª¬ããŸãã
ãšãã£ã¿ã®ã€ã³ã¹ããŒã«ãšèšå®
ãŸããéžå®ãããšãã£ã¿ãã€ã³ã¹ããŒã«ããŸããå€ãã®ãšãã£ã¿ã¯å ¬åŒãµã€ãããããŠã³ããŒãå¯èœã§ããã€ã³ã¹ããŒã«åŸãã·ã³ã¿ãã¯ã¹ãã€ã©ã€ããèªåè£å®ãªã©ã®åºæ¬çãªèšå®ãè¡ããŸããããããã«ãããã³ãŒãã£ã³ã°ãæ Œæ®µã«æ¥œã«ãªããŸãã
ãã©ãŠã¶ã§ã®ç¢ºèªæ¹æ³
ãšãã£ã¿ã§CSSãèšè¿°ããåŸããã©ãŠã¶ã§ã®è¡šç€ºã確èªããããšãéèŠã§ããHTMLãã¡ã€ã«ããã©ãŠã¶ã«ãã©ãã°ïŒããããããããããŒã«ã«ãµãŒããŒãç«ã¡äžããŠç¢ºèªããŸããç¹ã«ãGoogle Chromeã®éçºè ããŒã«ã¯ãã¹ã¿ã€ã«ã®é©çšç¶æ³ããšã©ãŒã®ç¢ºèªã«éåžžã«åœ¹ç«ã¡ãŸãã
åºæ¬çãªãã©ã«ãæ§æ
ãããžã§ã¯ããå§ããéããã©ã«ãæ§æãæ確ã«ããŠããããšã§ããã¡ã€ã«ã®ç®¡çã容æã«ãªããŸããäžè¬çãªæ§æã¯ä»¥äžã®ããã«ãªããŸãã
ãã©ã«ã/ãã¡ã€ã«å | å 容 |
---|---|
index.html | ã¡ã€ã³ã®HTMLãã¡ã€ã« |
css/ | CSSãã¡ã€ã«ãæ ŒçŽ |
js/ | JavaScriptãã¡ã€ã«ãæ ŒçŽ |
images/ | ç»åãã¡ã€ã«ãæ ŒçŽ |
ãã®ãããªåºæ¬çãªãã©ã«ãæ§æãå ã«ããããžã§ã¯ãã®èŠæš¡ãå 容ã«å¿ããŠã«ã¹ã¿ãã€ãºããŠããããšãã§ããŸãã
ãã®ã»ã¯ã·ã§ã³ã§ã¯ãå®éã®ç°å¢æ§ç¯æé ã«ã€ããŠè©³ãã解説ããŸããã次ã®ã»ã¯ã·ã§ã³ã§ã¯ãCSSã®åºæ¬çãªæžãæ¹ããã¯ããã¯ã«ã€ããŠåŠãã§ãããŸãã
ã¹ããã3: CSSã®åºæ¬çãªæžãæ¹
ç°å¢æ§ç¯ãå®äºãããã次ã¯CSSã®åºæ¬çãªæžãæ¹ãåŠã³ãŸãããããã®ã¹ãããã§ã¯ãCSSã®åºæ¬çãªææ³ãããµã³ãã«ã³ãŒããéããŠã®ã¹ã¿ã€ã«ã®é©çšæ¹æ³ã解説ããŸãã
ã»ã¬ã¯ã¿ãããããã£ãå€ã®ç解
CSSã®åºæ¬çãªææ³ã¯ãã»ã¬ã¯ã¿ãããããã£ããããŠå€ã®3ã€ããæãç«ã£ãŠããŸããã»ã¬ã¯ã¿ã¯ãã¹ã¿ã€ã«ãé©çšããHTMLã®èŠçŽ ãæå®ããéšåã§ããããããã£ã¯ãã©ã®ãããªã¹ã¿ã€ã«ãé©çšããããæå®ããéšåã§ãå€ã¯ãã®å ·äœçãªå 容ã瀺ããŸãã
äŸãã°ã以äžã®ã³ãŒãã§ã¯ã`p`ãšããã»ã¬ã¯ã¿ã«å¯ŸããŠã`color`ãšããããããã£ã«`red`ãšããå€ãæå®ããŠããŸããããã«ãããHTMLã®`
`ã¿ã°å ã®ããã¹ããèµ€è²ã«ãªããŸãã
p { color: red; }
ãµã³ãã«ã³ãŒãã§åŠã¶åºæ¬ã¹ã¿ã€ã«
ããã§ã¯ããµã³ãã«ã³ãŒããéããŠãããã€ãã®åºæ¬çãªã¹ã¿ã€ã«ã®é©çšæ¹æ³ãåŠã³ãŸãã
1. ããã¹ãã®äžå€®å¯ã:
div { text-align: center; }
äžèšã®ã³ãŒãã§ã¯ã`div`ãšããã»ã¬ã¯ã¿ã®ããã¹ããäžå€®å¯ãã«ããŠããŸãã
2. èæ¯è²ã®èšå®:
body { background-color: #f5f5f5; }
ãã®ã³ãŒãã§ã¯ã`body`ãšããã»ã¬ã¯ã¿ã®èæ¯è²ãç°è²ã«èšå®ããŠããŸãã
3. ããŒããŒã®è¿œå :
img { border: 1px solid black; }
ãã®ã³ãŒãã§ã¯ã`img`ãšããã»ã¬ã¯ã¿ã«ã1ãã¯ã»ã«ã®é»ãããŒããŒãè¿œå ããŠããŸãã
ãããã®åºæ¬çãªã¹ã¿ã€ã«ãç解ããé©åã«çµã¿åãããããšã§ãããŸããŸãªãã¶ã€ã³ãå®çŸããããšãã§ããŸãã次ã®ã»ã¯ã·ã§ã³ã§ã¯ãããã«é«åºŠãªãã¯ããã¯ãå¿çšäŸã«ã€ããŠè§£èª¬ããŠãããŸãã
éçºè ããŒã«ã掻çšãããããã°æ¹æ³
WebããŒãžã®ãã¶ã€ã³ãåäœã«åé¡ãçãããšããéçºè ããŒã«ã¯ãã®åå ãç¹å®ãã解決ããããã®åŒ·åãªããŒã«ãšãªããŸãããã®ã»ã¯ã·ã§ã³ã§ã¯ãéçºè ããŒã«ã®åºæ¬çãªäœ¿ãæ¹ããã¹ã¿ã€ã«ã®ç¢ºèªã»ç·šéæ¹æ³ããšã©ãŒã®ç¹å®ãšè§£æ±ºçã«ã€ããŠè©³ãã解説ããŸãã
éçºè ããŒã«ã®åºæ¬çãªäœ¿ãæ¹
ã»ãšãã©ã®ãã©ãŠã¶ã«ã¯ãéçºè ããŒã«ãæšæºã§æèŒãããŠããŸãããããå©çšããããšã§ãããŒãžã®HTMLãCSSãJavaScriptã®ã³ãŒãããªã¢ã«ã¿ã€ã ã§ç¢ºèªã»ç·šéããããšãã§ããŸããéçºè ããŒã«ã¯ããã©ãŠã¶ã®ã¡ãã¥ãŒããã¢ã¯ã»ã¹ããããå³ã¯ãªãã¯ã¡ãã¥ãŒã®ãæ€èšŒããéžæããããšã§èµ·åããŸãã
éçºè ããŒã«ã®äž»ãªæ©èœãšããŠã¯ãèŠçŽ ã®éžæãã¹ã¿ã€ã«ã®ç¢ºèªã»ç·šéãã³ã³ãœãŒã«ãªã©ããããŸãããããã®æ©èœãé§äœ¿ããããšã§ãããŒãžã®åäœããã¶ã€ã³ã®åé¡ãå¹ççã«è§£æ±ºããããšãã§ããŸãã
ã¹ã¿ã€ã«ã®ç¢ºèªãšç·šé
éçºè ããŒã«ã®ãèŠçŽ ãã¿ãã䜿çšãããšãããŒãžã®HTMLèŠçŽ ãéžæãããã®èŠçŽ ã«é©çšãããŠããCSSã¹ã¿ã€ã«ã確èªããããšãã§ããŸãããŸãããã®ã¿ãããçŽæ¥ã¹ã¿ã€ã«ãç·šéããããšãå¯èœã§ããããã«ããããã¶ã€ã³ã®èª¿æŽãåé¡ã®åå ã®ç¹å®ã容æã«ãªããŸãã
ãšã©ãŒã®ç¹å®ãšè§£æ±ºç
éçºè ããŒã«ã®ãã³ã³ãœãŒã«ãã¿ãã¯ãããŒãžã§çºçããŠãããšã©ãŒãèŠåã衚瀺ããå Žæã§ããããã«è¡šç€ºããããšã©ãŒã¡ãã»ãŒãžãå ã«ãåé¡ã®åå ãç¹å®ããé©åãªè§£æ±ºçãèããããšãã§ããŸãã
äŸãã°ãCSSã®ããããã£åãå€ãééã£ãŠããå Žåãã³ã³ãœãŒã«ã«ã¯ãã®ãšã©ãŒæ å ±ã衚瀺ãããŸãããããåèã«ãæ£ããããããã£åãå€ã«ä¿®æ£ããããšã§ãåé¡ã解決ããããšãã§ããŸãã
ãã®ã»ã¯ã·ã§ã³ã§ã¯ãéçºè ããŒã«ã掻çšãããããã°æ¹æ³ã«ã€ããŠè©³ãã解説ããŸãããéçºè ããŒã«ã¯ãWebéçºã®çŸå Žã§ã®ãã©ãã«ã·ã¥ãŒãã£ã³ã°ã«æ¬ ãããªãããŒã«ã§ãã®ã§ããã²ç¿åŸããŠãããŸãããã
å®è·µçãªç°å¢æ§ç¯ã®ãã³ã
ãããŸã§ã®ã»ã¯ã·ã§ã³ã§ãCSSã®ç°å¢æ§ç¯ã®åºæ¬ããéçºè ããŒã«ã®å©çšæ¹æ³ãŸã§ãåŠã³ãŸããããã®ã»ã¯ã·ã§ã³ã§ã¯ãå®éã®éçºçŸå Žã§åœ¹ç«ã€ãå¹ççãªã³ãŒãã£ã³ã°ã®ãã¯ããã¯ãããããããã©ãã«ãšãã®å¯ŸåŠæ³ã«ã€ããŠè§£èª¬ããŸãã
å¹ççãªã³ãŒãã£ã³ã°ã®ããã®ãã¯ããã¯
é«å質ãªWebããŒãžãå¹ççã«å¶äœããããã«ã¯ãããã€ãã®ãã¯ããã¯ãç¥ã£ãŠãããšäŸ¿å©ã§ãã
ãŸããã³ãŒãã¹ããããã®å©çšã§ããå€ãã®ãšãã£ã¿ã«ã¯ãé »ç¹ã«äœ¿çšããã³ãŒããä¿åããŠãããå¿ èŠãªãšãã«ç°¡åã«æ¿å ¥ã§ããæ©èœããããŸãããã®æ©èœã掻çšããããšã§ãåãã³ãŒããäœåºŠãææã¡ããæéãçãããšãã§ããŸãã
次ã«ãã·ã§ãŒãã«ããããŒã®æŽ»çšã§ãããšãã£ã¿ããã©ãŠã¶ã«ã¯ãæ§ã ãªæäœãé«éåããããã®ã·ã§ãŒãã«ããããŒãçšæãããŠããŸããããããç¿åŸããããšã§ãäœæ¥ã®å¹çãå€§å¹ ã«åäžãããããšãã§ããŸãã
ãããããã©ãã«ãšãã®å¯ŸåŠæ³
Webéçºã«ãããŠã¯ãããŸããŸãªãã©ãã«ãçºçããããšããããŸããããã§ã¯ããããããã©ãã«ãšãã®å¯ŸåŠæ³ã«ã€ããŠçŽ¹ä»ããŸãã
1. ã¹ã¿ã€ã«ãé©çšãããªã: ããã¯ãCSSã®ã»ã¬ã¯ã¿ã®æå®ãã¹ããå€éšCSSãã¡ã€ã«ã®ãªã³ã¯ãã¹ãåå ã§ããããšãå€ãã§ããéçºè ããŒã«ãå©çšããŠããšã©ãŒã®åå ãç¹å®ããä¿®æ£ããŸãããã
2. ã¬ã€ã¢ãŠãã厩ãã: ããã¯ã¹ã¢ãã«ã®ç解äžè¶³ãããã¬ãã¯ã¹ããã¯ã¹ãã°ãªããã¬ã€ã¢ãŠãã®äœ¿çšæ¹æ³ã®ãã¹ãåå ã§ããããšãèããããŸããé©åãªããããã£ãšå€ãæå®ããŠãã¬ã€ã¢ãŠããä¿®æ£ããŸãã
ãããã®ãã©ãã«ã解決ããããã«ã¯ãåºæ¬çãªç¥èã®ç¿åŸãšãéçºè ããŒã«ã®æŽ»çšãéµãšãªããŸããåé¡ã«çŽé¢ãããšãã¯ãå·éã«åå ãç¹å®ããé©åãªå¯ŸåŠæ³ãéžæããŸãããã
ãã®ã»ã¯ã·ã§ã³ã§ã¯ãå®è·µçãªç°å¢æ§ç¯ã®ãã³ãã«ã€ããŠè©³ãã解説ããŸããããããã®ç¥èãšãã¯ããã¯ã掻çšããããšã§ãããå¹ççã§é«å質ãªWebããŒãžã®å¶äœãå¯èœãšãªããŸãã
ãŸãšã
ãã®èšäºãéããŠãCSSã®ç°å¢æ§ç¯ããåºæ¬çãªæžãæ¹ãéçºè ããŒã«ã®æŽ»çšæ¹æ³ããããŠå®è·µçãªãã³ããŸã§ãå¹ åºãåŠã¶ããšãã§ããŸãããããã§ã¯ããã®å šäœãæ¯ãè¿ããä»åŸã®åŠã³ãžã®ã¹ãããã¢ããã«ã€ããŠèããŠã¿ãŸãããã
CSSç°å¢æ§ç¯ã®éèŠæ§
CSSã®ç°å¢æ§ç¯ã¯ãWebããŒãžã®ãã¶ã€ã³ãåäœãå¹æçã«å¶åŸ¡ããããã®åºç€ãšãªããŸããé©åãªããŒã«ãèšå®ãéžæããããšã§ãå¹ççãªã³ãŒãã£ã³ã°ããããã°ãå¯èœãšãªããé«å質ãªWebããŒãžã®å¶äœãå®çŸããããšãã§ããŸãã
ä»åŸã®åŠã³ãžã®ã¹ãããã¢ãã
åºæ¬çãªç¥èããã¯ããã¯ãç¿åŸããåŸã¯ãããã«é«åºŠãªãããã¯ãå®è·µçãªãããžã§ã¯ãã«ææŠããããšã§ãã¹ãã«ã磚ããŠããããšãã§ããŸããäŸãã°ãã¢ãã¡ãŒã·ã§ã³ãã¬ã¹ãã³ã·ããã¶ã€ã³ããã¬ãŒã ã¯ãŒã¯ã®å©çšãªã©ãå€å²ã«ããããããã¯ãåŸ ã£ãŠããŸãã
ãŸããå®éã®ãããžã§ã¯ãã«åãçµãããšã§ãçè«çãªç¥èã ãã§ãªããå®è·µçãªçµéšãç©ãããšãã§ããŸããããã«ãããããè€éãªåé¡ã«ã察å¿ã§ããããã«ãªãããããã§ãã·ã§ãã«