ðª åŒãç¶ãããæ°ãåºãªããŸãŸå€æ¹ã«ãªãããšããŠããããã®çç±ã¯ç¥ã£ãŠãããææ¥ãã¶ã€ã³æ¡ã®æåºæ¥ã ããã ãããããæã¯ã ããããããªãæç ããããçŸå®ãçŽèŠããããªãããšããããå°ãã§ãçŸå®ãçŽèŠããããã«ãããæžããŠãããææ¥ã¯å¥ã«å®æåã§ãªããŠãéãªæ¡ã§è¯ãã®ã ãããšããŸã倧äœããæ¢ã«ã§ããŠãããšèšãã°ã§ããŠãããšèšããªãããªãã80%âŠâŠ90%ã§ããŠãããããããªãããããŠãæåŸã®ãããäžçªéããèŠãããã€ãŸããªããããããæå³ã§ã¯å šç¶90%ã§ã¯ãªããã¯ãŒããã¶ã€ããŒèŸããããæããå²ãšã¯ã³ãã£ã³ãã£ããèŸããããšæã£ãŠãããããããæ§ããŠãªã£ããããããªããŠãããŸããŸãªã£ã¡ãã£ãŠããããã§ããªãã£ãã ããªã®ã ãå šãé¢çœããªããããããªããã©èŸãæ¹ã倧ãããã©ã£ã¡ããšãããšããã°ã©ããŒã®æ¹ãæ§ãããããã©ãªããªããªããªããAIæä»£ã®ä»ãªãèªåã«ãã¯ã³ãã£ã³ãããããããªããšæ£çŽã¡ãã£ãšæã£ãŠããªãããªããã©ãèªåãããã®ã¯ãã¶ã€ããŒããã€ãããã
ð å人ããšã³ãžãã¢åãæè¡æžã©ã€ãã©ãªãŒãäœããšã®ããšã§ã¯ã©ãŠããã¡ã³ãã£ã³ã°ãããŠããããšãŠããäžè©±ã«ãªã£ãæ¹ã§ãããã倧å€é¢çœãããªäŒç»ãªã®ã§ã»ãã®å°ãå¯ä»ããããã ãã©ããããããšã©ã€ãã©ãªã«çœ®ãæè¡æžãäžåéžã¶æš©ãã€ããŠããŠãæè¡æžãéžãã§éã£ãŠæ¬²ãããšã¡ãã»ãŒãžãæ¥ããäžåâŠâŠãšãããããšé£ãããŠæ©ãã
ãããããããŸãæè¡æžãèªãã§ããæ¹ã®äººéã§ã¯ãªãããèªæ ¢ã§ã¯ãªããèªãã 端ããå 容ãã¬ã³ã¬ã³å¿ããŠããã
ð ãšããããã§ãæšèŠæžãèãããšãã«æãåºããæ¬ãæãã€ããŸãŸæžããŠãããŸããããã¯ä»äºã«åãåããããªãããã®çŸå®éé¿ã§ã¯ããã
èªåãå»å¹Žèªãã æ¬ã§æ®éã«äžçªããã«ãªã£ãæ¬ãšããããšã§ãæçµçã«ãããæšèŠããŸãããè¯æžãªã®ã§èª°ããšè¢«ã£ãŠãããªæ°ããããã ãã¶åšåé ãã§æ¥ããããããæšå¹Žããããæ¬æ Œçã«å®ãããžã§ã¯ãã«åã㊠Tailwind ã䜿ã£ããCSSé¢é£ã§ã¯Tailwindãšããæè¡ã¯ãSass ãç¥ã£ãæä»¥æ¥ã®æåããã£ããããã«ã¿ããªããç¥ã£ãŠããããšã ãšæããã Tailwind + Claude Code ã§ããŒãã«è¿ãããšã«ãªãããããŠãããããããšããã茩ã®ããã§Tailwindã®çµå¶ãå³ããããšã«ãªã£ãŠãããšç¥ã£ãæã¯ãæ¬åœã«ç³ãèš³ãªãæ°æã¡ã«ãªã£ãã
ãããå»å¹Žèªãã æ¬ã®äžã§ããã«ãªã£ãæ¬ã§ãã£ããæ¥ããããªããèªå㯠Figma ãããŸã䜿ããªãã£ãã®ã ãããã®æ¬ã¯ãã³ãºãªã³åœ¢åŒã§ä»ã©ãã®Figmaã®æ©èœããã£ãšäžéãåŠã¶ããšãã§ããããã¶ã€ããŒãšåæ¥ããããšã®å€ããšã³ãžãã¢ããã«ãæ®éã«ãªã¹ã¹ã¡ã§ããã
ããããªãããClaude Code ããã£ããããã¹ã¯ã·ã§ãèŠããã ãã§ãããªãäœããããã«ãªã£ããã§ããã¡ããšããFigmaãããã¿ã€ããäœãããšã®æå³ããã£ã±ãèªåã®äžã§èãæ°å³ã ãéã«èšããšãããããªFigmaããŒã¿ãäœã£ãŠMCPãéããŠClaude Code ã«æå³éãã«äœã£ãŠãããã®ããŸã ãããªã«æ¥œãããªãæããããã ã£ããèªåçã«ã¯ããã¶ã€ã³ããŒã¿ã¯ Illustrator ã§ã Figma ã§ããããããã£ããèŠãç®ã ãäœã£ãŠãClaude Code ã«ã¹ã¯ã·ã§ãšä»æ§ãæž¡ããŠã察話ãšèª¿æŽãéããŠãå®è£ ããªããè©°ããã³ãŒã¹ã®æ¹ã楜ããªãããã®ãããããã¡ããšãã Figma ããŒã¿ãäœã£ãŠç®¡çããããšã«å¯ŸããŠãèªåã¯ã³ã¹ããé«ããªããšæããŠãããããåºæ¥ãããŒã«ã ãšã¯æããã©ãVariables ã Component ã®æ©èœããã«æŽ»çšããŠãã¶ã€ã³ã·ã¹ãã æŽããã®å€§å€ã ãã倧å€ãªå²ã«ãªããäžæ¯ãããªãïŒã¿ãããªæ°æã¡ãæããªããŠã€ããããŸããå šãŠã¯ããã®å匷äžè¶³ãšçµéšäžè¶³ã«åž°çµããã
Webã®æè¡ã¯å€ãããŠå€§å€ã ãããããäžåèªãã§ãããšå šäœæããã£ããã€ããããç³»ã®æ¬ã§ãäžçªèªã¿ããããŠå¥œãã ã£ãæ°ããããäœç³»çã«æè¡ãçè§£ã§ããŠããªãèªåã¿ãããªäººéã«ã¯ããããæ¬ããããããããããèªãã ã®ã¯å€ãæ¬ãªã®ã§æ¹èšæ°çãèªãã§ã¿ãããäŸã«ãã£ãŠæžããŠããäºã¯å®å šã«å¿ããŠããã®ã§ããŸãèªãŸãªããšãããªãã
ãããããã§ãããããããæ°ãããã€ãåºãŠãã®ãâŠâŠããäžåèªãŸãªããšãªãã
ç§å¯éµãå ¬ééµã®æŠå¿µãããããªãããŠèªãã ã®ã ããèªãã§ãŠãšãŠã楜ããæè¡æžã ã£ãã人éã¯æ¬æ¥é£ããããšãããããªã«ããããããã説æã§ãããã®ãªã®ãâŠâŠãšããæåããã£ããæ°é±éãæå·ã«ã€ããŠå®å šã«çè§£ããã€ããã«ãªããè¬ã®å šèœæã«å ãŸããããäŸã«ãã£ãŠå®å šã«å¿ããã®ã§ãŸãèªãŸãªããšãããªããéµã«ã€ããŠã¯ãäœåºŠèªãã§äœåºŠçè§£ããæ°ã«ãªã£ãŠããå šç¶èªåã®ãã®ã«ãªããªãããŸããéµã ããããªããŠæè¡ã®è©±å šè¬ãããªæãã
ããéå€ããWebæ¥çã«æ¥ã幎å¯ããšããŠã¯ãå人çã«ããã«ã±ãäœã£ãŠããããã®ãžãã®åèãæšèŠãããæ°æã¡ããã£ããä»ã®äººãèªãã§é¢çœãã®ãã©ãããããããããããããããçµ¶çã§ãããæã£ãŠããæ¬ã¯éã³ã«è¡ã£ãæã«ã§ãå¯ä»ãããŠãããã®ããããããããªãã
ããã¯æ¥ããããªãããã¶ã€ã³ã®æŠå¿µçãªæ¬ã¯ãããŸãèªãã§ããªãããªããèªããªãã®ã ãç®ãæ»ããã©ãããçŸå®ã®ç©ããªãäžã§èªããããã¶ã€ã³è«ã¯æºäžã®ç©ºè«ã®ããã«èŠããŠããŸã£ãŠãããã«æžãããŠããããšã«ãããŸãèå³ãæãŠãªãã®ã ãšæãããã¶ã€ããŒãšããŠã©ãããšæããšããã®ã¯èªèŠããŠããããªããšãã âŠâŠïŒäžæ¹ãå³ç©çãªãã¿åž³çãªæ¬ã¯ããèŠãŠãïŒ
ããããå·¥æ¥ãã¶ã€ããŒãããæžãããã®æ¬ã¯çããèªåã«åºãã£ãŠé¢çœãã£ããèªåãè²·ã£ãã®ã§ã¯ãªãå®¶ã®äººãè²·ã£ãŠããããäžåèªã¿ãããã ãè¡æ¹äžæã ã
ããã¹ããã¶ã€ã³ãšèŠãæ¹ãäžæããã§ãããã£ãŠããã®ããããããæ¬ããã¶ã€ã³ã¯æã«ããããåãæã€ãã®ãªã®ã ãšã©ããã§èªèŠããªããåãçµãå¿ èŠã¯ããã®ã ããªããã®äººã®ãã¶ã€ã³æ¬ã¯ããã€ãèªãã ãã©ãã©ããèªã¿ç©ãšããŠããããã
確ãBEMãããã®è©±ãäžå¿ã ã£ãæ°ãããã®ã§ã話é¡ãšããŠã¯ã¡ãã£ãšæ¬ã§ã¯ãªããªã£ãŠããŸã£ãæã¯ããã®ã ãããšãã»ã³ã¹ã¯æä»£ãè¶ ããŠåœ¹ã«ç«ã€ã¯ãã ããããŠã泚ç®ãã¹ãã¯ãã®æ¬ã®æ§æã ãšæããããã¯ãããªã«èªã¿ããããšãããã軜ãããªã§èªããŠããŸãæè¡æžãä»ãŸã§èŠãããšãªããCSS倧奜ãããããã®é¢çœè©±ãèããŠããããªæãã§æ¥œããèªããŠããŸããããã§ããŠãã¡ããšæè¡é¢ã«ãèžã¿èŸŒãã§äžå¯§ã«èª¬æãããŠãããèè ã®ã人æãããåºãŠããã倧奜ããªæ¬ã ãCSSãã ãªãŒã£ãŠæã£ãŠã人ã«èªãã§ã»ããããŸãããããCSSãã ãªãŒã£ãŠæã£ãŠã¯ããŸãã