ããã«ã¡ã¯ãã¢ã€ã¬ãããã¶ã€ã³äºæ¥éšã®ããŒã¯ã¢ãããšã³ãžãã¢ã®é»æšãšç³ããŸããã¢ã€ã¬ãããã¶ã€ã³äºæ¥éšã§ã¯ãINSIDE UI/UXããšé¡ããŠãæå±ãã¶ã€ããŒãšãšã³ãžãã¢ããã¶ã€ã³ã»SEOã»ã¢ã¯ã»ã·ããªãã£ã»UI/UXãªã©ããããã¹ãã·ã£ãªãã£ã®ããé åã«å¯Ÿããç¥èŠãå¹ åºãçºä¿¡ããŠããäºå®ã§ãããä»ãåãã®ã»ã©ãããããé¡ãããããŸãã
ç§ã¯2022/8/28ã«ãŠã§ããã¶ã€ã³æèœæ€å®ãšããè³æ Œè©Šéšã®3çŽãåããŠåæ ŒããŸããã
ä»åã¯ãã®åéšèšãšãŠã§ããã¶ã€ã³æèœæ€å®ã®ç°¡åãªç޹ä»ãããŠãããŸãã
è©ŠéšæŠèŠ
ãŠã§ããã¶ã€ã³æèœæ€å®ãšã¯
ãŠã§ããã¶ã€ã³æèœæ€å®ã¯ãåœå®¶æ€å®å¶åºŠã§ããæèœæ€å®å¶åºŠã®äžã€ãšããŠã
åçåŽåçããè·æ¥èœåéçºä¿é²æ³ç¬¬47æ¡ç¬¬1é ã®èŠå®ã«åºã¥ãæå®è©Šéšæ©é¢ã®æå®ãåãã
ç¹å®éå¶å©æŽ»åæ³äººã€ã³ã¿ãŒãããã¹ãã«èªå®æ®ååäŒïŒä»¥äžãåœåäŒïŒã宿œãããã®ã§ãã
ãŠã§ããã¶ã€ã³æèœæ€å® å ¬åŒWebãµã€ã ãã
詊éšã®æŠèŠ
ãŠã§ããã¶ã€ã³æèœæ€å®ã¯1çŽã3çŽã®3段éã«åãããŠããããã®äžã§ããå®æè©ŠéšããšãåŠç§è©Šéšãã®2çš®é¡ã«åãããŠããŸãã
ããããã®åéšè³æ Œã«é¢ããŠã¯ãåæ®µéã®æ¡ä»¶ã®ãã¡ãããããã²ãšã€ã«è©²åœããŠããã°åæ€ã§ããŸãã
| 1çŽ | 2çŽ | 3çŽ |
|---|---|---|
| ãåŠç§è©Šéšãå®åã7幎以äžã2çŽã®è³æ Œãæã£ãŠããè
etc⊠ãå®æè©ŠéšãåŠç§è©Šéšã«åæ Œããè |
å®åã2幎以äžã3çŽã®è³æ Œãæã£ãŠããè etc⊠| ãŠã§ãã®äœæãéå¶ã«é¢ããæ¥åãããŠãããåã¯ããããšããŠããè |
ãŠã§ããã¶ã€ã³æèœæ€å® å ¬åŒWebãµã€ã åæ€è³æ ŒããŒãž ãã
åæ Œç¹ã¯å®æãåŠç§ãããã70ç¹ä»¥äžã§ãã
3çŽã®è©Šéšç¯å²
3çŽã®è©Šéšç¯å²ã¯ Webãµã€ãã«æ²èŒãããŠããè³æ ã«è©³ããæžãããŠããŸãã
ããã§ã¯è³æãã倧é
ç®ãããã¯ã¢ããããŠç޹ä»ãããŠããã ããŸãã
- ã€ã³ã¿ãŒãããæŠè«
- ã¯ãŒã«ãã¯ã€ããŠã§ã(WWW)æ³å
- ãŠã§ããã¶ã€ã³æè¡
- ãŠã§ãæšæº
- ãŠã§ãããžã¥ã¢ã«ãã¶ã€ã³
- ãŠã§ãã€ã³ãã©ã¡ãŒã·ã§ã³ãã¶ã€ã³
- ã¢ã¯ã»ã·ããªãã£ïœ¥ãŠãããŒãµã«ãã¶ã€ã³
- ãŠã§ããµã€ãèšèšïœ¥æ§ç¯æè¡
- ãŠã§ããµã€ãéçšïœ¥ç®¡çæè¡
- å®å šè¡çïœ¥äœæ¥ç°å¢æ§ç¯
åéšèš
ãã®è©Šéšãåããçç±
äžçªã®çç±ãšããŠã¯äºæ¥éšã§ãããããã¶ã€ã³é¢é£ã®è³æ Œãåã£ãŠãããšãªã£ãããšã§ããä»ã«ããã¶ã€ã³é¢é£ã®è©Šéšã§ç޹ä»ããŠããã ãããã®ã¯ãããŸãããããã®äžã§ããã®è©Šéšãéžãã çç±ã¯åœå®¶æ€å®ã ã£ãããã§ãã
å ããŠã以åãããã¶ã€ã³ç³»ã®è³æ Œã«ã¯èå³ããããŸãããããã¶ã€ã³ã®è³æ Œãæã£ãŠãã = ãã¶ã€ã³ãã§ããã ãšããããã§ã¯ãããŸããããå°ãã§ãèªåã®èªä¿¡ã«ãªãã®ãªããšæãåããããšã«ããŸããã
ååŒ·æ¹æ³
詊éšäžã¶æåããå匷ãå§ããŸããã
åãããéå»åãè§£ããšãã£ãããªããšæãã詊éšå
¬åŒHPã«ãã£ãç·Žç¿åé¡ãæåã«è§£ããŠã¿ãŸããã
å人çã«ã¯ãã®ç·Žç¿åé¡ãäžçªé£ããã£ãã§ããïŒåŠç§è©Šéšã®ç¹æ°ããã®åŸã«è§£ããéå»åã®ã©ããããäœãã£ãã§ãïŒ
ç·Žç¿åé¡ã®å®æè©Šéšã¯ããããã颚ã«ããã®ãããšããæµããç¥ããããã§æ£çŽæéããªããã°è§£ããªããŠããããšæããŸãã
åŠç§è©Šéš
ã©ã®ããã«å匷ãããããã®ãä»ã®æ¹ã®åéšèšãã¿ããšãããããšã«ããéå»åã®æ°ãããªãããšæžãããŠããã®ã§ãšã«ããéå»åã®æ°ãããªããŸããã
ãŸãã¯ãµã€ãã«èŒã£ãŠããäžçªææ°ã®åãé€ããéå»åãè§£ãããã®ããšã¯åèæžã«èŒã£ãŠããéå»åãšããšã«ããåãçµããéå»åã«ã¯å
šãŠåãçµã¿ãŸããã
éå»åããããã€ãäŸãã玹ä»ããŸãã
äŸ1ïŒãŠãããŒãµã«ãã¶ã€ã³ã«ã€ããŠ
ãŠãããŒãµã«ãã¶ã€ã³ã®èª¬æãšããŠæãé©åãªãã®ã以äžãã 1 ã€éžæããªããã
- äžçäžã§å ±éããŠå©çšã§ããããã«ãäž»ã«ãã¯ãã°ã©ã ã䜿çšããŠãã¶ã€ã³ããææ³
- ãã¹ãŠã®äººãå©çšã§ããããã«ããããããè€æ°ã®ç°ãªã補åãçšæãããã¶ã€ã³ææ³
- ã§ããã ãå€ãã®äººãå©çšã§ããããã«ãæåããèšèšãããã¶ã€ã³ææ³
- é害è ãé«éœ¢è ã§ãå©çšã§ããããã«ãéå£ãšãªã£ãŠãããã®ãåãé€ããã¶ã€ã³ææ³
äŸ2ïŒã¢ã¯ã»ã·ããªãã£ã«ã€ããŠ
ã¢ã¯ã»ã·ããªãã£ã®èгç¹ãããçœïŒ#ffffffïŒã®èæ¯ã«é»ïŒ#000000ïŒã®æåè²ã䜿çšããã®ã¯é¿ããã¹ãã§ããã
- æ£
- 誀
äŸ3ïŒHTMLã®èŠçŽ ã«ã€ããŠ
HTML ã§å®çŸ©ãããŠããªãèŠçŽ ã¯ã©ããã以äžãã 1 ã€éžæããªããã
- dt
- dl
- dr
- dd
äŸ4ïŒCSSã«ã€ããŠ
CSS ã® border-top-style ããããã£ã®åæå€ã¯ã©ããã以äžãã 1 ã€éžæããªããã
- none
- solid
- hidden
- straight
äŸ5ïŒæ å ±æ©åšäœæ¥æã«ãããçæäºé ã«ã€ããŠ
æ å ±æ©åšäœæ¥æã«ãããçæäºé ãšããŠãäžé©åãªãã®ã以äžãã 1 ã€éžæããªããã
- äžé£ç¶äœæ¥æéã 2.5 æéãè¶ ããªãããã«ããã
- 次ã®é£ç¶äœæ¥ãŸã§ã®éã« 10 åïœ15 åã®äœæ¥äŒæ¢æéãèšããã
- äžé£ç¶äœæ¥æéå ã«ãã㊠1 åïœ2 åçšåºŠã®å°äŒæ¢ãèšããããšãæãŸããã
- ãã£ã¹ãã¬ã€ã¯ããã®ç»é¢ã®äžç«¯ãçŒã®é«ããšã»ãŒåãããããäžã«ãªãé«ãã«ããããšãæãŸããã
什å3幎床第4å ãŠã§ããã¶ã€ã³æèœæ€å®3çŽ ãã
éå»åãè§£ããŠãããšæ°ã¥ããšæããŸãããæ¯å¹Žæ°åã¯éå»åãããã®ãŸãŸåºé¡ãããŠããŸããïŒéžæè¢ããã®ãŸãŸã§ãïŒ
éå»åãè§£ãã ãã§æ°åã¯ç¹æ°ã確å®ã«ãšãããããå°ãªããšãçŽè¿ã®æ°ååã¯è§£ããŠããããšãããããããŸãã
ãã ãæ°å¹Žåã®éå»åãè§£ãããšã§ãã¡ãªããããããŸãããã®æ¥çã®æ
å ±ã¯æ¥ã
æ°ãããªã£ãŠãããããå€ãéå»åã®å Žåã¯å€ãæ
å ±ã®åé¡ãåºé¡ãããŠããå ŽåããããŸãããããã®ãããªåé¡ãã¿ããçŸåšã®æ
å ±ã«ã¢ããããŒãããŠèŠããããã«æ³šæããŠãã ããã
å®æè©Šéš
å®æè©Šéšã¯ãå
¬åŒãµã€ãã«ãåé¡ãå
¬éãããŠããŸããçŽ æïŒè©Šéšã«äœ¿çšããHTMLãCSSãã¡ã€ã«ã§ãïŒããªããããåèæžã«èŒã£ãŠãããã®ãè§£ããŸããã
æ¯å圢åŒã¯å
šãåããªã®ã§åèæžã«èŒã£ãŠããåã®ã¿è§£ãã°ååã§ãã
ãŸããæ¬çªã¯æ®æ®µã®æ¥åã§äœ¿çšããŠãããšãã£ã¿ã䜿çšã§ãããšã¯éããªããããTeraPadããµã¯ã©ãšãã£ã¿ãªã©ã®æå®ãããŠãããšãã£ã¿ã§ç·Žç¿ããããšãããããããŸããå ããŠæ®æ®µMacã䜿çšããŠãã人ã¯Windowsã«ãããçšåºŠæ £ããããã«Windowsã§ç·Žç¿ããã»ãããããšæããŸãã
詊éšåœæ¥
å®æè©Šéš 60åãåŠç§è©Šéš 45åãšããé åã§å®æè©Šéšããã§ããã
å®æè©Šéšã®åœ¢åŒã¯éå»åãšå
šãåããªã®ã§ç¹ã«çŠãããšãªãæ·¡ã
ãšè§£ãããšãã§ããŸããã
è©Šéšæé30åãè¶
ãããšéåºã§ããããã«ãªããŸããå€ãã®äººãæ©ã段éã§éåºããŠããå°è±¡ã§ãã
åŠç§è©Šéšã¯æ®æ®µè§£ããŠããéå»åãããå°ãé£ããã£ãå°è±¡ã§ãã
åŠç§è©Šéšãè©Šéšæé30åãè¶
ãããšéåºã§ããããã«ãªããŸãããçµæ§ã®ãªã®ãªãŸã§åçã«æ©ã¿ãŸããã
詊éšã®åé¡çšçŽã¯æã¡åž°ããå¯èœãªã®ã§åŠç§è©Šéšã«é¢ããŠã¯å¿
ãåçãã¡ã¢ããŠãã ãããæ°æ¥åŸã«å
¬åŒãµã€ãã§è§£çãå
¬è¡šãããã®ã§èªå·±æ¡ç¹ããããšãã§ããŸãã
ïŒç§ãåéšãã詊éšã¯ä»€å4幎床第2åã®ãã®ã«ãªããŸããé£æåºŠã¯åã«ãã£ãŠå€ãããšæãã®ã§åèçšåºŠã«èŠãŠããã ããã°ãšæããŸããïŒ
ãããã«
詊éšå匷ãéããŠ
åé¡ãè§£ããŠã¿ãŠHTMLã®ã¿ã°ã«ãããããªæå³ãå«ãŸããŠããã®ãå
šãŠç¶²çŸ
ã§ããŠããªããªãšå®æããŸããã
äŸãã°ãå®åã§äœ¿ãæ
£ããŠããªããäžä»ãæåãçšã®ããäžä»ãæåãçšã®ã¯åé¡ãèŠãŠããªãæ©ãã ãã®ã«ãªããŸãã
ä»ã®ã¿ã°ã«ããã¡ããšãã®ã¿ã°ãå©çšããæå³ãããã®ã§ããããã䜿ãåããããããã«ããããšæããŸããã
ãŸããããŠã§ããã¶ã€ã³æèœæ€å®ããšåä¹ã£ãŠããããšãããããã®è©Šéšã¯ãšã³ãžãã¢ã®æ¹ã ãã§ãªãWebãã¶ã€ããŒã®æ¹ãåéšãããšæãããŸãã
玹ä»ããäŸé¡ã®äžã«ã¯HTMLãCSSã®æè¡ã«é¢ãããã®ãåºé¡ãããŠããã®ã§ãããçšåºŠã®ããŒã¯ã¢ããã«é¢ããç¥èãæ±ããããŠãããšæããŸããã
å®æè©Šéšã¯ã³ãŒãã®èšè¿°æ¹æ³ãªã©ãåãããããã詊éšå匷ãéããŠå®åã§ããšã³ãžãã¢ãæžããã³ãŒããç°¡åã«èªããããã«ãªããšæããŸãã
ãã®ä»ã«ããã€ã³ã¿ãŒãããå
šäœã«é¢ããåé¡ãæ³åïŒæš©å©ãªã©ïŒã«é¢ããåé¡ãåºé¡ãããŠããŸããã
ã€ã³ã¿ãŒãããå
šäœã«é¢ããç¥èã¯å®åã§ã¯å€çšããªããããããŸãããããã®æ€å®ã§åºé¡ãããŠãã以äžãæäœéã®ç¥èãæã£ãŠããããšãæ±ããããŠãããšæããŸããã
ãŸããæ³åïŒæš©å©ãªã©ïŒã«é¢ããŠã¯ä»ã®ãµã€ãããåçãã€ã©ã¹ããããŽãªã©ãåçšå©çšããããšãå€ãããããã£ãããšçè§£ããŠããå¿
èŠããããšæããŸããã
詊éšãåããŠæã£ãããš
3çŽãåããŠã¿ãŠå人çã«æ¹ããŠéèŠã ãšæã£ãããšã¯ãã¢ã¯ã»ã·ããªãã£ããããŠãããŒãµã«ãã¶ã€ã³ããžã®å¯Ÿå¿ã§ãã
éå»åãæ¬è©Šéšãè§£ããŠããŠãã®2ã€ã«é¢ããåé¡ãæ°å€ãåºãŠããŸããã
å
容ã¯å
¥éçãªãã®ã§ããããåœå®¶æ€å®ã§å€ãåãäžããããŠãããããã§ããã ãå€ãã®äººã䜿ãããããããªUIãã¶ã€ã³ãäœããã³ãŒãã£ã³ã°ããããšããããšãä»åŸç¹ã«éèŠã«ãªã£ãŠãããšèããŸããã
ä»åã¯åããŠã®ãã¶ã€ã³é¢é£ã®è³æ Œãšããããšã§3çŽãåããŸããããæ ¹è©°ããŠå匷ããªããšãããªããšããããã§ã¯ãªãåé¡ãæããã ã£ããããããå°ãé£æåºŠã®é«ãè³æ Œã«ããã£ã¬ã³ãžããŠã¿ãããšæããŸããã
次åã¯ãŠã§ããã¶ã€ã³æèœæ€å®ã®ä»ã®çŽãåãããããããã¯ä»ã®ãã¶ã€ã³é¢é£ã®è³æ Œãç©æ¥µçã«åã£ãŠããããšæããŸãã