[B! HTML5] wkubotaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wkubota id:wkubota

HTML5ã«é–¢ã™ã‚‹wkubotaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Webåˆ¶ä½œã§åˆ†ã‹ã‚‰ãªã„ã“ã¨ã¯ã™ãã«ç¢ºèªï¼HTML5, CSS3, jQuery, WordPress, Bootstrapãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextãªã©ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ PDFã‚„ç”»åƒã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚Šã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ã¦ã€ã™ãã«ç¢ºèªã§ãã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ãã€‚
wkubota 2015/10/27
CSS3

bootstrap

HTML5

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Grid æ—¥æœ¬èªžç‰ˆ
ãªãœã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«åŠ´åŠ›ã‚’è²»ã‚„ã™ã®ã‹? ç§é”ã¯å…¨ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«ãŠã„ã¦ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚µã‚¤ã‚ºã‚„ç¸¦æ¨ªã®æ–¹å‘ã¨ã„ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç’°å¢ƒã«å·¦å³ã•ã‚Œãšã«ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒåˆ©ç”¨ã—ã‚„ã™ããªã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ æ–ç‰‡åŒ–ã•ã‚ŒãŸä¸–ç•Œ 2013å¹´ç¾åœ¨ã€æ•°åƒç¨®é¡žã®ãƒ‡ãƒã‚¤ã‚¹ã¨ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãŒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰å…¨ã¦ã«å¯¾ã—ã¦ã€ãã‚Œãžã‚Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¨è¨ˆã™ã‚‹ã®ã¯ã‚‚ã¯ã‚„ä¸å¯èƒ½ã§ã™ã€‚ãã‚“ãªã“ã¨ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã‚Šæµå‹•çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚’å–ã‚Šå…¥ã‚Œã‚‹ã¹ãã§ã—ã‚‡ã†ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ æœ€è¿‘ã«ãªã£ã¦ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ã¨ã„ã†è¨€è‘‰ãŒãã“ã‚‰ã˜ã‚…ã†ã§èžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã®è¨€è‘‰ã¯ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰å§‹ã‚ã¦ã€å¿…è¦ã¨ã•ã‚Œã‚‹æ™‚ã«å¤§ããªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«æœ€é©åŒ–ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’æ„å‘³ã—ã¾ã™ã€‚è¨€ã„æ›ãˆã‚‹ã¨ã€ä½œæˆã—ãŸãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«ãªã‚Šã€ãã‚Œä»¥é™ã«æ›¸ãæ›ãˆã‚‹å¿…è¦ã¯ãªã„ã¨ã„ã†ã“ã¨ã§ã™ã€‚ãã‚Œã¯
wkubota 2014/04/05
ã†ã‚è¦šãˆãªã‚“ã§ã™ã‚ˆ

ãƒ‡ã‚¶ã‚¤ãƒ³

html5

css3
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ WebGLã¯ã¨ã¦ã‚‚é«˜åº¦ãªæŠ€è¡“ã§ã‚ã‚‹ä¸€æ–¹ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚å†—é•·ãªæº–å‚™ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä¸€æ–¹ã§ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é€šã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ãŒã‚ã‚‹three.jsã‚’é€šã—ã¦ã€WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ã‚¸ãƒ§ãƒ³ã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65ã‚’åˆ©ç”¨ã—ã¾ã™) three.jsã‚’æ‰‹ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰‹ã«å…¥ã‚Œã¾
wkubota 2014/03/20
ã‚„ã£ã¦ã¿ã‚ˆã†

HTML5

three.js

javascript
ãƒªãƒ³ã‚¯
2013å¹´ã«ç´¹ä»‹ã—ãŸä¸ã‹ã‚‰åŽ³é¸ã—ã¦Webã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ç´¹ä»‹ï¼ MOONGIFT
2012å¹´ç‰ˆã¯ã“ã¡ã‚‰ã€‚ã‹ãªã‚Šçµžã‚Šè¾¼ã‚“ã ã®ã§ã™ãŒã€ãã‚Œã§ã‚‚100è¿‘ã„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚HTML5ã®ç››ã‚Šä¸ŠãŒã‚Šã‚‚ã‚ã£ã¦ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«ãŠã„ã¦ã‚‚ã‚„ã¯ã‚ŠWebåŒ–ã®æ³¢ãŒå¼·ã„ã§ã™ã€‚ã‚¢ãƒ—ãƒªã¨Webã€ã“ã®ä¸¡è¼ªãŒæ¥å¹´ä»¥é™ã‚‚ITæ¥ç•Œã‚’ç‰½å¼•ã—ã¦ã„ãã®ã¯é–“é•ã„ãªã„ã§ã—ã‚‡ã†ã€‚ 2013å¹´ã®ç‰¹å¾´ã¨ã—ã¦ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒãŸãã•ã‚“å‡ºã¦ããŸã¨ã„ã†å°è±¡ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œãžã‚Œã«å£²ã‚Šã¯ç•°ãªã‚Šã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã¯åŸºæœ¬ã¨ã—ã¦ã•ã‚‰ã«ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚„ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã®é«˜ã•ã‚’å£²ã‚Šã«ã—ã¦ã„ãŸã‚Šã¨é¸æŠžè‚¢ãŒå¤§ããåºƒãŒã£ãŸå°è±¡ãŒã‚ã‚Šã¾ã™ã€‚ å¾Œã¯Emscriptenã®å‡„ã•ãŒè‰¯ãæ„Ÿã˜ã‚‰ã‚ŒãŸå¹´ã§ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ã¾ã ã¾ã é€Ÿåº¦çš„ã«æ°—ã«ãªã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ãŒã€Mozillaã®é–‹ç™ºã—ã¦ã„ã‚‹asm.jsã®ã‚ˆã†ã«ãƒã‚¤ãƒ†ã‚£ãƒ–ä¸¦ã®é€Ÿåº¦ã§å®Ÿè¡Œã§ãã‚‹æŠ€è¡“ã‚‚å‡ºã¦ãã¦ã„ã¾ã™ã€‚ã¾ãŸãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚‚æ—¥é€²æœˆæ©ã§é€²åŒ–ã—ã¦ãŠã‚Šã€iPhone/iPadãªã©ã‚‚æ•°
wkubota 2014/01/02
ã“ã‚Œã‚‚ä½¿ã£ã¦ã¿ãŸã„ã

HTML5

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢

*Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
html/css å‚è€ƒã‚µã‚¤ãƒˆç·ã¾ã¨ã‚
ä½œæˆï¼š2013/10/15 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å…ˆé€±ã€WordPressã¨EC-CUBEã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã—ãªã‘ã‚Œã°ã„ã‘ãªãã¦ã€ä¹…ã—ã¶ã‚Šã«ã„ã˜ã£ã¦ãŠã‚Šã¾ã—ãŸãŒã€å¿˜ã‚Œã¦ã„ãŸã‚ŠçŸ¥ã‚‰ãªã‹ã£ãŸã“ã¨ãŒæ²¢å±±ã‚ã‚Šã¾ã—ãŸã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯SEOã‚„UIã«ã‚‚æ·±ãé–¢ä¿‚ã—ã¦ã„ã‚‹ã®ã‚‚ã‚ã‚Šã€ã“ã“ã‚‰ã¸ã‚“ã§CSSã‚„HTMLï¼•ã‚’è§¦ã‚‹ã¨ãã«å‚è€ƒã«ã™ã‚‹ã¨æ—ã‚‹è¨˜äº‹ã‚’ä¸€å›žã¾ã¨ã‚ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯CMSã‚„ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã†ãˆã§ã€ŒçŸ¥ã£ã¦ãŠãã¨å¿…ãšå½¹ç«‹ã¤ã€ã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ å®šç•ªã¾ã¨ã‚ ï¼‘ï¼Žå‹‰å¼·ã«ãªã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ã‚µãƒ³ãƒ—ãƒ«ã¾ã¨ã‚ åŸºæœ¬çŸ¥è˜ ï¼’ï¼Žã‚»ãƒ¬ã‚¯ã‚¿ ï¼“ï¼Žãƒ¡ãƒ‡ã‚£ã‚¢ ã‚¯ã‚¨ãƒª ï¼”ï¼Žã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ ï¼•ï¼Žãƒ•ã‚©ãƒ³ãƒˆ ï¼–ï¼ŽCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ ï¼—ï¼Žã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ï¼˜ï¼Žæ£ç¢ºãªHTMLä½¿ç”¨æ–¹æ³• ï¼™ï¼ŽCSSãƒãƒƒã‚¯ ï¼‘ï¼ï¼Žæ›¸ãæ–¹ï¼èªã¿æ–¹ å®šç•ªã¾ã¨ã‚
wkubota 2013/11/08
è‡ªåˆ†ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã«å‚è€ƒã«ã™ã‚‹ã€‚

CSS

HTML5

CSS3

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1