æ°ãä»ãã°äºæã倧åé£äŒãçµç€ã§ããã¯ãã¯ãæ©ããã®ã§ããâŠâŠïŒïŒ
ããŠããŠTwitterã®æ¹ã§ã¯äœåºŠãèšåããŠããã®ã§ãããäžææ«ã«èäœã販売ãšãªããŸãããåèã§ã¯ãªãããããããããšå€§ç«¹åæãã @Bamboo_Cãå°å·è£ä¹ãã @barchinãäžæ±äº®ãã @brdr_slash ïŒæžç±çœ²åæ²èŒé ïŒããšã®å ±èã§ãã
ãã¡ãçããã®å·çå ±åèšäºã§ããïŒãã£ã¡ã¯å ¬éæ¥æé ïŒ
- 倧竹ãã: å ±èã§ãçŸå Žã®ãããæãã HTML + CSS ã³ãŒãã£ã³ã°ã®ææ°åžžèããå·çããŸãã
- äžæ±ãã: ãçŸå Žã®ãããæããHTML+CSSã³ãŒãã£ã³ã°ã®ææ°åžžèããå ±èã§å·çããŸãã / Border
- å°å·ãã: ãçŸå Žã®ãããæããHTML+CSSã³ãŒãã£ã³ã°ã®ææ°åžžè ç¥ããªããšå°ãWebãã¶ã€ã³ã®æ°ã«ãŒã«4 ããå·çããŸãã â Design Spice
ã©ãŒããšã¢ãã£ã貌ã£ãŠãããŸããã¿ããªïŒãè²·ã£ãŠããããªïŒ
å 容
HTML/CSSã³ãŒãã£ã³ã°ã®è©±ã§ããJavaScriptã¯ã»ãšãã©åºãŠããŸããã
ãããŸã§çŸå®çã«æŽ»çšããŠããå 容ãªã®ã§ãã³ã£ãã³ãã®æå ç«¯ãªæè¡ãšããã®ããããªã«ç޹ä»ããŠããŸãããïŒJavaScriptã®æªæ¥ã®è©±ã¯éåŠçã«æžãããïŒãããããã®ã£ãŠæ¬ãšããŠäœã£ãŠãã©ããããå»ãããå€ãã£ããããããã¢ã¬ãããªãããããããžã§ã¯ãã«ãå°å ¥ãã¥ããããã
å€ãããæ°ãããããå®éçãªçšåºŠã®å 容ããªããšæã£ãŠãŸãã
ãã¡ãã§èªé¢ã®èŠæ¬ãèŠãããŸãããµã³ãã«ã³ãŒããšæ£èª€è¡šãã
ç®æ¬¡ã¯ãŸãã£ãšè»¢èŒããšããŸããã
ãç®æ¬¡ã
âIntroductionãæè¿ã®ã³ãŒãã£ã³ã°ã®æœ®æµ
01ãçŸåšã®çŸå Žã«ãããã¢ãã³ãªã¯ãŒã¯ãããŒâCHAPTER1ãç®çã«åãããã³ãŒãã£ã³ã°ã®ç°å¢æŽå
01ãNode.jsãšRubyã®ç°å¢ãæŽãã
02ãããŒãžã§ã³ç®¡çã·ã¹ãã Gitã®ã€ã³ã¹ããŒã«ãšäœ¿ãæ¹
03ãæ€èšŒãæ¥œã«ããŠãããããŒã«
04ãä»®æ³ç°å¢ãæ§ç¯ãã
05ãããã±ãŒãžãããŒãžã£ãŒã®äœ¿ãæ¹âCHAPTER2ãHTMLã³ãŒãã£ã³ã°
01ãHTML5ã§ã®ããŒã¯ã¢ãã
02ãççž®èšæ³ã§é«éã³ãŒãã£ã³ã°
03ããã©ãŒã é¢é£ã®æ°æ©èœ
04ãHTML5ã«ã¹ã¿ã ããŒã¿å±æ§ã®æå¹æŽ»çš
05ãSVGã§ãã¯ã¿ãŒã°ã©ãã£ãã¯ãæç»ãã
06ãé³å£°ãšæ åãWebããŒãžã«åã蟌ã
07ãCanvasã§åºããæ°ãã衚çŸã®äžç
08ãã»ãã³ãã£ãã¯Webã®ããã®æ§é åããŒã¯ã¢ãã
09ãSNSã®ã·ã§ã¢ãã¿ã³ãèšå®ãã
10ãHTML5ã§ã®ãã«ãããã€ã¹å¯Ÿå¿
11ãä»ããå§ããWebã¢ã¯ã»ã·ããªãã£âCHAPTER3ãCSSã³ãŒãã£ã³ã°
01ãSassã»LESSãªã©ã®CSSããªããã»ããµ
02ãã¹ã¿ã€ã«ã¬ã€ããäœæãã
03ãã¬ã¬ã·ãŒãã©ãŠã¶ãžã®å¯Ÿå¿
04ãCSSã®ã»ã¬ã¯ã¿ã䜿ãããªã
05ãCSS3ã§è¿œå ãããããããã£
06ãWebãã©ã³ããæŽ»çšãã
07ãCSS3ã®ã¢ãã¡ãŒã·ã§ã³ã掻çšãã
08ãMedia Queriesã䜿ã£ãã¬ã¹ãã³ã·ãWebãã¶ã€ã³
09ãCSSãã¬ãŒã ã¯ãŒã¯ã®å°å ¥æ¹æ³ãšäœ¿ãæ¹
10ã管çããããç Žç¶»ããªãCSSèšèšã®ææ³âCHAPTER4ãæé©åã»æ€èšŒ
01ãã¿ã¹ã¯ã©ã³ããŒã§å®åäœæ¥ãèªååãã
02ã衚瀺ããã©ãŒãã³ã¹ãæé©åãã
03ããã©ãŠã¶ã«æèŒãããŠããæ€èšŒããŒã«ãå©çšããâCHAPTER5ããã®ã»ãããå©çšãããæè¡ã»ããŒã«
01ãHTMLãã³ãã¬ãŒãã®ããã®ãã³ãã¬ãŒããšã³ãžã³
02ãéçãµã€ããžã§ãã¬ãŒã¿ã§é«éWebéçº
03ãå¹çããã³ãŒãã£ã³ã°ãé²ãããšãã£ã¿ïŒIDEïŒç޹ä»
04ãäœæ¥ã®æéã軜æžãã䟿å©ããŒã«
05ãæè¿ã®JavaScriptã®ååãçè§£ããAPPENDIXãã³ãã³ãã©ã€ã³æäœ
INDEX
é»ãç»é¢
ãããããŒãããŒã«é¢ä¿ã§ã¡ããã¡ãããšåºãŠããŸãã
ãã ããŒé£ããããŒé¢åã ããŒãšããèãã®çæ§ãããããããšã¯æããŸããããããŸã§æã ãå®éã«çŸå Žã§äœ¿ã£ãŠããç¥èãšãããšãããªæãã«ãªããŸãããæžãæ¹ã¯é 匵ã£ãŠãããããããªã£ãŠããã¯ãã§ããâŠâŠã
AmazoneèšèŒã®ç®æ¬¡ã«ã¯å«ãŸããŠããªãã®ã§ãããå·»æ«ã®æ¹ã«ä»é²æ±ãã§ãé»ãç»é¢ãã«ã€ããŠè§ŠããŠãŸããããã«ãããªç»åãèŒããŸããã
GUIïŒæ®éã®ç»é¢ïŒãšã¯æäœäœç³»ãç°ãªãã ãã§ãã§ããäºã¯ãããªã«éããªãããŒããããªãããŒã£ãŠæãã®äºãèšãããã§ãã
ãã ãWindowsã¯âŠâŠã
ãããŸã§ç޹ä»ããŠããã®ã¯Linuxã§ã®æäœã ãåãèŠæ ŒããæŽŸçããMacãåãããã«æ±ããã ããããããWindowsã¯äœç³»ããŸã£ããç°ãªãã®ã§ãæŠå¿µã¯äŒŒãŠããŠãã³ãã³ãã倧ããç°ãªã£ãŠããã éçºã«äŸ¿å©ãªã³ãã³ãã©ã€ã³ããŒã«ã®å€ãã¯Linuxåãã«éçºãããŠãããWindowsã®å Žåã¯ä»®æ³ãã·ã³ã«Linuxãã€ã³ã¹ããŒã«ãããã®äžã§ç°å¢ãæ§ç¯ãããšã¹ã ãŒãºã ã
ïŒæ¬æžãããïŒããããâŠâŠæ²ãããã©ããããçŸå®ã§ããå¥ã«Microsoftãæªããšããããã§ããªããã ãã©ãã
ä»®æ³ãã·ã³ã«ã€ããŠã¯ãLinuxã§ã¯ãªãWindowsã«ã€ããŠã ããã©ããæ¬æžChapter 1ã®04ãä»®æ³ç°å¢ãæ§ç¯ããããã§è§ŠããŠããŸãã
Linuxã®ã€ã³ã¹ããŒã«ãåºæ¬çã«ã¯åãæé ã ããã ãããGUIã§ã€ã³ã¹ããŒã«ã§ããã®ã§ïŒäŸãã€ã³ã¹ããŒã«å 容ã«GUIãå«ããªãå Žåã§ããïŒãããŸã§ã¯é£æåºŠãé«ãã¯ãªããšæããŸãããã¶ãã
ã¡ãªã¿ã«Linuxã«ã¯è²ã ãªçš®é¡ïŒãã£ã¹ããªãã¥ãŒã·ã§ã³ïŒããããã ãã©ãäœã§ãè¯ãã§ãããã æåã©ãããéžãã§ãããšãå©çšè ãå€ãïŒç¥èŠãå€ããªã®ã§ãå°ã£ããšãã«è§£æ±ºçãåŸãããã®ã§ãããããUbuntuã£ãŠã®ã人æ°ã¿ããã§ããç§ã¯Fedoraã£ãŠã®ã䜿ã£ãŠãŸããç¹å¥ãªçç±ã¯ãããŸããã
å šéšå®è·µããªããŠãããããã
æ¬æžã«éããªãç§èŠã§ãããäžã«ããµããçš®ã ã®æåãç¥èŠã®å šãŠãåãå ¥ããå¿ èŠã¯ãªããšæããŸãã
ããããã®ã£ãŠçµå±ãããçšåºŠäžè¬çãªåææ¡ä»¶ã«å¯Ÿããæé©è§£ãã§ããäžæ¹ã§çŸå®ã®ç¶æ³ã¯åå·®äžå¥ã§ããé©åãªææ³ãåã ã®ç¶æ³ã«å¿ããŠåæšéžæããå¿ èŠãããã¯ãã§ãã
çã®HTML, CSSã ãã§æžããããžã§ã¯ãã§ããã°é»ãç»é¢ã«æãåºãå¿ èŠããªããããããŸããããããã¯å€§èŠæš¡ãªãµã€ããæ§ç¯ããå Žåã¯æ§ã ãªäœæ¥ãèªååããæ¹ãå¹çãããããããããŸãããæ¢ã«æ±ºãŸã£ãCSSã®èšèšæ¹éããããæ¬æžã®å 容ãåèã«å€æŽããã®ã¯ã³ã¹ãããããããããããããŸãããã¬ã¬ã·ãŒå¯Ÿå¿ã®ããææ°ã®æè¡ã¯ïŒç©æ¥µçã«ã¯ïŒäœ¿ããªããããããŸããã
å¿ èŠãªãã®ã ããéžæããŠãã ããã
ãã ããããããžã§ã¯ãã«å°å ¥ãããã¯å¥ã«ããŠãäžéãç¥ã£ãŠãããæ¹ãè¯ããšã¯æããŸãããããªãããšãã§ããªããã§ã¯èãæ¹ã«å·®ãåºãŸãããã
ã€ãã³ã
ãšãŸããããªããã§çºå£²ããã²ãšæåçšçµã¡ãŸãããèšå¿µã€ãã³ããå¬ãããäºå®ã§ããç§ä»¥å€ã®äžäººããæ¬æžã«é¢é£ããŠæè¡ã®ã話ãªã©ããããã§ãã
- æžç±ãçŸå Žã®ãããæããHTMLïŒCSSã³ãŒãã£ã³ã°ã®ææ°åžžèãçºå£²èšå¿µã€ãã³ã | Peatix
- 19ïŒ30ã19ïŒ55 HTML+CSSã³ãŒãã£ã³ã°ãåãå·»ãç°å¢ã®å€åïŒå€§ç«¹åæïŒ
- 19ïŒ55ã20ïŒ20 Webãã¶ã€ããŒã«æ±ããããHTMLïŒCSSã¹ãã«ã»ããïŒäžæ± 亮ïŒ
- 20ïŒ20ã20ïŒ45 å®è·µïŒ æ§é åããŒã¯ã¢ããïŒå°å·è£ä¹ïŒ
æ®å¿µãªããçŸæç¹ã§æ¢ã«åžã¯åãŸã£ãŠããã®ã§ãããåœæ¥ã¯ãªã³ã©ã€ã³ã§äžç¶ãè¡ãããäºã«ãªã£ãŠããŸããè¯ããã°ãã¡ãã§ã芧ãã ãããŸããŸãã
ãªãã®ã³ãã€ã¯ããŸãã
çéåäºæéããããããªé æ¹ãžåŒã£è¶ããŠããŸã£ãã®ã§åå ã§ããŸããâŠâŠããã ãµã³ïŒ
ãããŸã
声ããããŠãã ãã£ã倧竹ãããå ±èè ãšããäºã§å€§ãã«å©ããŠé ããå°å·ãããšäžæ±ããããã¡ããåã³å€§ç«¹ããã幟床ãå 容ã«ã€ããŠãææãã ãã£ãMdNæ åœè ããŸãäŒç»ããŠãã ãã£ããŸãŒããã®æ¹ãæ¢ã«æ¬æžããè³Œå ¥é ããæ¹ã ããããã¯ãããããèªã¿ãã ããçã æ§ã«ã埡瀌ç³ãäžããŸãã
ããšæ¬ãæžãã£ãŠå€§å€ã§ãããæ£çŽãªããŠãŸãããæ¬åœã«ããããªããã
KindleçãåºãŸããã
çµçã¯åºå®ã§ããïŒç»åäžç·ã§ãããã¥ããããïŒ