[B! front-end] cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cyokodog id:cyokodog

front-endã«é–¢ã™ã‚‹cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

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

ã“ã“æ•°å¹´å‰ã‹ã‚‰2015/5ã¾ã§ã®ãƒ¢ãƒ€ãƒ³ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ç·ã¾ã¨ã‚ã—ã¦ã¿ãŸ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML5ã‚„ã€æ¬¡ã€…ã¨å°é ã™ã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¿ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã€ç¾åœ¨ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯ç•°å¸¸ãªã»ã©å‹•ããŒã‚ã‚Šã¾ã™ã€‚ å¸¸ã«ã‚ãƒ£ãƒƒãƒã‚¢ãƒƒãƒ—ã—ã¦ã„ãªã„ã¨ã€ã„ã¤ã®ã¾ã«ã‹OLDãªæŠ€è¡“ã‚’ä½¿ã„ç¶šã‘ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚å®Ÿéš›ã«ä»Šå›žè¨˜äº‹ã«ã—ã¦ã¿ã¦ã€ã¡ã‚‡ã£ã¨ã¤ã‚‰ããªã‚Šã¾ã—ãŸã€‚ã€‚ ã—ã‹ã—ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã„ã¦ï¼ˆæœ€è¿‘ã¯ä¸»ã«JavaScriptï¼‰ã€ãã®ãŠã‚‚ã—ã‚ã•ã«æ—¥ã€…é©šã„ã¦ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ã“ã“æ•°å¹´~2015å¹´ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã§ä¸€åº¦ã¯æµè¡Œã£ãŸæŠ€è¡“ã€ä»Šå¾Œã®å‹•å‘ãªã©ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ã‚¿ã‚¤ãƒˆãƒ«ã«ãƒ¢ãƒ€ãƒ³ã¨ã‚ã‚Šã¾ã™ãŒã€ãã®è¾ºã¯
cyokodog 2015/05/25
ã‚ã€è‡ªãƒ–ãƒã‚°ã¸ã®ãƒªãƒ³ã‚¯ç™ºè¦‹ ^^

front-end
ãƒªãƒ³ã‚¯
ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€‘æ–°è¦ Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºæ¡ˆä»¶ã‚’ãµã‚Šã‹ãˆã£ã¦ã¿ãŸ | PSYENCE:MEDIA
4 ãƒ¶æœˆã‚ã¾ã‚Šç¶šã„ãŸæ–°è¦é–‹ç™ºæ¡ˆä»¶ãŒã‚ˆã†ã‚„ãè½ã¡ç€ãã‚’è¦‹ã›ãŸã®ã§ã€ã“ã“ã‚‰ã§æŒ¯ã‚Šè¿”ã‚Šã‚’ã—ã¦ã¿ãŸã„ã¨ã—ã¾ã™1)ãƒªãƒªãƒ¼ã‚¹ã¾ã§ã«å·»ãå–ã‚Œãªã‹ã£ãŸä¸å…·åˆã‚„æœªå®Ÿè£…ç®‡æ‰€ãŒå¹¾ã¤ã‹æ®‹ã£ã¦ã„ã‚‹ã®ã§ã€ã¾ã æ°—æŒã¡çš„ã«ã¯çµ‚ã‚ã‚Œã¦ã„ãªã„ã®ã§ã™ãŒâ€¦ã€‚ ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠãŠã¾ã‹ãªã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ ã‚³ãƒ³ã‚·ãƒ¥ãƒ¼ãƒž ( ä¸€èˆ¬ãƒ¦ãƒ¼ã‚¶ãƒ¼ ) å‘ã‘ã‚µãƒ¼ãƒ“ã‚¹ ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ã Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã«ã‚ˆã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ IE9 ä»¥é™ã‚„ Android4.x ä»¥é™ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ Ruby on Rails å¤šè¨€èªžå¯¾å¿œã‚ã‚Š SEO å¯¾ç–ã¯ãã‚Œãªã‚Šã«å¿…è¦ ã‚ã‚Šã¨ãƒ•ãƒ¯ãƒƒã¨ã—ã‹è¦ä»¶ãŒæ±ºã¾ã£ã¦ã„ãªã„ã¾ã¾ã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸã®ã§ã€TRY & ERROR ã‚’ç¹°ã‚Šè¿”ã—ãªãŒã‚‰ã®é–‹ç™º ã™ã”ãå¤§é›‘æŠŠã§ã™ãŒã€ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ã® Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ã“ã‚Œã‚’è¸ã¾ãˆã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ã©ã®ã‚ˆã†ã«é–‹ç™ºã—ã¦ã„ãã‹ã‚’è¨è¨ˆã—ã¦ã„ãã¾ã—
cyokodog 2015/03/16
front-end

****ã‚ã¨ã§ã¿ã‚‹
ãƒªãƒ³ã‚¯
Backbone.JSã‹ã‚‰Angular2ã¾ã§ã€å…¨9å¤§JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ›¸ãæ¯”ã¹ãŸ! - paiza times
(English article is here.) ã“ã‚“ã«ã¡ã¯ã€å‰å²¡([twitter:@yoshiokatsuneo])ã§ã™ã€‚ ã‚¦ã‚§ãƒ–é–‹ç™ºã«æ¬ ã‹ã›ãªã„JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€æ—¥ã€…ç™ºå±•ã—ã¦ãŠã‚ŠReact.js, Ractive.js, Aurelia.js, AngularJS2.0ãªã©æ¬¡ã€…ã¨æ–°ã—ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå‡ºã¦ãã¦ã„ã¾ã™ã€‚ ä¸€ä½“ã©ã‚Œã‚’ä½¿ãˆã°ã„ã„ã®ã‹ï¼Ÿä½•ãŒé•ã†ã®ã‹ï¼Ÿä½•ã‹ã‚‰èª¿ã¹ã¦ã„ã„ã®ã‹è¿·ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€ç¾æ™‚ç‚¹ã§äº‹å®Ÿä¸Šå…¨ã¦ã¨ãªã‚‹ã€ï¼™å¤§ä¸»è¦ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦æ¯”è¼ƒã‚’è¡Œã„ã¾ã™ã€‚ Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆ) ã“ã‚Œã‚‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒå®Ÿç¾ã•
cyokodog 2015/03/12
*javascript-lib

front-end
ãƒªãƒ³ã‚¯
Flexboxã§æ±ºã¾ã‚Šï¼ | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹
2017å¹´5æœˆ25æ—¥ CSS Flexboxã¨ã¯Flexible Box Layout Moduleã®ã“ã¨ã§ã€ãã®åã®é€šã‚Šãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã§ç°¡å˜ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã‚ã¡ã‚ƒã†ç´ æ•µãƒœãƒƒã‚¯ã‚¹ã§ã™ã€‚å‰ã€…ã‹ã‚‰ã‚ã£ãŸæŠ€è¡“ã§ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã‚ˆã£ã¦æ›¸ãæ–¹ãŒé•ã£ãŸã‚Šã€ä»•æ§˜ãŒã“ã‚ã“ã‚å¤‰ã‚ã£ãŸã‚Šã¨ã€ã‚¤ãƒžã‚¤ãƒä¸€æ©è¸ã¿å‡ºã›ãªã„æ„ŸãŒã‚ã£ãŸFlexboxã€‚ã—ã‹ã—ã‚ˆã†ã‚„ããƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã®åˆ©ç”¨ã«é›£ãŒãªããªã‚Šã€å®Ÿå‹™ã«ã‚‚å……åˆ†ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ä»Šå›žã¯ãã‚“ãªFlexboxã®é…åŠ›ã¨ä½¿ã„ãƒ‰ã‚³ãƒã‚’ã€ãƒ‡ãƒ¢ä»˜ãã§ç´¹ä»‹ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ Can I useâ€¦ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã€ç¾è¡Œã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã¯å•é¡Œãªãåˆ©ç”¨ã§ãã¾ã™ã€‚ãŸã ã—ã€Safariç”¨ã« -webkit- ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒå¿…è¦ã§ã™ã€‚IEã«ã¤ã„ã¦ã¯11ã‹ã‚‰æ£å¼ã«å¯¾å¿œã€‚IE10ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ãŒã€æ›¸ãæ–¹ãŒ
cyokodog 2015/02/24
css3

flexbox

front-end
ãƒªãƒ³ã‚¯
encodeURIComponentãŒä¸–ç•ŒåŸºæº–ã ã¨èª¤è§£ã—ã¦ãŸè©±
URLã‚’ã„ã˜ãã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ã„ã˜ã£ã¦ã„ã¦ã€ä»•æ§˜ãŒã‚ˆãã‚ã‹ã‚‰ãªãã¦æ‚©ã‚“ã ã®ã§ã¾ã¨ã‚ã¾ã™ã€‚ 2/23: è¿½è©¦éƒ¨åˆ†ã‚’è¿½è¨˜ 2018/7/14: JavaScriptã®URLSearchParamsã¨ã€Goã®PathEscapeã«ã¤ã„ã¦è¿½è¨˜ ã“ã¨ã®çµŒç·¯ HTTPã¨ã¯ãªã‚“ãžã‚„ã¨ã‹ã€GETã¨POSTãŒã©ã†ã®ã€ãã‚Œãžã‚Œã§ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãŒã©ã†ã„ã†çµŒç·¯ã§ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³(ã¨ã‹CGI)ã«æ¸¡ã£ã¦æ¥ã‚‹ã®ã‹ãã‚‰ã„ã¯çŸ¥ã£ã¦ã„ã¾ã—ãŸã€‚ã§ã€ã‚¦ã‚§ãƒ–ã§XHRã§GETãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ã‚‹å ´åˆã«ã¯JavaScriptã®encodeURIComponent()ã§å„ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã—ã¦ã€&ã§ãã£ã¤ã‘ã¦ã€URLã®æœ«å°¾ã«?ã§ä»˜ä¸Žã™ã‚Œã°ã„ã„ã‚“ã ã‚ˆãï¼Ÿã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ã“ã‚“ãªæ„Ÿã˜ã«ã€‚ ã“ã‚Œã‚’å—ã‘å–ã‚‹å´ã¯ã€JavaScript(node.js)ãªã‚‰decodeURIComponent()ã‚’ä½¿ã£ã¦ã„ã‚‹ã¯ãšã ã€‚ã‚¦ã‚§ãƒ–ã®ä¸–ç•Œã§ã¯JavaScri
cyokodog 2015/02/23
*javascript

url

encodeURIComponent

front-end
ãƒªãƒ³ã‚¯
Reactive Programming in JavaScript
- + æœ€è¿‘ã®å°å¦æ ¡ã§ã¯ã€ã€ŒãŠçˆ¶ã•ã‚“ãƒ»ãŠæ¯ã•ã‚“ã®åå‰ã‚’ã‚°ãƒ¼ã‚°ãƒ«ã§æ¤œç´¢ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€ã¨ã„ã†ã€ä¸–ã«ã‚‚æã‚ã—ã„æŽˆæ¥ãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ãƒ»ãƒ»ãƒ»ã€‚ â€” ä¸¹ã€€æ´‹ä»‹ (@yosuke_tan) January 25, 2015
cyokodog 2015/02/23
*javascript

reactive

****ã‚ã¨ã§ã¿ã‚‹

front-end
ãƒªãƒ³ã‚¯
CreateJSã¨Node.jsã‚’ä½¿ã£ã¦ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§Canvasã‚’æ‰±ãŠã†â€“ICS LAB
HTML5 Canvasã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCreateJSã€(åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯å…¥é–€ã‚µã‚¤ãƒˆã‚’ã”è¦§ãã ã•ã„ï¼‰ã«ã¤ã„ã¦ã€2015å¹´2æœˆ10æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸCreateJSå‹‰å¼·ä¼š (ç¬¬5å›ž) ã§ãƒ©ã‚¤ãƒˆãƒ‹ãƒ³ã‚°ãƒˆãƒ¼ã‚¯ã€ŒCreateJSã¨Node.jsã‚’ä½¿ã£ã¦ã‚µãƒ¼ãƒãƒ¼ã§Canvasè¦ç´ ã‚’ä½¿ãŠã†ã€ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å…ƒã«ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§CreateJSã‚’ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ ä»Šå›žç´¹ä»‹ã™ã‚‹node-easelã‚’ä½¿ã£ãŸãƒ‡ãƒ¢ã§ã™ã€‚ã‚¹ãƒžãƒ›ç”»é¢ã«Twitterã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã€PCç”»é¢ã«ã¯ç™½ã„çŸ©å½¢ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚¹ãƒžãƒ›ã§é¸ã‚“ã Twitterã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒPCå´ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™ã€‚ç”»åƒåŠ å·¥ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§å‹•ãCreateJSã‚’ä½¿ã£ã¦è¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ Section1. Node.jsã¨ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã¤ã„ã¦ Node.jsã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ãªãã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§å‹•ãJavaScript
cyokodog 2015/02/19
[

front-end

canvas

node.js

node

createjs
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã‚’CSSã‚„SVGç‰ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã‚„ã°ã„ã‚µãƒ³ãƒ—ãƒ«é›†:phpspoté–‹ç™ºæ—¥èªŒ
How to Create (Animated) Text Fills | Codrops ãƒ†ã‚ã‚¹ãƒˆã‚’CSSã‚„SVGç‰ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã‚„ã°ã„ã‚µãƒ³ãƒ—ãƒ«é›†ã€‚ WEBä¸Šã§Flashç‰ã‚’ä½¿ã‚ãšã«ã“ã†ã„ã†ã®ã¯ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ãŒãªã„ã€ã‹ã‚‚ã—ã‚Œãªã„ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚ ã“ã†ã„ã†ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚“ã ã¨ã„ã†ã®ã‚’çŸ¥ã£ã¦ãŠãã¨ã„ã†æ„å‘³ã§ã‚‚ä¸€åº¦ã¿ã¦ãŠã„ãŸã»ã†ãŒã‚ˆã•ãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚«ãƒƒã‚³ã„ã„ãƒ†ã‚ã‚¹ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒLetterFXã€ ãƒ†ã‚ã‚¹ãƒˆãŒæ–‡å—ã”ã¨ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹åŠ¹æžœãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRevealing.jsã€
cyokodog 2015/02/19
css3

svg

front-end
ãƒªãƒ³ã‚¯
Visual Studioâ€œã ã‘â€ã§iOSã¨Androidã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ã€ŒMonaca for Visual Studioã€
ã—ã‹ã—æœ€è¿‘ã§ã¯ã€ã“ã®åˆ†é‡Žã«å¤§ããªå¤‰åŒ–ãŒèµ·ãã¦ã„ã¾ã™ã€‚ãã®ãã£ã‹ã‘ãŒã€ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–‹ç™ºã‚’å¯èƒ½ã«ã™ã‚‹HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã®ç™»å ´ã§ã™ã€‚HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã¨ã¯WebæŠ€è¡“ã§ã‚ã‚‹HTML5ã‚’ç”¨ã„ã¦ä½œã‚‰ã‚Œã‚‹ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã§ã€ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«ä¾å˜ã—ãªã„ã€Œã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ã§ã‚ã‚‹ã“ã¨ãŒæœ€å¤§ã®ç‰¹å¾´ã§ã™ã€‚ Visual Studioã§ã‚‚ã€ã“ã®HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã®é–‹ç™ºã®å¯¾å¿œãŒã©ã‚“ã©ã‚“é€²ã‚“ã§ã„ã¾ã™ã€‚Visual Studioã®å„ªã‚ŒãŸé–‹ç™ºç’°å¢ƒã‚’ä½¿ã„ã€iOSã‚„Androidå‘ã‘ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªãŒé–‹ç™ºã§ãã¾ã™ã€‚ãã“ã§æœ¬ç¨¿ã§ã¯ã€Visual Studioä¸Šã§HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’å®Ÿç¾ã™ã‚‹ã€ŒMonaca for Visual Studioã€ã‚’ç´¹ä»‹ã—ã€å®Ÿéš›ã«ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å¯¾è±¡èªè€… ä»Šå›žã®å¯¾è±¡èªè€…ã¯ã€ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ JavaScriptã«ã‚ˆ
cyokodog 2015/02/19
front-end

****ã‚ã¨ã§ã¿ã‚‹
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã„ã„æ„Ÿã˜ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’çˆ†é€ŸåŒ–ã§ãã‚‹ç’°å¢ƒæ§‹ç¯‰ã®æ‰‹é † | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ä»Šå¹´ã‚‚HTML5 Minutesã«ç™»å£‡ã—ã¦ãã¾ã—ãŸã€‚ã“ã‚“ã«ã¡ã¯ã€å…ˆç”Ÿã§ã™ã€‚ å½“æ—¥ã¯ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ã‚ã’ã‚‹ãŸã‚ã®ç’°å¢ƒã‚’ä½œã£ã¦ã¿ãŸè©±ã€ã‚’ã—ã¦ãã¾ã—ãŸã€‚ ä»Šå›žã¯ãã®ç’°å¢ƒã‚’ä½¿ã£ã¦ã¿ã‚‹ã¾ã§ã®æ‰‹é †ã‚’æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªã‚‚ã®ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« NodeJS Gulp WebPack Bower PhantomJS NodeJSã¨Gulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯éŽåŽ»ã®è¨˜äº‹ã€ŒGulp.jså…¥é–€ â€“ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’10å€é€Ÿãã™ã‚‹ç’°å¢ƒã‚’ä½œã‚‹æ–¹æ³•ã¾ã¨ã‚ã€ã‚’ã”è¦§ãã ã•ã„ã€‚ WebPackã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« WebPackã¯ã•ã¾ã–ã¾ãªå½¢å¼ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦å‡ºåŠ›ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã€æ‹¡å¼µæ€§ãŒé«˜ãæœ€è¿‘å¥½ã‚“ã§ä½¿ã£ã¦ã„ã¾ã™ã€‚ WebPack http://webpack.github.io/ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯npmã‚’ä½¿ã£ã¦ç°¡å˜ã«ã§ãã¾ã™ã€‚ npm install webpack -g â€» macã¯
cyokodog 2015/02/04
gulpã‚³ãƒžãƒ³ãƒ‰ãŒãœã‚“ãœã‚“çµ‚äº†ã—ãªã„ãƒ»ãƒ»å¯ã‚ˆã†ã£ã¨

front-end
ãƒªãƒ³ã‚¯
ã€Žã‚ˆã‚Šé«˜é€ŸãªéžåŒæœŸå‡¦ç†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€
nodeãƒ»iojsã§ã‚‚ãƒ¬ã‚¹ãƒãƒ³ã‚¹æ”¹å–„ãŒæœŸå¾…ã§ãã¾ã™ã€‚ waterfallã®é€Ÿåº¦æ¯”è¼ƒtaskã®ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ã‚‚é€Ÿåº¦ãŒå¤§ããå¤‰ã‚ã£ã¦ãã‚‹ãŸã‚ã€taskæ•°ã®å¤‰åŒ–ã«ã‚ˆã‚‹é€Ÿåº¦å¤‰åŒ–ã‚’èª¿ã¹ã¾ã™ã€‚ ãƒ„ãƒ¼ãƒ«ã®ä»•æ§˜ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ taskæ•°ãŒlowerã‹ã‚‰intervalé–“éš”ã§upperã¾ã§å®Ÿè¡Œæ¯Žå›žé †ç•ªãŒãƒ©ãƒ³ãƒ€ãƒ æ¯Žå›žgcã‚’èµ°ã‚‰ã›ã‚‹nå›žã®å¹³å‡é€Ÿåº¦[Î¼s]ã‚’è¨ˆæ¸¬demo2.jsvar statistic = require('func-comparator').statistic; var _ = require('lodash'); var async = require('async'); var neo_async = require('neo-async'); // ã‚µãƒ³ãƒ—ãƒªãƒ³ã‚°å›žæ•° var times = 100; var create = function(count) { // countã¯ta
cyokodog 2015/02/01
Node.js

front-end
ãƒªãƒ³ã‚¯
TodoMVC
Introduction Developers have a number of choices today when it comes to selecting a JavaScript framework or UI library for building scala ble web apps. React / Next.js, Vue / Nuxt, Angularâ€¦the list of solutions continues to grow, but just how do you decide on which to use in a sea of so many options? To help you understand the options, we created TodoMVC - a project which has offered the same Todo
cyokodog 2015/01/22
*javascript

front-end
ãƒªãƒ³ã‚¯
2015å¹´ã®Webã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ at 67ws
The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat
cyokodog 2015/01/22
*javascript

front-end
ãƒªãƒ³ã‚¯
1