ãã¶ã€ã³ã·ã¹ãã å ã§å¹æçãªã³ã³ããŒãã³ãããã¥ã¡ã³ããäœæããããã®å æ¬çãªã¬ã€ããã°ããŒãã«ããŒã ã倿§ãªãããžã§ã¯ãéã§ã®ã³ã©ãã¬ãŒã·ã§ã³ãšäžè²«æ§ãä¿é²ããŸãã
ãã¶ã€ã³ã·ã¹ãã ïŒã°ããŒãã«ããŒã ã«åããã³ã³ããŒãã³ãããã¥ã¡ã³ãã®å®å šã¬ã€ã
仿¥ã®ããŒã¹ã®éãããžã¿ã«ç°å¢ã«ãããŠããã¶ã€ã³ã·ã¹ãã ã¯ããã¶ã€ã³ãšéçºã®ããã»ã¹ã«ãããŠäžè²«æ§ãå¹çæ§ãæ¡åŒµæ§ã远æ±ããçµç¹ã«ãšã£ãŠäžå¯æ¬ ãªãã®ãšãªã£ãŠããŸããæç¢ºã«å®çŸ©ããããã¶ã€ã³ã·ã¹ãã ã¯ãå Žæã圹å²ã«é¢ä¿ãªãã誰ããåãã¬ã€ãã©ã€ã³ãšååã«åºã¥ããŠäœæ¥ããŠããããšãä¿èšŒããŸãããããããã¶ã€ã³ã·ã¹ãã ã®çã®åã¯ããã®äœæã ãã§ãªãã广çãªããã¥ã¡ã³ãåã«ãããŸããç¹ã«ã³ã³ããŒãã³ãããã¥ã¡ã³ãã¯ãããžã¿ã«è£œåã®æ§æèŠçŽ ãçè§£ããå®è£ ããç¶æããããã®åºç€ãšãªããŸãã
ã³ã³ããŒãã³ãããã¥ã¡ã³ããéèŠãªçç±
ã³ã³ããŒãã³ãããã¥ã¡ã³ãã¯ãåã«å©çšå¯èœãªã³ã³ããŒãã³ãããªã¹ãã¢ããããã ãã§ã¯ãããŸãããã³ã³ããã¹ããäœ¿çšæ¹æ³ããã¹ããã©ã¯ãã£ã¹ãæäŸããå æ¬çãªã¬ã€ãã§ããã°ããŒãã«ããŒã ã«ãšã£ãŠãããéèŠãªçç±ã¯æ¬¡ã®ãšããã§ãã
- äžè²«æ§ã®åäžïŒ 誰ãå®è£ ãããã«ãããããããã¹ãŠã®è£œåããã©ãããã©ãŒã ã§ã³ã³ããŒãã³ããäžæ§ã«äœ¿ãããããšãä¿èšŒããŸããããã¯ãç°ãªãå°åãèšèªã§äžè²«ãããã©ã³ãäœéšãç¶æããã°ããŒãã«ãã©ã³ãã«ãšã£ãŠç¹ã«éèŠã§ãã
- ã³ã©ãã¬ãŒã·ã§ã³ã®åŒ·åïŒ ãã¶ã€ããŒãšéçºè ã®ããã®åäžã®ä¿¡é Œã§ããæ å ±æºãæäŸããããã¹ã ãŒãºãªåŒãç¶ããä¿é²ããèª€è§£ãæžãããŸããã°ããŒãã«ããŒã ã¯ãã¿ã€ã ãŸãŒã³ã®éããèšèªã®å£ã«ããã³ãã¥ãã±ãŒã·ã§ã³ã®èª²é¡ã«çŽé¢ããããšããããããŸãããæç¢ºãªããã¥ã¡ã³ãã¯ãããã®åé¡ã軜æžããŸãã
- éçºã®è¿ éåïŒ æ å ±æ€çŽ¢ã質åã«è²»ããæéãåæžããããŒã ãæ©èœéçºã«éäžã§ããããã«ããŸããå æ¬çãªããã¥ã¡ã³ããããã°ãéçºè ã¯ãã¶ã€ã³ã·ã¹ãã ã«äžæ £ãã§ããã³ã³ããŒãã³ãã®äœ¿ç𿹿³ãè¿ éã«çè§£ã§ããŸãã
- ãšã©ãŒã®åæžïŒ ã³ã³ããŒãã³ãã®èª€ã£ã䜿çšã®ãªã¹ã¯ãæå°éã«æãããã°ã®æžå°ãšããå®å®ãã補åã«ã€ãªãããŸããè€æ°ã®ããªãšãŒã·ã§ã³ãäŸåé¢ä¿ãæã€è€éãªã³ã³ããŒãã³ãã«ãšã£ãŠç¹ã«éèŠã§ãã
- æ¡åŒµæ§ïŒ ã·ã¹ãã å šäœãæ··ä¹±ãããããšãªããæ°ããã³ã³ããŒãã³ãã®è¿œå ãæ¢åã®ã³ã³ããŒãã³ãã®å€æŽã容æã«ããŸããé©åã«ããã¥ã¡ã³ãåãããã³ã³ããŒãã³ãã¯ãç¶æã»æŽæ°ã容æã§ããã¶ã€ã³ã·ã¹ãã ã®é·æçãªåç¶å¯èœæ§ãä¿èšŒããŸãã
- æ°ããããŒã ã¡ã³ããŒã®ãªã³ããŒãã£ã³ã°ïŒ æ°èŠæ¡çšè ããã¶ã€ã³ã·ã¹ãã ãè¿ éã«åŠã³ã广çã«è²¢ç®ããããã®è²ŽéãªãªãœãŒã¹ãæäŸããŸããåŠç¿æ²ç·ãççž®ããããæ©ãçç£æ§ãäžããããšãã§ããŸããããã¯ãç°ãªãå°åã«ãŸãããã°ããŒãã«ããŒã ãæ¡å€§ããéã«äžå¯æ¬ ã§ãã
- ã¢ã¯ã»ã·ããªãã£æºæ ïŒ é©åã«ããã¥ã¡ã³ãåãããã³ã³ããŒãã³ãã«ã¯ãã¢ã¯ã»ã·ããªãã£ã«é¢ããèæ ®äºé ã®æ å ±ãå«ããã¹ãã§ããããã¹ãŠã®ãŠãŒã¶ãŒã補åã广çã«æäœã§ããããã«ããŸããããã¥ã¡ã³ãã«ã¯ARIA屿§ãããŒããŒãããã²ãŒã·ã§ã³ã®ãã¿ãŒã³ãã«ã©ãŒã³ã³ãã©ã¹ãæ¯ãªã©ãæŠèª¬ããWCAGã¬ã€ãã©ã€ã³ãžã®æºæ ã確å®ã«ããŸãã
广çãªã³ã³ããŒãã³ãããã¥ã¡ã³ãã®äž»èŠèŠçŽ
广çãªã³ã³ããŒãã³ãããã¥ã¡ã³ããäœæããã«ã¯ãæ éãªèšç»ãšçްéšãžã®æ³šæãå¿ èŠã§ããå«ããã¹ãäž»èŠãªèŠçŽ ã¯æ¬¡ã®ãšããã§ãã
1. ã³ã³ããŒãã³ãã®æŠèŠ
ã³ã³ããŒãã³ãã®ç®çãšæ©èœã«ã€ããŠã®ç°¡åãªèª¬æããå§ããŸããããã¯ã©ã®ãããªåé¡ã解決ããã®ãïŒäœã®ããã«äœ¿çšãããããšãæå³ããŠããã®ãïŒãã®ã»ã¯ã·ã§ã³ã§ã¯ãã³ã³ããŒãã³ãã®æŠèŠãé«ãã¬ãã«ã§æäŸããå¿ èŠããããŸãã
äŸïŒãButtonãã³ã³ããŒãã³ãã®æŠèŠã«ã¯ã次ã®ããã«èšèŒããããããããŸããããButtonã³ã³ããŒãã³ãã¯ãã¢ã¯ã·ã§ã³ãããªã¬ãŒããããå¥ã®ããŒãžã«ç§»åãããããããã«äœ¿çšãããŸããã¢ããªã±ãŒã·ã§ã³å šäœã§äžè²«ããèŠèŠçã¹ã¿ã€ã«ãšã€ã³ã¿ã©ã¯ã·ã§ã³ãã¿ãŒã³ãæäŸããŸããã
2. ããžã¥ã¢ã«è¡šçŸ
ã³ã³ããŒãã³ãã®ããŸããŸãªç¶æ ïŒäŸïŒããã©ã«ãããããŒãã¢ã¯ãã£ããç¡å¹ïŒãæç¢ºãªããžã¥ã¢ã«ã§ç€ºããŸããé«å質ã®ã¹ã¯ãªãŒã³ã·ã§ãããã€ã³ã¿ã©ã¯ãã£ããªãã¬ãã¥ãŒã䜿çšããŠãã³ã³ããŒãã³ãã®å€èгã玹ä»ããŸãã
ãã¹ããã©ã¯ãã£ã¹ïŒ Storybookãåæ§ã®ã³ã³ããŒãã³ããšã¯ã¹ãããŒã©ãŒã®ãããªãã©ãããã©ãŒã ã䜿çšããŠãã€ã³ã¿ã©ã¯ãã£ããªãã¬ãã¥ãŒãæäŸããŸããããã«ããããŠãŒã¶ãŒã¯ã³ã³ããŒãã³ããå®éã«åãã®ãèŠãŠãããŸããŸãªèšå®ã詊ãããšãã§ããŸãã
3. å©çšã¬ã€ãã©ã€ã³
ã³ã³ããŒãã³ããæ£ãã䜿çšããæ¹æ³ã«ã€ããŠãæç¢ºã§ç°¡æœãªæç€ºãæäŸããŸããããã«ã¯ã以äžã®æ å ±ãå«ããå¿ èŠããããŸãã
- é çœ®ïŒ ã¢ããªã±ãŒã·ã§ã³å ã®ã©ãã§ã³ã³ããŒãã³ãã䜿çšãã¹ããïŒãããäžé©åãªç¹å®ã®ã³ã³ããã¹ããç¶æ³ã¯ãããŸããïŒ
- èšå®ïŒ å©çšå¯èœãªãªãã·ã§ã³ãšãã©ã¡ãŒã¿ã¯äœã§ããïŒãããã¯ã³ã³ããŒãã³ãã®å€èгãåäœã«ã©ã®ããã«åœ±é¿ããŸããïŒ
- ã¢ã¯ã»ã·ããªãã£ïŒ ã³ã³ããŒãã³ãã䜿çšããéã«èæ ®ãã¹ãã¢ã¯ã»ã·ããªãã£äžã®æ³šæç¹ã¯äœã§ããïŒããã«ã¯ãARIA屿§ãããŒããŒãããã²ãŒã·ã§ã³ãã«ã©ãŒã³ã³ãã©ã¹ãã«é¢ããæ å ±ãå«ããå¿ èŠããããŸãã
- åœéåïŒi18nïŒïŒ ã³ã³ããŒãã³ãã¯ç°ãªãèšèªãæåã»ãããã©ã®ããã«æ±ããŸããïŒãµããŒããããŠãããã¹ãŠã®ãã±ãŒã«ã§ã³ã³ããŒãã³ããæ£ããæ©èœããããã«ããããã®ã¬ã€ãã³ã¹ãæäŸããŸããããã«ã¯ãããã¹ãã®æãè¿ããåæ¹åããã¹ãã®ãµããŒãããã±ãŒã«åºæã®ãã©ãŒãããã«é¢ããã¬ã€ãã³ã¹ãå«ãŸããå ŽåããããŸãã
äŸïŒãDate Pickerãã³ã³ããŒãã³ãã®å Žåã䜿çšã¬ã€ãã©ã€ã³ã«ã¯ããµããŒããããŠããæ¥ä»åœ¢åŒãéžæå¯èœãªæ¥ä»ã®ç¯å²ãã¹ã¯ãªãŒã³ãªãŒããŒãŠãŒã¶ãŒã®ããã®ã¢ã¯ã»ã·ããªãã£ã«é¢ããèæ ®äºé ãæèšããããããããŸãããã°ããŒãã«ãªãªãŒãã£ãšã³ã¹åãã«ã¯ãDD/MM/YYYYãMM/DD/YYYYãªã©ãç°ãªããã±ãŒã«ã§èš±å®¹ãããæ¥ä»åœ¢åŒãæå®ããå¿ èŠããããŸãã
4. ã³ãŒãäŸ
è€æ°ã®èšèªããã¬ãŒã ã¯ãŒã¯ïŒäŸïŒHTMLãCSSãJavaScriptãReactãAngularãVue.jsïŒã§ã³ãŒãäŸãæäŸããŸããããã«ãããéçºè ã¯ã³ãŒããèªåã®ãããžã§ã¯ãã«ãã°ããã³ããŒïŒããŒã¹ãããããã«ã³ã³ããŒãã³ãã䜿ãå§ããããšãã§ããŸãã
ãã¹ããã©ã¯ãã£ã¹ïŒ ã³ãŒããã€ã©ã€ãããŒã«ã䜿çšããŠãã³ãŒãäŸãããèªã¿ããããèŠèŠçã«é åçã«ããŸããäžè¬çãªãŠãŒã¹ã±ãŒã¹ãã³ã³ããŒãã³ãã®ããªãšãŒã·ã§ã³ã®äŸãæäŸããŸãã
5. ã³ã³ããŒãã³ãAPI
å©çšå¯èœãªãã¹ãŠã®ããããã£ãã¡ãœãããã€ãã³ããå«ãã³ã³ããŒãã³ãã®APIãææžåããŸããããã«ãããéçºè ã¯ããã°ã©ã ã§ã³ã³ããŒãã³ããæäœããæ¹æ³ãçè§£ã§ããŸããåããããã£ã«ã€ããŠãæç¢ºãªèª¬æãããŒã¿åãããã©ã«ãå€ãæäŸããŸãã
äŸïŒãSelectãã³ã³ããŒãã³ãã®å ŽåãAPIããã¥ã¡ã³ãã«ã¯ã`options`ïŒå©çšå¯èœãªãªãã·ã§ã³ã衚ããªããžã§ã¯ãã®é åïŒã`value`ïŒçŸåšéžæãããŠããå€ïŒã`onChange`ïŒéžæãããå€ã倿Žããããšãã«ããªã¬ãŒãããã€ãã³ãïŒãªã©ã®ããããã£ãå«ãŸãããããããŸããã
6. ããªã¢ã³ããšç¶æ
ã³ã³ããŒãã³ãã®ãã¹ãŠã®ç°ãªãããªã¢ã³ããšç¶æ ãæç¢ºã«ææžåããŸããããã«ã¯ããµã€ãºãè²ãã¹ã¿ã€ã«ãåäœã®ããªãšãŒã·ã§ã³ãå«ãŸããŸããåããªã¢ã³ãã«ã€ããŠãèŠèŠçãªè¡šçŸãšãã®æå³ãããäœ¿çšæ³ã®èª¬æãæäŸããŸãã
äŸïŒãButtonãã³ã³ããŒãã³ãã«ã¯ããã©ã€ããªãã»ã«ã³ããªãã¿ãŒã·ã£ãªã®ã¹ã¿ã€ã«ããªã¢ã³ãããããã©ã«ãããããŒãã¢ã¯ãã£ããç¡å¹ã®ç¶æ ããããããããŸããã
7. ãã¶ã€ã³ããŒã¯ã³
ã³ã³ããŒãã³ããé¢é£ãããã¶ã€ã³ããŒã¯ã³ã«ãªã³ã¯ããŸããããã«ããããã¶ã€ããŒãšéçºè ã¯ãã³ã³ããŒãã³ããã©ã®ããã«ã¹ã¿ã€ã«èšå®ãããŠãããããŸããã®å€èгãã«ã¹ã¿ãã€ãºããæ¹æ³ãçè§£ã§ããŸãããã¶ã€ã³ããŒã¯ã³ã¯ãè²ãã¿ã€ãã°ã©ãã£ãã¹ããŒã·ã³ã°ãã·ã£ããŠãªã©ã®å€ãå®çŸ©ããŸãã
ãã¹ããã©ã¯ãã£ã¹ïŒ ãã¶ã€ã³ããŒã¯ã³ç®¡çã·ã¹ãã ã䜿çšããŠããã¹ãŠã®ãã©ãããã©ãŒã ãšãããžã§ã¯ãã§ãã¶ã€ã³ããŒã¯ã³ã®äžè²«æ§ã確ä¿ããŸããããã«ããããã¶ã€ã³ã·ã¹ãã ã®æŽæ°ããã»ã¹ãç°¡çŽ åããã倿Žããã¹ãŠã®ã³ã³ããŒãã³ãã«èªåçã«åæ ãããããã«ãªããŸãã
8. ã¢ã¯ã»ã·ããªãã£ã«é¢ããèæ ®äºé
ã³ã³ããŒãã³ãã®ã¢ã¯ã»ã·ããªãã£ã«é¢ããè©³çŽ°ãªæ å ±ãæäŸããŸããããã«ã¯ãARIA屿§ãããŒããŒãããã²ãŒã·ã§ã³ãã«ã©ãŒã³ã³ãã©ã¹ããã¹ã¯ãªãŒã³ãªãŒããŒã®äºææ§ã«é¢ããæ å ±ãå«ããå¿ èŠããããŸããã³ã³ããŒãã³ããWCAGã¬ã€ãã©ã€ã³ãæºãããŠããããšã確èªããŸãã
äŸïŒãImage Carouselãã³ã³ããŒãã³ãã®å Žåãã¢ã¯ã»ã·ããªãã£ããã¥ã¡ã³ãã«ã¯ãçŸåšã®ã¹ã©ã€ããšã¹ã©ã€ãã®ç·æ°ã«é¢ããæ å ±ãæäŸããããã«äœ¿çšãã¹ãARIA屿§ãæå®ããããããããŸããããŸããã«ã«ãŒã»ã«ãããŒããŒãã§æäœå¯èœã§ããããšãç»åã«é©åãªaltããã¹ããããããšã確èªããæ¹æ³ã«ã€ããŠã®ã¬ã€ãã³ã¹ãæäŸããå¿ èŠããããŸãã
9. åœéåïŒi18nïŒãšå°ååïŒl10nïŒ
ã³ã³ããŒãã³ããåœéåãšå°ååãã©ã®ããã«æ±ãããææžåããŸããããã«ã¯ã以äžã®æ å ±ãå«ããå¿ èŠããããŸãã
- ããã¹ãã®æ¹åïŒ ã³ã³ããŒãã³ãã¯å·Šããå³ïŒLTRïŒããã³å³ããå·ŠïŒRTLïŒã®èšèªãã©ã®ããã«æ±ããŸããïŒ
- æ¥ä»ãšæå»ã®åœ¢åŒïŒ ã³ã³ããŒãã³ãã¯ç°ãªãæ¥ä»ãšæå»ã®åœ¢åŒãã©ã®ããã«æ±ããŸããïŒ
- é貚èšå·ïŒ ã³ã³ããŒãã³ãã¯ç°ãªãé貚èšå·ãã©ã®ããã«æ±ããŸããïŒ
- æ°å€åœ¢åŒïŒ ã³ã³ããŒãã³ãã¯ç°ãªãæ°å€åœ¢åŒïŒäŸïŒå°æ°ç¹åºåããååäœåºåãïŒãã©ã®ããã«æ±ããŸããïŒ
- ç¿»èš³ïŒ ã³ã³ããŒãã³ãã®ããã¹ãæååã¯ã©ã®ããã«ç°ãªãèšèªã«ç¿»èš³ãããŸããïŒ
ãã¹ããã©ã¯ãã£ã¹ïŒ 翻蚳管çã·ã¹ãã ã䜿çšããŠãããã¹ãæååã®ç¿»èš³ã管çããŸããæ°ãã翻蚳ã远å ããæ¹æ³ããç¿»èš³ãæ£ç¢ºã§äžè²«ããŠããããšã確èªããæ¹æ³ã«ã€ããŠæç¢ºãªã¬ã€ãã©ã€ã³ãæäŸããŸãã
10. ã³ã³ããªãã¥ãŒã·ã§ã³ã¬ã€ãã©ã€ã³
ã³ã³ããŒãã³ãããã¥ã¡ã³ãã«è²¢ç®ããæ¹æ³ã«ã€ããŠæç¢ºãªã¬ã€ãã©ã€ã³ãæäŸããŸããããã«ã¯ã以äžã®æ å ±ãå«ããå¿ èŠããããŸãã
- ã¹ã¿ã€ã«ã¬ã€ãïŒ ããã¥ã¡ã³ããèšè¿°ããéã«åŸãã¹ãã¹ã¿ã€ã«ã¬ã€ãã¯äœã§ããïŒ
- ã¯ãŒã¯ãããŒïŒ ããã¥ã¡ã³ãã«å€æŽãæåºããããã»ã¹ã¯äœã§ããïŒ
- ã¬ãã¥ãŒããã»ã¹ïŒ ããã¥ã¡ã³ããžã®å€æŽã¯ã©ã®ããã«ã¬ãã¥ãŒãããæ¿èªãããŸããïŒ
ããã«ãããã³ã©ãã¬ãŒã·ã§ã³ã®æåãè²ãŸããããã¥ã¡ã³ããæ£ç¢ºã§ææ°ã®ç¶æ ã«ä¿ãããããšãä¿èšŒãããŸãã
ã³ã³ããŒãã³ãããã¥ã¡ã³ãã®ããã®ããŒã«
ã³ã³ããŒãã³ãããã¥ã¡ã³ãã®äœæãšç¶æã«åœ¹ç«ã€ããŒã«ãããã€ããããŸãã以äžã«äººæ°ã®ãªãã·ã§ã³ãããã€ã玹ä»ããŸãã
- StorybookïŒ UIã³ã³ããŒãã³ãã®æ§ç¯ãšææžåã®ããã®äººæ°ããŒã«ãã³ã³ããŒãã³ãã®ã€ã³ã¿ã©ã¯ãã£ããªãã¬ãã¥ãŒãäœæããMarkdownãMDXã䜿çšããŠããã¥ã¡ã³ããèšè¿°ã§ããŸãã
- StyleguidistïŒ Reactã³ã³ããŒãã³ãããããã¥ã¡ã³ããçæããããã®ããŒã«ãã³ãŒããããããããåã説æã«é¢ããæ å ±ãèªåçã«æœåºããŸãã
- DoczïŒ Markdownãã¡ã€ã«ããããã¥ã¡ã³ããŠã§ããµã€ããäœæããããã®ããŒã«ãReactãVueããã®ä»ã®ãã¬ãŒã ã¯ãŒã¯ããµããŒãããŠããŸãã
- ZeroheightïŒ å°çšã®ãã¶ã€ã³ã·ã¹ãã ããã¥ã¡ã³ããã©ãããã©ãŒã ãã³ã³ããŒãã³ãããã¥ã¡ã³ããã¹ã¿ã€ã«ã¬ã€ãããã¶ã€ã³ååãªã©ããã¶ã€ã³ã·ã¹ãã ã®å æ¬çãªããã¥ã¡ã³ããäœæã§ããŸãã
- Confluence/NotionïŒ ã³ã³ããŒãã³ãããã¥ã¡ã³ãå°çšã§ã¯ãããŸãããããããã®ããŒã«ã¯Wiki圢åŒã䜿çšããŠããã¥ã¡ã³ããäœæããã³æŽçããããã«äœ¿çšã§ããŸãã
ã°ããŒãã«ãªã³ã³ããŒãã³ãããã¥ã¡ã³ãã®ããã®ãã¹ããã©ã¯ãã£ã¹
ã°ããŒãã«ããŒã åãã®ã³ã³ããŒãã³ãããã¥ã¡ã³ããäœæããéã¯ã以äžã®ãã¹ããã©ã¯ãã£ã¹ãèæ ®ããŠãã ããã
- æç¢ºã§ç°¡æœãªèšèé£ãïŒ éæè¡çãªãŠãŒã¶ãŒãç°ãªãæåçèæ¯ãæã€ãŠãŒã¶ãŒã«éŠŽæã¿ã®ãªãå°éçšèªãæè¡çšèªãé¿ããŸããçè§£ããããã·ã³ãã«ã§çŽæ¥çãªèšèã䜿çšããŸãã
- èŠèŠçãªäŸãæäŸããïŒ ç»åãã¹ã¯ãªãŒã³ã·ã§ããããããªã䜿çšããŠæŠå¿µã説æããã³ã³ããŒãã³ãã®äœ¿ç𿹿³ã瀺ããŸããèŠèŠçãªäŸã¯ãç¹ã«è±èªãæ¯åœèªãšããªããŠãŒã¶ãŒã«ãšã£ãŠãæç« ã«ãã説æããã广çãªå ŽåããããŸãã
- äžè²«ããçšèªã䜿çšããïŒ æ··ä¹±ãé¿ãããããããã¥ã¡ã³ãå šäœã§åãçšèªã䜿çšããŸããå¿ èŠã§ããã°çšèªéãäœæããŸãã
- ããã¥ã¡ã³ããããŒã«ã©ã€ãºããïŒ ããã¥ã¡ã³ããè€æ°ã®èšèªã«ç¿»èš³ããç°ãªãå°åã®ãŠãŒã¶ãŒãã¢ã¯ã»ã¹ã§ããããã«ããŸããããã¯å æ¬æ§ãžã®ã³ãããã¡ã³ãã瀺ãã誰ãããã¶ã€ã³ã·ã¹ãã ãçè§£ã§ããããã«ããŸãã
- æåçãªéããèæ ®ããïŒ ãã¶ã€ã³ãã³ãã¥ãã±ãŒã·ã§ã³ã«ãããæåçãªéãã«æ³šæããŸããäŸãã°ãæåã«ãã£ãŠè²ãç»åãã¬ã€ã¢ãŠãã®å¥œã¿ãç°ãªãå ŽåããããŸããããã¥ã¡ã³ããæåçã«é æ ®ãããã®ã«èª¿æŽããŸãã
- ãã£ãŒãããã¯ãåéããïŒ å®æçã«ãŠãŒã¶ãŒãããã£ãŒãããã¯ãåããããã¥ã¡ã³ããæ¹åã§ããé åãç¹å®ããŸããã¢ã³ã±ãŒãããã©ãŒã«ã¹ã°ã«ãŒãããŠãŒã¶ãŒãã¹ãã䜿çšããŠãã£ãŒãããã¯ãåéããŸãã
- ããã¥ã¡ã³ããææ°ã«ä¿ã€ïŒ ããã¥ã¡ã³ãããã¶ã€ã³ã·ã¹ãã ã®ææ°ã®å€æŽã«åãããŠææ°ã®ç¶æ ã«ä¿ãããŠããããšã確èªããŸããå€ãããã¥ã¡ã³ãã¯èª€è§£ãæãããŠãŒã¶ãŒãèç«ãããå¯èœæ§ããããŸãã宿çã«ããã¥ã¡ã³ããèŠçŽããæŽæ°ããããã»ã¹ãå°å ¥ããŸãã
- ã¬ããã³ã¹ã確ç«ããïŒ ã³ã³ããŒãã³ãã©ã€ãã©ãªãšãã®ããã¥ã¡ã³ããç¶æããããã®æç¢ºãªåœ¹å²ãšè²¬ä»»ãå®çŸ©ããŸããã¬ããã³ã¹ã¢ãã«ã¯ãããã¥ã¡ã³ãäœæã®åãçµã¿ãéäžããé©åã«ç®¡çãããããšãä¿èšŒããŸãã
ã¢ã¯ã»ã·ããªãã£ãšã°ããŒããªãŒãŒã·ã§ã³ã«é¢ãã詳现ãªèæ ®äºé
ããã«æ·±ãæãäžããŠãã³ã³ããŒãã³ããžã®ã°ããŒãã«ãªã¢ã¯ã»ã¹ã«é¢ããå ·äœçãªç¹ãèããŠã¿ãŸãããã
ã¢ã¯ã»ã·ããªãã£ïŒa11yïŒ
- ã»ãã³ãã£ãã¯HTMLïŒ ã»ãã³ãã£ãã¯HTMLèŠçŽ ãæ£ãã䜿çšããŸããããã«ãããã³ã³ãã³ãã«æ§é ãšæå³ãäžããããã¹ã¯ãªãŒã³ãªãŒããŒããã®ä»ã®æ¯æŽæè¡ã«ãšã£ãŠããã¢ã¯ã»ã¹ãããããªããŸãã
- ARIA屿§ïŒ ARIA屿§ã䜿çšããŠãã³ã³ããŒãã³ãã®åœ¹å²ãç¶æ ãããããã£ã«é¢ããè¿œå æ å ±ãæäŸããŸããããã«ãããã¹ã¯ãªãŒã³ãªãŒããŒãã³ã³ããŒãã³ãã®æ©èœãçè§£ãããŠãŒã¶ãŒã«é©åãªãã£ãŒãããã¯ãæäŸããã®ã«åœ¹ç«ã¡ãŸãã
- ããŒããŒãããã²ãŒã·ã§ã³ïŒ ã³ã³ããŒãã³ããå®å šã«ããŒããŒãã§æäœå¯èœã§ããããšã確èªããŸãããŠãŒã¶ãŒã¯ããŒããŒãã䜿çšããŠãã¹ãŠã®ã€ã³ã¿ã©ã¯ãã£ããªèŠçŽ ã«ã¢ã¯ã»ã¹ã§ããå¿ èŠããããŸãã
- ã«ã©ãŒã³ã³ãã©ã¹ãïŒ ããã¹ããšèæ¯è²ã®éã®ã«ã©ãŒã³ã³ãã©ã¹ããWCAGã¬ã€ãã©ã€ã³ãæºãããŠããããšã確èªããŸããããã«ãããèŠèŠé害ã®ãããŠãŒã¶ãŒãããã¹ããèªã¿ããããªããŸãã
- ãã©ãŒã«ã¹ã€ã³ãžã±ãŒã¿ïŒ ãã¹ãŠã®ã€ã³ã¿ã©ã¯ãã£ããªèŠçŽ ã«æç¢ºãªãã©ãŒã«ã¹ã€ã³ãžã±ãŒã¿ãæäŸããŸããããã«ãããããŒããŒããŠãŒã¶ãŒãçŸåšã©ã®èŠçŽ ã«ãã©ãŒã«ã¹ããããã確èªã§ããŸãã
- Altããã¹ãïŒ ãã¹ãŠã®ç»åã«æå³ã®ããaltããã¹ããæäŸããŸããããã«ãããã¹ã¯ãªãŒã³ãªãŒããŒãŠãŒã¶ãŒãç»åã®å 容ãçè§£ããã®ã«åœ¹ç«ã¡ãŸãã
- ãã©ãŒã ã©ãã«ïŒ ãã¹ãŠã®ãã©ãŒã ãã£ãŒã«ãã«ã©ãã«ãæ£ãã䜿çšããŸããããã«ãããã¹ã¯ãªãŒã³ãªãŒããŒãŠãŒã¶ãŒããã©ãŒã ãã£ãŒã«ãã®ç®çãçè§£ããã®ã«åœ¹ç«ã¡ãŸãã
- ãšã©ãŒãã³ããªã³ã°ïŒ ãã©ãŒã ããªããŒã·ã§ã³ãšã©ãŒã«å¯ŸããŠæç¢ºã§ç°¡æœãªãšã©ãŒã¡ãã»ãŒãžãæäŸããŸããããã«ããããŠãŒã¶ãŒã¯äœãåé¡ã§ãã©ãããã°ä¿®æ£ã§ããããçè§£ã§ããŸãã
ã°ããŒããªãŒãŒã·ã§ã³ïŒi18nïŒ
- ããã¹ãã®æ¹åïŒ CSSããããã£ã䜿çšããŠããã¹ãã®æ¹åãå¶åŸ¡ããŸããããã«ãããLTRèšèªãšRTLèšèªã®äž¡æ¹ããµããŒãã§ããŸãã`direction`ãš`unicode-bidi`ããããã£ãç¹ã«äŸ¿å©ã§ãã
- æ¥ä»ãšæå»ã®ãã©ãŒãããïŒ `Intl.DateTimeFormat` APIã䜿çšããŠããŠãŒã¶ãŒã®ãã±ãŒã«ã«å¿ããŠæ¥ä»ãšæå»ããã©ãŒãããããŸããããã«ããããŠãŒã¶ãŒã®å°åã«é©ãã圢åŒã§æ¥ä»ãšæå»ã衚瀺ãããŸãã
- æ°å€ã®ãã©ãŒãããïŒ `Intl.NumberFormat` APIã䜿çšããŠããŠãŒã¶ãŒã®ãã±ãŒã«ã«å¿ããŠæ°å€ããã©ãŒãããããŸããããã«ãããæ£ããå°æ°ç¹åºåããšååäœåºåãã§æ°å€ã衚瀺ãããŸãã
- é貚ã®ãã©ãŒãããïŒ `Intl.NumberFormat` APIã䜿çšããŠããŠãŒã¶ãŒã®ãã±ãŒã«ã«å¿ããŠé貚ã®å€ããã©ãŒãããããŸããããã«ãããæ£ããé貚èšå·ãšãã©ãŒãããã§é貚ã®å€ã衚瀺ãããŸãã
- ç¿»èš³ïŒ ç¿»èš³ç®¡çã·ã¹ãã ã䜿çšããŠãããã¹ãæååã®ç¿»èš³ã管çããŸããããã«ãããã³ã³ããŒãã³ãã®ããã¹ãæååãè€æ°ã®èšèªã«ç°¡åã«ç¿»èš³ã§ããŸãã
- è€æ°åœ¢åŠçïŒ è€æ°åœ¢ãæ£ããåŠçããŸããèšèªã«ãã£ãŠè€æ°åœ¢ã®ã«ãŒã«ã¯ç°ãªããŸããè€æ°åœ¢åŠçã©ã€ãã©ãªãAPIã䜿çšããŠããããæ£ããåŠçããŸãã
- æåã»ããïŒ ã³ã³ããŒãã³ããé¢é£ãããã¹ãŠã®æåã»ããããµããŒãããŠããããšã確èªããŸããããã¹ãæååã衚ãããã«Unicodeã䜿çšããŸãã
- ãã©ã³ããµããŒãïŒ å¯Ÿè±¡ãšããèšèªããµããŒããããã©ã³ããéžæããŸãããã©ã³ãããããã®èšèªã§äœ¿çšãããæåã«å¿ èŠãªã°ãªããå«ãã§ããããšã確èªããŸãã
- ã¬ã€ã¢ãŠãã®é©å¿ïŒ ã³ã³ããŒãã³ãã®ã¬ã€ã¢ãŠããç°ãªãç»é¢ãµã€ãºãè§£å床ã«é©å¿ãããŸããã¬ã¹ãã³ã·ããã¶ã€ã³æè¡ã䜿çšããŠãã³ã³ããŒãã³ãããã¹ãŠã®ããã€ã¹ã§èŠæ ããè¯ããªãããã«ããŸãã
- å³ããå·ŠïŒRTLïŒãµããŒãïŒ ã³ã³ããŒãã³ããã¢ã©ãã¢èªãããã©ã€èªãªã©ã®RTLèšèªã§æ£ããã¬ã³ããªã³ã°ãããããšã確èªããŸããå·Šå³å転ããã¬ã€ã¢ãŠããšããã¹ãã®é 眮ãäžå¯æ¬ ã§ãã
人çèŠçŽ ïŒã³ã©ãã¬ãŒã·ã§ã³ãšã³ãã¥ãã±ãŒã·ã§ã³
广çãªã³ã³ããŒãã³ãããã¥ã¡ã³ãã¯ãåã«æè¡çãªä»æ§ã«é¢ãããã®ã§ã¯ãããŸãããããã¯ãŸããã°ããŒãã«ããŒã å ã§ã®ã³ã©ãã¬ãŒã·ã§ã³ãšãªãŒãã³ãªã³ãã¥ãã±ãŒã·ã§ã³ã®æåãè²ãããšã§ããããŸãããã¶ã€ããŒãšéçºè ã«ããã¥ã¡ã³ãããã»ã¹ãžã®è²¢ç®ãç¥èã®å ±æããã£ãŒãããã¯ã®æäŸã奚å±ããŸãã宿çã«ããã¥ã¡ã³ããèŠçŽããæŽæ°ããŠããããæ£ç¢ºã§ãé¢é£æ§ãããããŠãŒã¶ãŒãã¬ã³ããªãŒã§ããç¶ããããšã確èªããŸãããã®å調çãªã¢ãããŒãã¯ãã³ã³ããŒãã³ãããã¥ã¡ã³ãã®å質ãåäžãããã ãã§ãªããç°ãªãå Žæãã¿ã€ã ãŸãŒã³ãè¶ããããŒã ã¡ã³ããŒéã®çµã匷åããŸãã
çµè«
ã³ã³ããŒãã³ãããã¥ã¡ã³ãã¯ãæåãããã¶ã€ã³ã·ã¹ãã ã«äžå¯æ¬ ãªéšåã§ããã³ã³ããŒãã³ãã«é¢ããæç¢ºã§ãç°¡æœã§ãå æ¬çãªæ å ±ãæäŸããããšã§ãã°ããŒãã«ããŒã ãäžè²«æ§ããããã¢ã¯ã»ã¹ãããããæ¡åŒµæ§ã®ããããžã¿ã«è£œåãæ§ç¯ã§ããããã«ãªããŸãã广çãªã³ã³ããŒãã³ãããã¥ã¡ã³ããäœæããããã«å¿ èŠãªæéãšãªãœãŒã¹ãæè³ããã°ãã³ã©ãã¬ãŒã·ã§ã³ã®åäžãéçºã®è¿ éåãã°ããŒãã«åžå Žã§ã®ãã©ã³ããã¬ãŒã³ã¹ã®åŒ·åãšãã圢ã§å ±é ¬ãåŸãããšãã§ããã§ããããã¢ã¯ã»ã·ããªãã£ãšåœéåã®ååãåãå ¥ããŠããã¶ã€ã³ã·ã¹ãã ãå Žæãèšèªãèœåã«é¢ä¿ãªãããã¹ãŠã®ãŠãŒã¶ãŒã«çã«åœ¹ç«ã€ããã«ããŸãããã