![èŠåºãç»å](https://assets.st-note.com/production/uploads/images/85594963/rectangle_large_type_2_a3d32a255b129a0ef5bb72ce3cccd75d.jpeg?width=1200)
ITå匷ð¥ -ïŒ- ïŒProgrammarïŒ
æªçµéšãªãããå°ããã€å匷ãããããšãããããžã§ã¯ããç«ãŠãŸããã
ç§ã¯ãå
šãã®æªçµéšã»ç¡ç¥ã§ããã»ã»ã»ãããããã®æçš¿ã§èª°ãããã®ã圹ã«ç«ãŠãã°å¹žãã ãšæããŸããïŒãŸãããã®åã«ã¿ãªããã«æããŠããã ãããšãå€ãããšæããŸãããïŒããããªã¹ã¹ã¡ã®ãµã€ããã¢ããã€ã¹ãªã©ã©ããªããšã§ããæ°è»œã«ã³ã¡ã³ããããã ãããšå¹žãã§ããããŸããŸãªããšããå匷ããããšæã£ãŠããŸãã
ã»ç§ãITãåŠã¶çç±
ç§ãITãåŠã¶çç±ã¯ïŒã€ã§ãã
ä»ã®ä»äºã«å¯Ÿããèã
ITãšããå¯èœæ§
ã§ããç§ã®ãããªãŸã ä»äºãããããšã®ãªã人éããäœãå¯èœæ§ã ããšããããšãéã
æ¿ç¥ãªã®ã§ãããããã ãæããããããšã¯äºå®ã§ãã
ããã§ã¯ãç°¡åã«ãã®æããèªãããŠããã ãããã®åŸãã³ãã§ãŠãããããšæããŸãã
ã»ä»ã®ä»äºã«å¯Ÿããèã
ä»ã®ä»äºã¯ãITãšã¯ç¡çžã®è·æ¥ã§ãããããŠãITã ãã§ã¯ãªããäžéã瀟äŒãšãé絶ããããããªå Žæã§ããããŸãã
ããããã¯ç¡äººå³¶ã§ããïŒ
ãšããããšã§ã¯ãããŸãããããããITãšããè¿å¹Žæ³šç®ãããŠãããã®ã«é¢ããŠãåãå
¥ããå Žé¢ãå°ãªãã£ãããäŒçµ±çã«ITãšã¯ç¡çžã®ã¢ããã°ã®å Žæã ããšããããšã¯å°ãªããšãèšãããã§ãã
ä»ã®ä»äºã¯ãITãåãå
¥ããããç°å¢ãæŽã£ãŠããããã§ã¯ãããŸãããããããITãåãå
¥ããããšãã§ããã°ãæ··æ²ãæãåºãããšæããŸããã
ã»æ··æ²ãšã¯
æ··æ²ãããã¯ã ããªéšåã§ãããã©ãã¯ãªéšåã§ããç®ã«èŠããªãéšåã§ããããããªããšããåœãŠã¯ãŸããŸããç§ã®è·å Žã¯ãITããªããªãåãå
¥ãããããšããããšã«å ããITã«å¯ŸããŠåãå
¥ããããšããæ°æŠãå°ãªãããšããããŸãããã ãããã§ãç§ã®è·å Žã¯ITãåãå
¥ããŠããæ¹ã ãšããããšãæè¿ããããŸããã
ã€ã³ã¿ãŒãããã䜿ãããšã§ããå¹çããè¯ããªãããšããããŸããå¹çã¯ãå±¥ãéããŠããŸããšããšãã§ããªãæ¹åãžè¡ããããŸããããããã§ãå¿
èŠãªããšã«ã¯å€ãããããŸããããå¹çãè¯ãæ¹ãä»äºçãäžãããšããã®ã¯åœãããŸãã®ããšã ãšæããŸãã
ã»ããã¬ãªã³ã®èšè
å¹çãå±¥ãéãããšã¯ãã©ãããããšãã
ããã¬ãªã³ã®èšèããç§ã¯å¥œãã§ããããæãéšäžã®å
µå£«ããèªåã®éŽã磚ããŠãããŸããã§ããããããèŠãããŠã
ãã©ãããŠãããªã«æ±ãéŽãªã®ãã綺éºã«ããªããããšèª¬ãããšããã
å
µå£«ã¯
ãæŠããçµãããã©ããæ±ããªãã
ããããããªã®ã«ãã©ãããŠç¶ºéºã«ããå¿
èŠãããã®ãããšèšããŸããã
å
µå£«ã®èšèãèããããã¬ãªã³ã¯ãããèšããŸãã
ãªãã»ã©ã
ãåã¯ãã©ããªã«é£ã¹ãããšãããããè
¹ã空ããŠããŸããªïŒ
ã§ããã°ãé£äºãªããããªããŠè¯ãã ãããä»æ¥ã¯ã¡ã·ã¯ç¡ãã ã
ãã£ãããã§ããå¹çãç®æããããæåããããªãã»ããããã
çµæãåããªããäœãããªãã®ã§è¯ãã§ã¯ãªããã
ããããããšã§ã¯ãªãã§ãã倧äºãªããšã¯ãããã¹ãã§ãã
ãããŠãããã«ãŠãŒã¢ã¢ã亀ããã¹ãã§ãã
ç§ã¯ããããITã§å®çŸãããã§ãã
人éã¯ã©ããæ»ã¬ãã ãããåŠã¶å¿
èŠã¯ãããïŒãšèããŠããŸãããšã«ã
ã¬ã³ãžãŒã®èšèã§ã
ææ¥æ»ã¬ãšæã£ãŠçããªãããæ°žé ã«çãããšæã£ãŠåŠã³ãªããã
ãšããåèšããããŸãã
ç§ã¯ãããæã£ãŠåŠãã§ããŸãã
ITã¯ããããŸã§ã®äººéã®äœæ¥ãæ Œæ®µã«å¹çãããããããšãã§ãããšæãã®ã§ãããããã¯ãããŸã§ïŒã€ã®å©ç¹ã§ãã
ITã ããããå¯èœã«ã§ããããšãå¢ãããŠããããšãå¿
èŠã ãšæããŸãã
ã»äººéã®ä»äº
ITãé²æ©ããããšã«ãã£ãŠãä»ã®ä»äºããªããªããªã©ãšãã話ãèããããšããããŸããæè²ããçŸè¡ãé³æ¥œãªã©ã¯ç¡ããªããªããšã¯ãããŠããŸãããä»ãããã人工ç¥èœã§äººéã«åã£ãŠä»£ãã£ãŠããŠãããšæããŸãããããããä»ããä»äºã¯ãªããªããšãã»ã»ã»ã
ã§ãããã®åæ°ãã«äººéã®ã§ããä»äºãããããå¢ããã®ã§ã¯ãªãã§ããããã確ãã«ãä»ããä»äºã®å€ãã¯AIãªã©ã«ãã£ãŠä»£æ¿ããããšãã§ãããšã¯æããŸãããçŸåšãååšããŠããªãè·çš®ãè·æ¥ãããããå¢ããŠãããšèããŠããŸãã
ä»ãç§ããã³ãã§ãŠããŠããããšã¯ã人éãæ©æ¢°ã«ã³ã³ã¿ã¯ãããšãæ¹æ³ã®æãããŒã·ãã¯ãªããšãã€ãŸã人éãšæ©æ¢°ã®æ©æž¡ãã«ãªãã®ã§ã¯ãªãããšæããŸãã
ã»ããããã®äººé
ããšæ°å幎ãããŠã°ãããã°ã©ãã³ã°èšèªãç¥ããªããŠããæäœã§ããããã«ãªã£ãŠãããããããŸããã
é ã§èããããšããWebãµã€ãã§äžç¬ã«äœæã§ããããèšèã ãã§åœä»€ããŠã²ãŒã ãäœããããäŒè©±ãããªããŠã誰ããšææçéã§ããéèšèªãæ¥åžžã«ãªããããããŸããã
åç©ãšããŠã®äººé¡ã¯ãé²åãéãããšèšãããããšããããŸãã
ã§ã¯äœãé²åããŠããããããã¯ç§åŠã§ãã
äŸãã°ãã¹ããŒããã©ã³ã¯ç¬ãéã«ç§ãã¡ã®æ¥åžžã«æº¶ã蟌ã¿ã
ãŸãã«äººéã®ç掻ã®äžéšã«ãªã£ãŠããŸãã
ãããŠãç§ãã¡äººéã®çãæ¹ã«é¢ãã£ãŠããã®ã§ããã°ããã®ITãšããåéã¯ã人éã®é²åã®äžéšã§ã¯ãªãã§ããããã
æ©æ¢°äººéãç§ã¯ãããã¯äººéã®é²åã ãšèããŠããŸãã
ç§ã¯ããããªæªæ¥ãã¡ãã£ãšå¯ããæ°æã¡ãããŸãã
ã§ãããããæªæ¥ã§ã¯ãªãããšæããŸãã
â¡ââ§ãHTMLãâ¢ââ€
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="box.css" />
<title>BOX</title>
</head>
<body>
<div class="box1">
<div class="box2"></div>
</div>
</body>
</html>
æ©ããããäœãããã»ã»ã»ïŒ
ã»çµäºã¿ã°ã®å¿ èŠã®ãªããã®
çµäºã¿ã°ãå¿ èŠã®ãªããã®ã¯ããã¡ãã§ãã
<img>ïŒç»åã衚瀺ãã
<br>ïŒæ¹è¡
<img>
ããã¯ãç»åã衚瀺ããã¿ã°ã«ãªããŸãã
ãããããã¡ããã§ãããã©ããªç»åã§ããããæå®ããŠãããªããã°ãªããªãã®ã§ãããã»ã»ããããšã
![](https://assets.st-note.com/img/1661595830490-nVoIncf4tk.jpg?width=1200)
ãã®ç»åãéããšã
![](https://assets.st-note.com/img/1661596219447-Y7PLI8OJiD.png?width=1200)
äžã®å Žæã«ã
andras-vas-Bd7gNnWJBkU-unsplash.jpgããšæžãããŠããŸããã
ïŒâã¡ãªã¿ã«ãããã¯ãµã³ãã«ãªã®ã§ãæŒããŠãäœãèµ·ããŸãããïŒãã®æ¡åŒµå.jpgã®ãã®ããæå®ããã®ã§ããããªã®ã§ã
<img>
ãããé²åãããšã»ã»ã»ã
<img hrefã= "andras-vas-Bd7gNnWJBkU-unsplash.jpg">
ãã®ãããªæãã«ãªããŸãã
<img href = "andras-vas-Bd7gNnWJBkU-unsplash.jpg">
ãã®ãšããhref =
ããã¯ããã€ããŒã¬ãã¡ã¬ã³ã¹ãšããæå³ãããã§ãã
ãã€ããŒãã€ããŠããã®ã§ãäœãããããã®ã§ããïŒïŒåç®ïŒ
ãšãããããããã¯ãããåç
§ãïŒïŒïŒãšããæå³ã§ãã
ããã«ã¯ãªãŒããŒã·ã§ã³ããŒã¯ïŒ""ïŒã§å²ãŸãããšãããããã®ç»åã®äœæã«ãªããŸããããã§ãæå®ããããšãã§ããã®ã§ããããã§ããã
ããããæšä»ã®äžã®äžã¯ããã§ã¯ãããªããšããããšã§ããã€ãŸããç»åãèªã¿èŸŒããªãå Žåã¯äœã«ãæ
å ±ãåŸãããªããšããããšã«ãªã£ãŠããŸãã®ã§ãããªã®ã§ã代ãã身ãçšæããŠãããå¿
èŠããããŸãã
AltããŒãªãã¬ãaltãæ¿å
¥ã§ãã
<img hrefã= "andras-vas-Bd7gNnWJBkU-unsplash.jpg">
ãããé²åïŒ
<img hrefã= "andras-vas-Bd7gNnWJBkU-unsplash.jpg" alt = "ããœã³ã³ç»é¢ã§ãã">
ããã«ãã£ãŠãããç»åãçŸããªããªã©ã®ãã°ãèµ·ããŠãã
"ããœã³ã³ç»é¢ã§ãã"ã®ããã«ã¯ãªãŒããŒã·ã§ã³ããŒã¯ã§å²ãŸããéšåã®æåã衚瀺ãããããšã«ãªãããã§ãã
href =
ããã¯ããã€ããŒã¬ãã¡ã¬ã³ã¹ã§ããããããããã䜿ãããã¿ã°ãšããŠã
<a>
<a href="https://sample.io/">ãã³ãã§ãŠ</a>
ããã¯ããã€ããŒãªã³ã¯ãæå®ããã¿ã°ã§ãã©ãã®äœæãæå®ããããšãããšãã«ãhref = " "ã䜿ããŸãã
ä»æ¥ã¯ããããŸã§ã§ãããæèªããã ããããããšãããããŸããã
â ãããŸã§ â
ãã¡ãããæèªããŠããã ãããšãããããããããã¡ããµãããããã§ãã
ãã®èšäºãåå ããŠããåé
å°ããã€ã§ãããæçš¿ãããŠãããŸãã ïœïœïœïœ ã§èª°ãã®ããã«ãªãèšäºãæžããŠããŸãã ããããããããããŸãã