[B! MOONGIFT][HTML] chokuchokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

chokuchoko id:chokuchoko

MOONGIFTã¨HTMLã«é–¢ã™ã‚‹chokuchokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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}}

ã“ã‚ŒãŒæ±ºå®šç‰ˆï¼Ÿãƒ•ã‚©ãƒ«ãƒ€ã‚’ç›£è¦–ã—ã¦CSS/JavaScript/HTMLã‚’ç”ŸæˆÂ·Fire.app MOONGIFT
Fire.appã¯ãƒ•ã‚©ãƒ«ãƒ€ã‚’ç›£è¦–ã—ã¦Sass/Compass/CoffeeScriptã‚’è‡ªå‹•å¤‰æ›ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ æœ€è¿‘ã¯CSS/JavaScript/HTMLã‚’ãã®ã¾ã¾æ›¸ãã®ã§ã¯ãªãSassã‚„CoffeeScriptã€Haml/Markdownã‚’ä½¿ã£ã¦ãã‚Œãžã‚Œã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«å¤‰æ›ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒFire.appã€è‡ªå‹•ãƒ•ã‚¡ã‚¤ãƒ«å¤‰æ›ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ èµ·å‹•ã—ã¾ã™ã€‚ ãƒ¡ãƒ‹ãƒ¥ãƒ¼å¸¸é§åž‹ã§ã™ã€‚ è¨å®šç”»é¢ã§ã™ã€‚ Growlã‚’ä½¿ã£ãŸé€šçŸ¥ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Livereloadã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ å±¥æ´ã§ã™ã€‚ ãƒ•ã‚©ãƒ«ãƒ€ã‚’æŒ‡å®šã—ã¾ã—ãŸã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ç”Ÿæˆã—ã¾ã—ãŸã€‚å¾Œã¯ä¿®æ£ã™ã‚‹ã¨è‡ªå‹•çš„ã«åˆ¥ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”Ÿæˆã—ã¦ãã‚Œã¾ã™ã€‚ Fire.appã¯Sass/Compassã‹ã‚‰CSSã‚’ã€Haml/ERB/Markdownã‹
chokuchoko 2012/05/01
Sass

HTML

css

javascript

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹

MOONGIFT

CoffeeScript
ãƒªãƒ³ã‚¯
HTML5/CSS3/JavaScriptã«ã‚ˆã‚‹ã‚¤ãƒ•ã‚§ã‚¯ãƒˆã®æ ¼å¥½ã„ã„3Dãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³Â·reveal.js MOONGIFT
reveal.jsã¯CSS3/JavaScriptã§ä½œã‚‰ã‚ŒãŸãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ reveal.jsã¯HTML5/CSS3ã‚’ä½¿ã£ãŸãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ã¾ãšã¯è¨€ã†ã«åŠã°ãšã€ãã®ã‚¯ãƒ¼ãƒ«ãªç”»é¢ã‚’è¦‹ã¦ã‚‚ã‚‰ã„ã¾ã—ã‚‡ã†ã€‚ ãƒˆãƒƒãƒ—ã§ã™ã€‚ã“ã®é›°å›²æ°—ã‹ã‚‰ã—ã¦æ ¼å¥½ã„ã„ã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹æ™‚ã«3Dã‚¤ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚Šã¾ã™ã€‚ã“ã‚Œã¾ãŸæ ¼å¥½ã„ã„ã§ã™ã€‚ æ°´å¹³ã«å‹•ãã®ãŒåŸºæœ¬ã§ã™ãŒã€åž‚ç›´ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹æŒ‡å®šã‚‚ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢å‹•ç”»ã§ã™ã€‚ã‚¹ãƒšãƒ¼ã‚¹ã‚ãƒ¼ã§ã‚¹ãƒ©ã‚¤ãƒ‰ä¸€è¦§ãŒå‡ºã›ã¾ã™ã€‚ reveal.jsã¯ã‚¹ãƒ©ã‚¤ãƒ‰ã®åˆ‡ã‚Šæ›¿ãˆãŒã¨ã«ã‹ãæ ¼å¥½ã„ã„ã®ã§ã€ã“ã‚Œã§ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œãˆã°è¦³è¡†ã®æ³¨ç›®ã‚’å¼•ãã“ã¨é–“é•ã„ãªã„ã§ã—ã‚‡ã†ï¼ˆã‚‚ã¡ã‚ã‚“å†…å®¹ãŒå¤§äº‹ã§ã™ãŒï¼‰ã€‚ reveal.jsã¯CSS3/JavaScriptè£½ã€MIT Licenseã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼
chokuchoko 2012/03/11
html5

MOONGIFT

HTML

CSS3

3D

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
ãƒªãƒ³ã‚¯
åœ§å€’çš„ãªå˜åœ¨æ„Ÿã€‚HTML5/CSS3/JavaScriptã§ä½œã‚‰ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ—ãƒªÂ·Ghost Writer MOONGIFT
Ghost Writerã¯ä¸‡å¹´ç†ã€ãƒžã‚¸ãƒƒã‚¯ç‰ã‚’ãƒªã‚¢ãƒ«ã«å†ç¾ã—ãŸçµµæãç”¨ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ Ghost Writerã¯HTML5/JavaScriptè£½ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ï¼‰ã€‚HTML5ã¯å¾ã€…ã«æœ¬æ ¼å°Žå…¥ã•ã‚Œã¤ã¤ã‚ã‚‹ãŒã€ã¾ã ã¾ã å®Ÿé¨“çš„ãªãƒ—ãƒãƒ€ã‚¯ãƒˆãŒå¤šã„ã€‚ã ãŒãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã«ã¨ã£ã¦ã¯ã€ä»Šã“ãéŠã¹ã‚‹çŠ¶æ³ã ã€‚è‰²ã€…è©¦ã—ã€éŠã¶ä¸ã§æ–°ã—ã„å¯èƒ½æ€§ã‚’è¦‹ã„ã ã™ã“ã¨ãŒã§ãã‚‹ã€‚ ã‚‚ã®ã™ã”ããƒªã‚¢ãƒ« ä»Šã¾ã§ã¯ãƒãƒ¼ã‚«ãƒ«ã§ã—ã‹ã§ããªã‹ã£ãŸã‚ˆã†ãªæ“ä½œãŒWebãƒ™ãƒ¼ã‚¹ã§å®Ÿç¾ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ç‰¹ã«ãƒšã‚¤ãƒ³ãƒˆç³»ã¯é¢ç™½ã„ã€‚ãã“ã§ä»Šå›žã¯Ghost Writerã‚’ç´¹ä»‹ã—ã‚ˆã†ã€‚ Ghost Writerã¯å¤ã‚ã‹ã—ã„ç´™ã®ã‚ˆã†ãªãƒœãƒƒã‚¯ã‚¹ã«ãƒšãƒ³ã‚’ä½¿ã£ã¦æ›¸ãè¾¼ã‚ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚é©šãã®ã¯ãã®ãƒªã‚¢ãƒ«æ„Ÿã‚ã‚‹å˜åœ¨æ„Ÿã ã‚ã†ã€‚ä¸‡å¹´ç†ã€ãƒžã‚¸ãƒƒã‚¯ã€ã‚¹ãƒ—ãƒ¬ãƒ¼ã¨ã„ã£ãŸãƒšãƒ³ç¨®ãŒã‚ã‚Šã€åˆ‡ã‚Šæ›¿ãˆã¦çµµã‚’æãã“ã¨ãŒã§ãã‚‹ã€‚ãªãŠç†è€…ç’°å¢ƒã§ã¯è‰²ã‚’å¤‰ãˆã‚‹ã“ã¨ã¯ã§
chokuchoko 2011/06/21
html5

javascript

MOONGIFT

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

HTML
ãƒªãƒ³ã‚¯
HTML5ã®é…åŠ›ã€‚Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§æ¥½èœã‚’è¡¨ç¤ºã—ã€MIDIã‚’ä½¿ã£ã¦å¥ã§ã‚‹Â·ABC.js MOONGIFT
ABC.jsã¯Webä¸Šã§æ¥½èœã‚’è¡¨ç¤ºã—ã€æ¼”å¥ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ ABC.jsã¯HTML5/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚HTML5ã«ã‚ˆã£ã¦Webä¸Šã®è¡¨ç¾åŠ›ã¯é«˜ã¾ã£ã¦ã„ã‚‹ã€‚SVGã§ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’æã„ãŸã‚Šã€WebGLã«ã‚ˆã£ã¦3Dã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æãå‡ºã™ã“ã¨ã‚‚ã§ãã‚‹ã€‚Canvasã‚’ä½¿ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚‚å¤šã„ã€‚ ãã‚Œã„ãªæ¥½èœè¡¨ç¤º ã“ã‚Œã¾ã§ã¯Flashã‚’ä½¿ã£ãŸã‚Šã€ç”»åƒã‚’ä½¿ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã‹ã£ãŸè¡¨ç¾ã‚‚HTMLã ã‘ã§ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ãã®ä¸€ã¤ã€æ¥½èœã‚’æãå‡ºã—ã¦éŸ³ã¾ã§é³´ã‚‰ã›ã‚‹ã®ãŒABC.jsã ã€‚ ABC.jsã¯ç‰¹å®šã®è¨˜æ³•ã«æ²¿ã£ã¦è¨˜è¿°ã™ã‚‹ã“ã¨ã§Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã«æ¥½èœã‚’æ›¸ããƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚JavaScriptã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€ãã®å ´ã§æ‰‹ç›´ã—ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ç›´ã™ã“ã¨ã‚‚ã§ãã‚‹ã€‚æ¥½èœå…±æœ‰ã‚µã‚¤ãƒˆã®ã‚ˆã†ãªã‚‚ã®ã‚’ä½œã‚‹ã“ã¨ã•ãˆã§ãã‚‹ã ã‚ã†ã€‚ Firefoxãªã‚‰æ¼”å¥ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ ãã—ã¦æ
chokuchoko 2011/05/05
MOONGIFT

html5

JS

HTML

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

web
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰HTML5ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹Â·KeyDown MOONGIFT
KeyDownã¯Markdownè¨˜æ³•ã‚’ä½¿ã£ã¦ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰HTML5ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã€‚ KeyDownã¯Rubyè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚å€‹äººã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒé›†ã¾ã‚‹å‹‰å¼·ä¼šã§ã¯ã‚ã¾ã‚Šå‡ã£ãŸãƒ—ãƒ¬ã‚¼ãƒ³ã‚’è¦‹ã‚‹äº‹ãŒå°‘ãªã„ã€‚ã‚€ã—ã‚HTMLã‚„KeyNoteãªã©ã‚’ä½¿ã£ã¦ã‚«ã‚¸ãƒ¥ã‚¢ãƒ«ã«ä½œã‚‰ã‚Œã‚‹æ–¹ãŒå¤šã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã§ä½œæˆã—ãŸãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã¯æ¤œç´¢ã‚‚å®¹æ˜“ã§Webã¨ã®è¦ªå’Œæ€§ã‚‚é«˜ã„ã€‚é…å¸ƒã—ã¦è¦‹ã¦ã‚‚ã‚‰ã†ã®ã«ç‰¹åˆ¥ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚‚ç„¡ç”¨ã¨è¨€ã†äº‹ãªã—ã ã€‚ã¨ã¯è¨€ãˆä½œæˆã«HTMLã‚’ä½¿ã£ãŸã‚Šã—ãŸããªã„ã€ã¨ã„ã†äººã¯KeyDownã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã€‚ KeyDownã¯ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã®è¨˜æ³•ã«Markdownã‚’ä½¿ãˆã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚keydownã‚³ãƒžãƒ³ãƒ‰ã‚’ä½¿ã£ã¦ï¼ˆã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯generateï¼‰ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ™ãƒ¼ã‚¹ã‚’ä½œæˆã™ã‚‹ã€‚!SLIDEã¨ã„ã†ã®ãŒã‚¹ãƒ©ã‚¤
chokuchoko 2011/03/10
MOONGIFT

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

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

HTML

æ¤œç´¢

web
ãƒªãƒ³ã‚¯
Webã®ä½“é¨“ã‚’ä¸€æ©æœªæ¥ã«ã€‚OpenALã‚’HTML5ã§å®Ÿç¾ã™ã‚‹Â·WebAL MOONGIFT
WebALã¯Webãƒ–ãƒ©ã‚¦ã‚¶ã§éŸ³æ¥½ã‚’3DåŒ–ã™ã‚‹ã€OpenALã‚’ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ WebALã¯HTML5/JavaScriptè£½ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ï¼‰ã€‚ã‚²ãƒ¼ãƒ ã«ãŠã„ã¦ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¨åŒã˜ãã‚‰ã„æ¬ ã‹ã›ãªã„é‡è¦ãªè¦ç´ ãŒéŸ³ã ã€‚éŸ³æ¥½ã«ã‚ˆã£ã¦è‡¨å ´æ„Ÿã‚’å‡ºã—ãŸã‚Šã€ã‚ˆã‚Šã‚²ãƒ¼ãƒ ã®ä¸–ç•Œã«å…¥ã‚Šè¾¼ã¿ã‚„ã™ããªã‚‹ã€‚ç‰¹ã«FPSã®ã‚ˆã†ãª3Dã‚²ãƒ¼ãƒ ã¯ãã†ã ã‚ã†ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§è¤‡æ•°ã®éŸ³ã‚’æ“ä½œã™ã‚‹ãƒ‡ãƒ¢ éŸ³ãŒå˜èª¿ã«èžã“ãˆã¦ã„ãŸã‚‰èˆˆã–ã‚ã ã€‚å·¦å³ã®ã©ã¡ã‚‰ã‹ã‚‰éŸ³ãŒèžã“ãˆã‚‹ã®ã‹ã«ã‚ˆã£ã¦ã€ã‚ˆã‚Šãƒªã‚¢ãƒ«ã«ã‚²ãƒ¼ãƒ ã‚’æ¥½ã—ã‚ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ãã®ãŸã‚ã®ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªAPIã§ã‚ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦OpenALãŒçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ãŒã€ãã‚Œã‚’ã•ã‚‰ã«JavaScriptã«ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã—ãŸã®ãŒWebALã«ãªã‚‹ã€‚ å…ƒã€…ã®OpenALã¯OpenGLã«ä¼¼ã›ã¦ã‚ã‚‹ã‚‰ã—ã„ã€‚ã¤ã¾ã‚ŠWebALã¯WebGLã«ä¼¼ã›ã€çµ„ã¿åˆã‚ã›ã¦ä½¿ã†äº‹ãŒæƒ³
chokuchoko 2011/03/07
javascript

html5

HTML

MOONGIFT
ãƒªãƒ³ã‚¯
1