[B! webé–‹ç™º] summer4anã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

summer4an id:summer4an

webé–‹ç™ºã«é–¢ã™ã‚‹summer4anã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

5000äººèª¿æŸ»ã§ã‚ã‹ã£ãŸï¼ä¸–ç•Œã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ãŒä½¿ã†ãƒ„ãƒ¼ãƒ«ã¯ã“ã‚Œã
æ¬¡ã€…ã¨ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã«ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€é€²åŒ–ã‚’ç¶šã‘ã‚‹CSSãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«â€¦â€¦ã¨ã€å¤‰åŒ–ã®æ¿€ã—ã„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç•Œéšˆã€‚ã„ã¾é–‹ç™ºè€…ãŸã¡ã«å®Ÿéš›ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã¯ã©ã‚“ãªãƒ„ãƒ¼ãƒ«ï¼Ÿ é–‹ç™ºçµŒé¨“ã¯2å¹´ä»¥ä¸Šã‚ã‚Šã¾ã™ã‹ï¼Ÿ é«˜åº¦ãªCSSã‚¹ã‚ãƒ«ã¨ã—ã¦Sassã‚„Autoprefixerã®ä½¿ç”¨ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã‹ï¼Ÿ JavaScriptã®çŸ¥è˜ã¯ååˆ†ã«ã‚ã‚Šã€Gulpã€nmpã€jQueryã‚’ä½¿ã„ã“ãªã›ã¦ã„ã¾ã™ã‹ï¼Ÿ ãã†ã§ã‚ã‚Œã°ä¸€èˆ¬çš„ãªé–‹ç™ºè€…ã ãã†ã§ã™ã€‚Ashley Nolanæ°ã«ã‚ˆã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãƒ„ãƒ¼ãƒ«ã®ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆèª¿æŸ»ã«ã‚ˆã‚Œã°ã€‚ æ°—ã«ãªã‚‹çµæžœã‚’è¦‹ã‚‹å‰ã«â€¦â€¦ ã“ã®ç¨®ã®ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆèª¿æŸ»ã¯æ–°ãŸãªãƒ„ãƒ¼ãƒ«ã‚’è¦‹ã¤ã‘ãŸã‚Šã€çŸ¥è˜ä¸è¶³ã®åˆ†é‡Žã®æŠŠæ¡ã«å½¹ç«‹ã¡ã¾ã™ã€‚åŸ·ç†æ™‚ç‚¹ã§5254ä»¶ã®å›žç”ãŒå¯„ã›ã‚‰ã‚Œã¦ã„ã¦ã€ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆèª¿æŸ»ã¨ã—ã¦ã¯ã‹ãªã‚Šã®ã‚µãƒ³ãƒ—ãƒ«æ•°ã§ã™ã€‚ãŸã ã€çµæžœã‚’ç–‘ã„ã‚ˆã†ã®ãªã„çœŸå®Ÿã ã¨å—ã‘å–ã‚‹ã«ã¯æ…Žé‡ã«ãªã‚‹ã¹ãã§ã™ã€‚
summer4an 2017/03/17
webé–‹ç™º

javascript

CSS
ãƒªãƒ³ã‚¯
ssig33.com - æœ€æ‚ªï¼æ„åœ°ã§ã‚‚ Heroku ã‚’ç„¡æ–™ã§ä½¿ã†
Heroku ã¯æœ€è¿‘æ–™é‡‘ä½“ç³»ã«å¤‰æ›´ãŒã‚ã£ã¦ã€ç„¡æ–™ã§ã¯ä¸€æ—¥ 18 æ™‚é–“ã¾ã§ã—ã‹ã‚¢ãƒ—ãƒªã‚’èµ·å‹•ã§ããªããªã‚Šã¾ã—ãŸã€‚ è‡ªåˆ†å°‚ç”¨ã®ã‚¢ãƒ—ãƒªã¨ã‹ãã†ã„ã†ã‚‚ã®ãªã‚‰å…¨ãå•é¡Œã¯ãªã„ã®ã§ã™ãŒã€ãã‚Œãªã‚Šã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã¤ã„ã¦ã„ã‚‹ã‚ˆã†ãªã‚¢ãƒ—ãƒªã ã¨ãªã‚“ã ã‹ã‚“ã ã§ 24 æ™‚é–“ Dyno ãŒèµ·å‹•ã—ã£ã±ãªã—ã¨ã„ã†ã“ã¨ã¯ãŠãŠã„ã¨æ€ã„ã¾ã™ã€‚ ä¸€ç•ªå®‰ã„ãƒ—ãƒ©ãƒ³ã¯ 7 ãƒ‰ãƒ«ã§ã€ã¨ã‚Šã‚ãˆãšã“ã‚Œã ã‘æ‰•ãˆã° 24 æ™‚é–“ Dyno ã‚’èµ·å‹•ã—ã£ã±ãªã—ã«ã§ãã¾ã™ã€‚ å…¬é–‹ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªãŒ 1 å€‹ãªã‚‰ã¾ã‚ 7 ãƒ‰ãƒ«ãã‚‰ã„æ‰•ã£ã¨ã‘ã‚ˆã§æ¸ˆã‚€è©±ãªã®ã§ã™ãŒã€ç§ã®ã‚ˆã†ã« 18 æ™‚é–“åˆ¶é™ã«ã²ã£ã‹ã‹ã£ã¦ã‚‹ã‚¢ãƒ—ãƒªãŒ 30 å€‹ã‚‚ã‚ã‚‹ã¨ãªã‚‹ã¨ 210 ãƒ‰ãƒ«ã‚’æ‰•ã†ã®ã¯èºŠèº‡ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ä»Šæ—¥ã¯çŸ³ã«é½§ã‚Šã¤ã„ã¦ã§ã‚‚ Heroku ã‚’ã‚¿ãƒ€ã§ä½¿ã†æ–¹æ³•ã‚’è€ƒãˆã¦ã„ãã¾ã™ã€‚ åŸºæœ¬çš„ãªã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ Heroku ã§ã‚¢ãƒ—ãƒª 2 å€‹ç”¨æ„ã—ã¦ã€åŒã˜ DB å‘ãã‚ˆã†ã«ã—ã¦ã€ 12 æ™‚é–“
summer4an 2015/08/26
Webé–‹ç™º

heroku
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–é–‹ç™ºã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè¶…çµ¶æ—ã‚‹é–‹ç™ºè€…ã®ãŸã‚ã®ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã€ŒFirefox Developer Editionã€ãŒç™»å ´
ç„¡æ–™ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ãªã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã€ŒFirefoxã€ãŒç™»å ´ã—ã¦ã‹ã‚‰ä»Šå¹´ã§ã¡ã‚‡ã†ã©10å¹´ã«ãªã‚‹ãã†ã§ã™ãŒã€ãã‚“ãªç¯€ç›®ã®å¹´ã«ã€Firefoxã‚’é–‹ç™ºã—ã¦ã„ã‚‹MozillaãŒã‚¦ã‚§ãƒ–é–‹ç™ºè€…ç›®ç·šã§ä½œæˆã—ã€é–‹ç™ºè€…ã‚„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã“ãä½¿ã£ã¦ã»ã—ã„ã¨ã„ã†ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã€ŒFirefox Developer Editionã€ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ Firefox Developer Edition â€” Mozilla https://www.mozilla.org/ja/firefox/developer/ Firefox Developer Editionã¯ã‚¦ã‚§ãƒ–é–‹ç™ºè€…ã®ãŸã‚ã«ä½œã‚‰ã‚ŒãŸãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ä½œæˆãƒ»ãƒ†ã‚¹ãƒˆãƒ»ã‚µã‚¤ã‚ºã®å¤‰æ›´ã¨ã„ã£ãŸé–‹ç™ºã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã§å¿…è¦ã¨ã•ã‚Œã‚‹æ©Ÿèƒ½ã‚’ã™ã¹ã¦æŒã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ã•ã‚‰ã«ã€å°‚ç”¨ã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚Œã°ã€Firefox Developer Editionã‚’æ“ä½œã™ã‚‹ã ã‘ã§ä»–ã®ãƒ–ãƒ©ã‚¦
summer4an 2014/11/11
webé–‹ç™º

ãƒ‡ãƒãƒƒã‚¬

firefox
ãƒªãƒ³ã‚¯
fluentd ã‚’åˆ©ç”¨ã—ãŸå¤§è¦æ¨¡ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒã‚®ãƒ³ã‚°
æ¾æ±Ÿ å®æ¨¹ã€æ¥½å¤©æ ªå¼ä¼šç¤¾ ROMAã¯ã€æ¥½å¤©ãŒé–‹ç™ºã—ãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®åˆ†æ•£Key-Value Storeã§ã‚ã‚‹ã€‚ROMA ã¯ã€Œæ¥½å¤©å¸‚å ´ã€ã€Œæ¥½å¤©ãƒˆãƒ©ãƒ™ãƒ«ã€ãªã©ã€æ¥½å¤©ã®å¤šæ§˜ãªã‚µãƒ¼ãƒ“ã‚¹ã§ç™ºç”Ÿã™ã‚‹å¤§é‡ã®ãƒ¦ãƒ¼ã‚¶ã‚¢ã‚¯ã‚»ã‚¹ã‚’é«˜é€Ÿã«å‡¦ç†ã™ã‚‹ãŸã‚é–‹ç™ºã•ã‚Œã€åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã€‚ROMA ã®ç‰¹å¾´ã§ã‚ã‚‹ã€å¿…è¦ã«å¿œã˜ã¦å‹•çš„ãªã‚¹ã‚±ãƒ¼ãƒ«ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹æŠ€è¡“ã‚„ã€ Ruby ã§è¨˜è¿°ã§è¨˜è¿°ã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã‚ˆã‚Šåˆ©ç”¨ç”¨é€”ã«å¿œã˜ãŸæ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã‚‹æ‹¡å¼µæ€§ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ã¾ãŸã€ç¤¾å†…ã§ã®å…·ä½“çš„ãªåˆ©ç”¨ä¾‹ã‚’å–ã‚Šä¸Šã’ç´¹ä»‹ã™ã‚‹ã¨å…±ã«ã€æ©Ÿèƒ½æ”¹å–„ã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦ç´¹ä»‹ã™ã‚‹ã€‚ Infotalkã§åˆ©ç”¨ã—ãŸç™ºè¡¨ç”¨è³‡æ–™ã€‚ http://pk.ai it.ac.jp/index.php?InfoTalk%2F20120318
summer4an 2014/10/09
webé–‹ç™º

web

ã‚µãƒ¼ãƒãƒ¼

ãƒã‚°

fluentd
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å…¥é–€ - MOL
Web Directions East 2009 ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ— Nicole Sullivan ï¼ˆãƒ‹ã‚³ãƒ¼ãƒ«ãƒ»ã‚µãƒªãƒãƒ³ï¼‰ 3000ä»¥ä¸Šã«ã‚‚æ˜‡ã‚‹å¤§è¦æ¨¡ã‚µã‚¤ãƒˆã®æœ€é©åŒ–ã«æºã‚ã£ã¦æ¥ãŸ Nicole Sullivan ã¯ã€ç¾åœ¨ Yahoo! ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨æœ€é©åŒ–ã®ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã¨ã—ã¦å›½å†…å¤–ã®ã‚»ãƒŸãƒŠãƒ¼ã§è¬›æ¼”ã€‚Webã‚µã‚¤ãƒˆã«é–¢ã™ã‚‹ç ”ç©¶ã ã‘ã§ãªãã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ã‚‚ã“ãªã™ãƒžãƒ«ãƒã‚¿ã‚¹ã‚¯ãªãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—ã‚’ç™ºæ®ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã®é«˜ã„ã‚¹ã‚ãƒ«ã‚’æŒã¤ã€‚ Stubbornella Nicole Sullivan (@stubbornella) | Twitter Nicole Sullivan | SlideShare ãªãœãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ã¤ã„ã¦è©±ã™ã®ã‹ï¼Ÿ é€Ÿã„æ–¹ãŒè‰¯ã„ï¼ é€Ÿãã¦å›°ã‚‹ã“ã¨ã¯ç‰¹ã«ãªã„ ã‚µã‚¤ãƒˆã¯å¹´ã€…å·¨å¤§åŒ–ã—ã¦ã„ã‚‹ ç¾åœ¨ã®ã‚µã‚¤ãƒˆã¯Webãƒšãƒ¼ã‚¸ã¨ã„ã†ã‚ˆã‚Šã‚‚ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ã—ã¦
summer4an 2014/10/09
webé–‹ç™º

webã‚µã‚¤ãƒˆ

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
ææ€–é§†å‹•é–‹ç™ºã€ã‚ãªãŸã®ä½“é¨“ã¯ï¼Ÿ | ã‚¹ãƒ©ãƒ‰ Slashdotã«èžã‘
æ•°å¹´ã»ã©å‰ã€æ±å—ã‚¢ã‚¸ã‚¢ã§è¦æ¨¡ã®å¤§ããªWebé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å‚åŠ ã—ãŸã€‚æ£å¼ã«ã¯ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«/ã‚¹ã‚¯ãƒ©ãƒ é–‹ç™ºæ‰‹æ³•ãŒå–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ãŸã«ã‚‚é–¢ã‚ã‚‰ãšã€å®Ÿéš›ã®é–‹ç™ºã¯ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãŒæŠ¼ã—ä»˜ã‘ã¦ãã‚‹ææ€–ã§é§†å‹•ã•ã‚Œã¦ã„ãŸã€‚Scott Hanselmanã®å®šç¾©ã«ã‚ˆã‚‹ã¨ã€ææ€–é§†å‹•é–‹ç™º(Fear Driven Development: FDD)ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãª3ç¨®é¡žãŒã‚ã‚‹ã€‚ çµ„ç¹”çš„ãªææ€–: é–‹ç™ºè€…ã¯ãƒŸã‚¹ã‚’çŠ¯ã™ã“ã¨ã‚„ãƒ“ãƒ«ãƒ‰ã‚’ç ´æã™ã‚‹ã“ã¨ã€ãƒã‚°ã‚’ç”Ÿã¿å‡ºã™ã“ã¨ã‚’æã‚Œã€çµ„ç¹”ã¯æ›¸é¡žã®ä½œæˆã«æ³¨åŠ›ã—ã¦éŽå‰°ãªãƒ—ãƒã‚»ã‚¹ã‚’ç”Ÿã¿ã€ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã“ã¨ã‚’å¦¨ã’ã‚‹ã€‚ ã‚³ãƒ¼ãƒ‰å¤‰æ›´ã®ææ€–: æ—¢å˜ã®ã‚³ãƒ¼ãƒ‰ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§äºˆæœŸã—ãªã„å‰¯ä½œç”¨ãŒç™ºç”Ÿã™ã‚‹å¯èƒ½æ€§ã‚„ã€ä¿®æ£æ¸ˆã¿ã®ãƒã‚°ãŒå¾©æ´»ã™ã‚‹å¯èƒ½æ€§ãªã©ã«ã‚ˆã‚Šã€é–‹ç™ºè€…ã¯ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ã‚‹ã€‚ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ãŒå¤ãã€å†…å®¹ã‚’ã‚ˆãç†è§£ã§ãã¦ã„ãªã„ã“ã¨ãªã©ãŒåŽŸå› ã€‚ å¤±æ¥ã®ææ€–: çµ„ç¹”ãŒè§£é›‡ã‚’ã¡ã‚‰ã¤ã‹ã›ã¦é–‹ç™ºè€…ã«é•·æ™‚é–“ã®é‡åŠ´åƒã‚’å¼·ã„ã‚‹
summer4an 2014/09/22
é–‹ç™º

webé–‹ç™º
ãƒªãƒ³ã‚¯
æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã‘ã‚‹ãƒ¢ãƒ€ãƒ³Webé–‹ç™ºã®ç¾çŠ¶ãƒ¼HTML5é–‹ç™ºã£ã¦ç°¡å˜ãªã®ï¼Ÿ
27. CSSã®ä¸èº«ã‚’è¦—ã„ã¦ã¿ã‚‹ .modal-dialog { -webkit-transf orm: translate(0, -25%); -ms-transf orm: translate(0, -25%); transf orm: translate(0, -25%); -webkit-transition: -webkit-transf orm 0.3s ease-out; -moz-transition: -moz-transf orm 0.3s ease-out; -o-transition: -o-transf orm 0.3s ease-out; transition: transf orm 0.3s ease-out; }
summer4an 2014/03/03
webé–‹ç™º

HTML

CSS

javascript

grunt

yeoman

bower
ãƒªãƒ³ã‚¯
1