ã豪è¯9æéãæ€çŽ¢é äœUPïŒã¬ã¹ãã³ã·ãWEBãã¶ã€ã³1æ¥ããŒããã£ã³ãâ
ã€ãã³ãå 容

çæéã§WEBãã¶ã€ããŒïŒãšã³ãžãã¢ã¹ãã«ãåŠã¶ãããã¹ã¯ãŒã«ã®1æ¥ééäžããŒããã£ã³ãã§ããæ³äººåãã®ç ä¿®ãè¡ã£ãŠãããŸãã
â1æ¥ïœ2æ¥ã§ãã¶ã€ã³ãããã°ã©ãã³ã°ãåŠã¶ã¯ãŒã¯ã·ã§ãããéå¬ãããããã¹ã¯ãŒã«
âæ³äººç ä¿®
éå¶å£äœã¯ãäžèšURLãèŠãã°åããããã«ãã¶ã€ã³ã«ç¹åããäºæ¥ãè¡ã£ãŠãããå®å¿äžããã
âæé¡6äžåã§WEB/å°å·ç©/å¶æ¥è³æã®ãã¶ã€ã³ãäŸé ŒãæŸé¡ã«ãªããããã¹ã¿ãã
ïŒãããªããšãåŠã³ãŸãïŒ
åŠã¹ãå
容ã¯ãPCãšã¹ãããµã€ããåãHTMLã§åæçæã§ãã
泚ç®ã®ã¬ã¹ãã³ã·ããŠã§ããã¶ã€ã³ã®ã³ãŒãã£ã³ã°æ¹æ³ã§ãã
çŸåšã®Googleã®æ€çŽ¢çµæã¯ãWEBãµã€ãã®
ã¢ãã€ã«ãã¬ã³ããªãŒåãé äœå€åããèŠå ã®äžã€ãšãããŠããŸãã
ãã®ã¹ããæé©åããææ®µã®äžã§GoogleãäžæŒãããŠããã®ãã
ãã®è¬åº§ã§æããŠãããã¬ã¹ãã³ã·ãwebãã¶ã€ã³ãã§ãã
ã¬ã¹ãã³ã·ãWebãã¶ã€ã³ã®ç¹åŸŽãšããŠã¯ãåŸæ¥ã®ã³ãŒãã£ã³ã°ã®ããã«
PCãšã¹ãããšã§å¥ã
ã®HTMLãœãŒã¹ãèšè¿°ããããšãªã
1ã€ã®HTMLãœãŒã¹ã§èšè¿°ãå®çµããã®ã§æŽæ°ãä¿®æ£ã«å²ãæéãå°ãªããªããŸãã
3æéã®è¬åº§ãšæ¯èŒãããšè¥å¹²å²é«ã«æããŸããã
1æ¥ééäžã§9æéã®ã¬ãã¹ã³ãåãããã®ã§æéæç®ãããšå®ãã§ãã
ãããä»ãªãäžèšã®ç¹å
žãä»ããŠããŠå€§å€ãåŸã§ãã
â
âåå ç¹å
žââ
ã»åè¬åŸ1ã¶æä»¥å
ã¯åŸ©ç¿å
容ã«ã€ããŠãã£ããorã¡ãŒã«ã§è³ªåãæŸé¡âª
ã»2人以äžåæåå ã§äººæ°åã®1000åã®ã¯ãªã«ãŒããèŽåâª
ã»åè¬åŸ1ã¶æä»¥å
ã«ãªã³ã©ã€ã³ã¡ã³ã¿ãŒã«ç³èŸŒã¿ã§æéãæå€§å
šé¡ãã£ãã·ã¥ããã¯
â»ãªã³ã©ã€ã³ã¡ã³ã¿ãŒã¯ããŒããã£ã³ãåå åŸã«å
¥äŒããæ€èšäžããã
ã¬ã¹ãã³ã·ããŠã§ããã¶ã€ã³ãäœããããšã«ãªãã¡ãªããâ
ãã¬ã¹ãã³ã·ããŠã§ããã¶ã€ã³ïŒresponsive web designïŒãšã¯ãPCãã¿ãã¬ãããã¹ããŒããã©ã³ãªã©ã®ç»é¢ãµã€ãºãç°ãªã端æ«ã§WEBãµã€ãã«ã¢ã¯ã»ã¹ãããšãã«ã
端æ«ã®æšªå¹
ã«å¿ããŠããŒãžã®ã¬ã€ã¢ãŠãã»ãã¶ã€ã³ãæè»ã«èª¿æŽããæ°ããã³ãŒãã£ã³ã°æ¹æ³ã§ãã
åŸæ¥ã®ã³ãŒãã£ã³ã°ã§ã¯ãPCãšã¹ããã§å¥ã
ã®HTMLãäœæããããšãäžè¬çã§ããããã¬ã¹ãã³ã·ããŠã§ããã¶ã€ã³ã§ã¯ãCSS3ïŒMedia QueriesïŒã䜿ã£ãŠç»é¢ãµã€ãºã«å¿ããã¬ã€ã¢ãŠã倿Žãå¯èœã«ãªãã®ã§1ã€ã®HTMLãã¡ã€ã«ã ãã§æžã¿ãŸãã1ã€ã®HTMLãã¡ã€ã«ã«ãªãããšã§ãã³ãŒãã£ã³ã°ã«ãããæéãççž®ã§ããããããŒã¿ã®æŽæ°æ§ã楜ã«ãªã£ãããPCãšã¹ããã§URLã忣ããããŠãŒã¶ãŒã«èŠªåãšããã¡ãªãããããããããŸããã
ïŒç¿åŸå¯èœãªã¹ãã«ïŒ
åºç€ããå¿çšãŸã§ã1æ¥ïŒèš9æéïŒã«çã蟌ãã§ããã®ã§ã
çæéã§æ¬¡ã®ãããªããšãåŠã³ãŸãã
1.ã¬ã¹ãã³ã·ãWebãã¶ã€ã³ã®åºæ¬
ã¬ã¹ãã³ã·ãWebãã¶ã€ã³ã®åºæ¬ãåŠãã§ãŠã©ãŒãã³ã°ã¢ãããè¡ããŸãã
2.ã¬ã¹ãã³ã·ãWebãã¶ã€ã³çšã®HTMLäœæ¥
ã¬ã¹ãã³ã·ã察å¿ãããããã«å¿
èŠãªããŒã¯ã¢ããã«ã€ããŠåŠã³ã
å®éã«æãåãããŠã³ãŒãã£ã³ã°ããŠããããŸãã
3.ã¬ã¹ãã³ã·ãWebãã¶ã€ã³çšã®CSSäœæ¥
ã¬ã¹ãã³ã·ã察å¿ãããããã«å¿
èŠãªã¹ã¿ã€ã«ã·ãŒãã«ã€ããŠåŠã³ã
å®éã«æãåãããŠã³ãŒãã£ã³ã°ããŠããããŸãã
â»ã³ãŒãã£ã³ã°äžå¿ã®è¬åº§ã®ãããã¶ã€ã³äœæ¥ã¯è¡ããŸããã
ãã¶ã€ã³äœæ¥ã1æ¥éäžã§ãã£ãããšåŠã³ãããšãæ¹ã¯ã
奿¥ã«éå¬ããŠããã売äžåå¢ïŒã©ã³ãã£ã³ã°ããŒãž1æ¥ããŒããã£ã³ãâããåè¬äžããã
ïŒãããã質åïŒ
Q.è¬çŸ©ã®æéã¯æ±ºãŸã£ãŠãŸããïŒ
A.è¬çŸ©åœ¢åŒã®ææ¥ã¯1æ¥9æéãšæ±ºãŸã£ãŠããŸãã
9ïŒ00éå§ïœ19ïŒ00çµäº â»ãæŒäŒæ©ã1æéçšæã¿ãŸãã
Q.åå¿è ã§ãããåå ããŠã倧äžå€«ã§ããïŒ
A.ã¯ãããã¡ããå¯èœã§ããã«ãªãã¥ã©ã ã®é£æåºŠã¯ãç°¡åãªåºç€äœæ¥ã¯åºç€ã«è¡ããå¿çšäœæ¥ãäžå¿ã«è¡ããŸãã®ã§å°ãé£ããå
容ãå«ãŸããŸããã
å®è·µçãªããšãåŠã³ããã®ã§ããã°æºè¶³ããã ããããšåããŸãã
Q.ãã£ã³ããšããååã§ãããããŒããã¥ãŒããã³ããªã©ã§å¯æ³ãããããã§ããïŒ
A.ç³ãèš³ããããŸããããåœç€Ÿã®ãã£ã³ããšããã®ã¯çæéã§éäžããŠã¹ãã«ã¢ãããè¡ããšããæå³ã§ãé£äºãå®¿æ³æœèšã®æäŸã¯ããããŸããã
ããé æ¹ãããè¶ãã«ãªãæ¹ã¯åèªã§å®¿æ³æœèšã®æé
ãããã ããããé¡ãããŸãã
ä»ã«äžæç¹ãªã©ããã°ãæ°è»œã«ã¡ãã»ãŒãžããéãäžããã
â åå è²»
29,160å
ã»ã¬ãã¹ã³è²»çš
ã»ã¬ãã¹ã³ææè²»çš
ã»ã¬ãã¹ã³äŒå Žè²»çš
以äžå
šãŠãå«ãŸããŠãããŸãã
â ãããªæ¹ã察象ãšããŠããŸã
ã»ã¹ãã察å¿ããHTMLã³ãŒãã£ã³ã°ã¹ãã«ãåŠã³ããæ¹
PCãµã€ããšã¹ãããµã€ãã«å¯Ÿå¿ããã¬ã¹ãã³ã·ãWEBãã¶ã€ã³ã®æè¡ãçæéã§åŠã¹ãŸãã
ã»ã¬ã¹ãã³ã·ãWEBãã¶ã€ã³ã«èå³ãããæ¹
äžççã«èŠãŠãå¶äœéèŠã幎ã
å¢ããŠããã¬ã¹ãã³ã·ãWEBãã¶ã€ã³ã¯èŠããŠãããšä»äºã®å¹
ãåºãããŸãã
ã»ããœã³ã³ã¹ã¯ãŒã«ã«éããéããªãæ¹
äžè¬çãªããœã³ã³ã¹ã¯ãŒã«ã¯ãåããããªã³ãŒã¹ã§2ïœ5åè¿ãéé¡ãããããŸãããçæéãã€éå¶è²»çšãæãããšã§å§åçãªäœäŸ¡æ Œã§æäŸããŠããŸãã
ã»ããœã³ã³ã¹ã¯ãŒã«ã«éãæéããªãæ¹
äžè¬çãªããœã³ã³ã¹ã¯ãŒã«ã¯ããã£ãããšå¹
åºãæããããåè¬æéãé·ãã§ãããå¶äœå¯Ÿè±¡ç©ã決ããŠèŠç¹ãçµã£ãŠæããããçæéã«åçž®ããŠããŸãã
â»æãå
¥ããŸããåœè¬åº§ã¯ãè¬åž«ãã¹ã¯ãŒã«æ¥ãªã©
åæ¥ã®æ¹ã®åå ã¯ãæãããŠãããŸãã
â åå ã®éã®çæäºé
ïŒæã¡ç©ïŒ
ä»¥äžæåç©ããæºåäžããã
1.ç¡ç·LAN察å¿ã®ããŒãããœã³ã³ïŒWindowsã»Macäž¡æ¹OKïŒ
â»é·æéã®è¬åº§ã®ãã黿ºã¢ããã¿ãŒããæåãã ããã
2.ã€ã³ã¹ããŒã«æžã¿ã®ããã¹ããšãã£ã¿
æåã³ãŒããutf-8ã§ä¿åã§ããããã¹ããšãã£ã¿ã
ã€ã³ã¹ããŒã«ãããŠãã°OKã§ãããå¯èœãªéã玹ä»ããŠãã
髿©èœãªããã¹ããšãã£ã¿ãæºåäžãããïŒWindowsã®ã¡ã¢åž³ã¯NGïŒ
ããã¹ããšãã£ã¿ããæã¡ã§ãªãå Žåã¯ã
以äžã®ããããã®ãµã€ãããã€ã³ã¹ããŒã«ããŠãããŠãã ããã
â»å
šãŠç¡æã§ãããåœæ¥ããã¹ããšãã£ã¿ã®äœ¿ãæ¹ã¯èª¬æããŸããã®ã§ã
äºåã«ãèªèº«ã§è§Šã£ãŠæ
£ããŠããã ããããé¡ãããŸãã
å ¥åäœæ¥ãå€ããã玹ä»ããŠããããã¹ããšãã£ã¿ã®ããã«äºæž¬å€æã³ãŒããããã»ããæãŸããã§ãã
BracketsïŒWin&Mac察å¿ïŒ
http://brackets.io/
atomïŒWin&Mac察å¿ïŒ
https://atom.io/
Sublime textïŒWin&Mac察å¿ïŒ
http://www.sublimetext.com/3
3.ã€ã³ã¹ããŒã«æžã¿ã®Google Chrome
4.ã¬ãã¹ã³ææ
åœæ¥ãŸã§ã«PDFããŒã¿ãé
åžããŸãã®ã§ãèªèº«ã®ããœã³ã³ã«ããŠã³ããŒãããŠãæåãã ããã
ïŒé
å»ã»æ¬ åžã«ã€ããŠïŒ
é
å»ã«ã€ããŠã¯ãéäžåå ã¯ïŒ¯ïŒ«ã§ãããè¬çŸ©ã«å¯Ÿããçè§£ãäœããªãããšãšã
è¬çŸ©éå§åŸã¯é»è©±ãã¡ãŒã«ãªã©ã«å¯Ÿå¿ã§ããªãå¯èœæ§ãããããŸãã®ã§ãçæäžããã
æ¬ åžã«ã€ããŠã¯ãè¬åž«ã®éœåã§éå¬ã§ããªããªã£ãå Žåãé€ãè¿é察å¿ãé£ããã®ã§ãçæäžããã
忥ãŸã§ã«åå ãé£ããããšãåãããé£çµ¡ããã ããå ŽåãçŽè¿ã§åãã³ãŒã¹ã®é嬿¥ã«1åã«éãæ¯æ¿ããããšã¯å¯èœã§ãã
ïŒãã®ä»ïŒ
åœè¬åº§ã¯ãããœã³ã³èªäœïŒWindowsã»MacïŒã®åºæ¬æäœã¯ã¬ã¯ãã£ãŒããŸããã®ã§äºããäºæ¿äžããã
ïŒåºæ¬æäœã®äŸïŒããŒããŒãã®å
¥åãã³ããŒïŒããŒã¹ãã®æ¹æ³ããã©ã«ãã®çæãªã©ïŒ
â åœæ¥ã®æµããšã¿ã€ã ã©ã€ã³
æèŠæé : 9ïŒ00ïœ19ïŒ00ïŒ9æéã®è¬åº§ïŒ
â»ãæŒäŒæ©ã1æéçšæã¿ãŸãã
å
容 :HTMLãšCSSãäžå¿ã«åŠã³ãŸãã
ã»HTML5ãšCSS3ã®åºæ¬(çŽ1æé)
ã»ã¬ã¹ãã³ã·ãWebãã¶ã€ã³çšã®HTMLäœæ¥(çŽ2æé)
ã»ã¬ã¹ãã³ã·ãWebãã¶ã€ã³çšã®CSSäœæ¥(çŽ6æé)
â åè¬çã®å£°
å¥³æ§ 30代
ãã®è¬åº§ã¯ãå®è·µçã§å¹ççã倧倿ºè¶³âªãã§ãã
å¥ééå¬ããŠããhtml5ã»css3ã®è¬åº§ãåè¬ããåŸã«åå ããŸããã
ãªã®ã§ãåããããããŠå€§å€æºè¶³ã§ãããæ®æ®µã¯Webãã£ã¬ã¯ã¿ãŒãããŠããŸãã
ã¬ã¹ãã³ã·ãã®ç¥ãããã£ããã€ã³ããç¶²çŸ
ãããŠããŠãå
å®ããå
容ã ã£ããšæããŸãã
topãšäžå±€ããŒãžãšã§3ããŒãžã³ãŒãã£ã³ã°ããŸããã1æ¥ã§ãµã€ãå
šäœãå¹çè¯ãçè§£åºæ¥ããšæããŸãã
ããã¹ããªã©ã®ææããšã£ãŠãäžå¯§ãªã®ã§ãå®¶ã§ãã埩ç¿ããŠæ©éå®è·µã§åœ¹ç«ãŠããããã§ããããããšãããããŸããïŒ
å¥³æ§ 40代
ãã®è¬åº§ã¯ãç¥ãããããšãåŠã¹ãŸãããã§ãã
äžå¯§ã«äœãããææã§ã質ã®é«ãææ¥ãåããããŸããã
åŠç¿ç°å¢ãéãã§è¯ãã£ãã§ãã
â æ åœè¬åž«
å®éšãæºæ
nomad staffïŒãããã¹ã¿ããïŒã代衚
éå»ã«èªãã嵿¥ããWEBå¶äœäŒç€ŸïŒæ¢ã«è²æž¡æžïŒã§500瀟以äžã®æ¡ä»¶ã«æºãã£ãçµéšãæã€10幎以äžã®å®åçµéšè
ã
WEBãã¶ã€ã³ãå°å·ç©ãã¶ã€ã³ãå
ã
åŸæã§ãæè¿ã¯Ruby on Railsãªã©ã§WEBãµãŒãã¹ã®ããã°ã©ãã³ã°ãããªãã¯ãªãšã€ã¿ãŒã
â å©çšèŠçŽ
ãåå ããã ãã«ããããäžèšURLã®èŠçŽã«åæãããã®ãšã¿ãªãããŠããã ããŸããäºããäºæ¿äžããã



泚æäºé
â» ãã¡ãã®ã€ãã³ãæ å ±ã¯ãå€éšãµã€ãããååŸããæ å ±ãæ²èŒããŠããŸãã
â» æ²èŒã¿ã€ãã³ã°ãæŽæ°é »åºŠã«ãã£ãŠã¯ãæ å ±æäŸå ããŒãžã®å 容ãšå·®ç°ãçºçããŸãã®ã§äºããäºæ¿ãã ããã
â» ææ°æ å ±ã®ç¢ºèªãåå ç³èŸŒæç¶ããã€ãã³ãã«é¢ãããåãåããçã¯æ å ±æäŸå ããŒãžã«ãŠãé¡ãããŸãã

ãåãåãã
é¢é£ããã€ãã³ã

4/26ãçŸåœ¹ãšã³ãžãã¢ã®ç¡æãã£ãªã¢çžè«ä»ããAIç«¶äºã§éèŠæ¥å¢äžã®ãPythonããåŠãã§ãã£ãªã¢ã¢ãããç®æãã in æ±äº¬
2026/04/26(æ¥) éå¬
5/16ãçŸåœ¹ãšã³ãžãã¢ã®ç¡æãã£ãªã¢çžè«ä»ããAIç«¶äºã§éèŠæ¥å¢äžã®ãPythonããåŠãã§ãã£ãªã¢ã¢ãããç®æãã in æ±äº¬
2026/05/16(å) éå¬
5/5 çæAIè¬åº§ãéè¬ïŒPythonã§AIã䜿ã£ãã¢ããªãäœæããæ¹æ³ãåŠã¶ç¡æäœéšè¬åº§ in æ±äº¬
2026/05/05(ç«) éå¬
5/24ãçŸåœ¹ãšã³ãžãã¢ã®ç¡æãã£ãªã¢çžè«ä»ããAIç«¶äºã§éèŠæ¥å¢äžã®ãPythonããåŠãã§ãã£ãªã¢ã¢ãããç®æãã in æ±äº¬
2026/05/24(æ¥) éå¬
ã·ã¹ãã ã®ä¿å®æ§ãåäžïŒãã¢ãŒããã¯ãã£è§£æããŒã« ãLattix ã玹ä»WEBã»ãããŒ
2026/05/15(é) éå¬- TOP
- ã€ãã³ã
- ã豪è¯9æéãæ€çŽ¢é äœUPïŒã¬ã¹ãã³ã·ãWEBãã¶ã€ã³1æ¥ããŒããã£ã³ãâ
