[B! codegrid] kitokitokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kitokitoki id:kitokitoki

codegridã«é–¢ã™ã‚‹kitokitokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (36)

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

ãƒ©ã‚¤ãƒˆã«ä½¿ã†Vue.js | CodeGrid
ã“ã®ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã“ã‚Œã‹ã‚‰Vue.jsã‚’ä½¿ã†äººã‚„ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯æ‹…å½“ã—ãªã„ã‘ã‚Œã©ã€Webã‚µã‚¤ãƒˆã§ã‚‚ã†å°‘ã—è¤‡é›‘ãªä»•çµ„ã¿ã‚’æä¾›ã—ãŸã„äººå‘ã‘ã«ã€æ°—è»½ã«å°Žå…¥ã§ãã‚‹Vue.jsã®ä½¿ã„æ–¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
kitokitoki 2018/07/30
vue.js

codegrid
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰å§‹ã‚ã‚‹Vue.js 2.0 | CodeGrid
ã“ã®ã‚·ãƒªãƒ¼ã‚ºã¯ã€Viewå±¤ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªVue.jsã®åˆå¦è€…å‘ã‘å…¥é–€ã§ã™ã€‚Vue.js 2.xç³»ã‚’å¯¾è±¡ã«åŸºç¤ŽçŸ¥è˜ã‹ã‚‰ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ã¾ã§ã€åŸºæœ¬äº‹é …ã‚’ã¦ã„ãã„ã«è§£èª¬ã—ã¾ã™ã€‚
kitokitoki 2018/07/30
vue.js

codegrid
ãƒªãƒ³ã‚¯
ãŠã™ã™ã‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¤ã¾ã¿é£Ÿã„ | ç¬¬16å›ž date-fns
ãŠã™ã™ã‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¤ã¾ã¿é£Ÿã„ ç¬¬16å›ž date-fns JavaScriptã§æ—¥ä»˜ã‚’ç°¡å˜ã«æ‰±ã†ã“ã¨ãŒã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€date-fnsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ä¼¼ãŸã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã¤ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®Moment.jsã¨æ¯”è¼ƒã™ã‚‹ã¨ã€ãƒ“ãƒ«ãƒ‰ã‚µã‚¤ã‚ºã‚„å‡¦ç†ã‚³ã‚¹ãƒˆãªã©ã®é¢ã§åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚
kitokitoki 2017/09/12
moment.js

codegrid
ãƒªãƒ³ã‚¯
TestCafeå…¥é–€ | ç¬¬1å›ž TestCafeã¨ã¯
TestCafeå…¥é–€ ç¬¬1å›ž TestCafeã¨ã¯ TestCafeã¯JavaScriptã®End-to-Endãƒ†ã‚¹ãƒˆã‚’è¡Œã†ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®æ“ä½œã‚’è‡ªå‹•åŒ–ã—ã¦ãƒ†ã‚¹ãƒˆã‚’è¡Œã„ã¾ã™ãŒã€WebDriverã®å€‹åˆ¥ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒä¸è¦ã§ã€ç’°å¢ƒæ§‹ç¯‰ãŒå®¹æ˜“ã§ã™ã€‚ ã¯ã˜ã‚ã« TestCafeã¯ã€E2Eï¼ˆEnd-to-Endï¼‰*ã§ãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•åŒ–ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€TestCafeï¼ˆãƒ†ã‚¹ãƒˆã‚«ãƒ•ã‚§ï¼‰ã®ç´¹ä»‹ã¨ãƒ†ã‚¹ãƒˆã®å®Ÿéš›ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ *æ³¨ï¼šE2Eãƒ†ã‚¹ãƒˆ E2Eãƒ†ã‚¹ãƒˆï¼ˆçµåˆãƒ†ã‚¹ãƒˆï¼‰ã«ã¤ã„ã¦ã¯ã€éŽåŽ»ã®è¨˜äº‹ã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ JavaScripté–‹ç™ºã®ãŸã‚ã®ãƒ†ã‚¹ãƒˆå…¥é–€ - çµåˆãƒ†ã‚¹ãƒˆ | CodeGrid TestCafeã®ç‰¹å¾´ TestCafeã¯æœ€åˆã®ã‚³ãƒŸãƒƒãƒˆãŒ2015å¹´ã®4æœˆã€æœ€åˆã®ãƒªãƒªãƒ¼ã‚¹ãŒ2016å¹´10æœˆã¨æ¯”è¼ƒçš„æ–°ã—ã„E2Eãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ãˆã¾ã™ã€‚
kitokitoki 2017/09/12
testcafe

codegrid
ãƒªãƒ³ã‚¯
ä¸€ã‹ã‚‰å§‹ã‚ã‚‹Firebase | CodeGrid
GoogleãŒæä¾›ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã€Firebaseã®åˆ©ç”¨æ–¹æ³•ã‚’è§£èª¬ã™ã‚‹ã‚·ãƒªãƒ¼ã‚ºã§ã™ã€‚Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¨ã—ã¦Firebaseã‚’ä½¿ã†æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚
kitokitoki 2017/07/20
firebase

codegrid
ãƒªãƒ³ã‚¯
Falcorã§å®Ÿç¾ã™ã‚‹åŠ¹çŽ‡çš„ãªfetch | ç¬¬1å›ž Falcorã¨ã¯
ã“ã®è¨˜äº‹ã®å†…å®¹ã¯å¤ããªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€Falcorã¯3å¹´å‰ã‹ã‚‰é–‹ç™ºãŒæ¢ã¾ã£ã¦ãŠã‚Šã€ç¾åœ¨ã§ã¯ãŠã™ã™ã‚ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã¯ãªããªã‚Šã¾ã—ãŸã€‚ç¾åœ¨ã¯GraphQLã§å®Ÿç¾ã§ãã‚‹ã“ã¨ã‚‚å¤šã„ã®ã§ã€ŒHygraphï¼ˆGraphCMSï¼‰ã§å¦ã¶GraphQLã€ãªã©ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ï¼ˆ2024.10.15ï¼‰ ã¯ã˜ã‚ã« Falcorã¯Netflixã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ã€ä¸»ã«SPAï¼ˆã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰å½¢å¼ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã„ã¦ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ã‚µãƒ¼ãƒãƒ¼ã®é–“ã§è¡Œã†ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šå–ã‚Šã‚’ã€ã“ã‚Œã¾ã§ã‚ˆã‚Šã‚‚å°‘ãªã„ãƒªã‚¯ã‚¨ã‚¹ãƒˆå›žæ•°ã§ã€ãã—ã¦æœ€ä½Žé™ã®ãƒ‡ãƒ¼ã‚¿é‡ã§è¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Falcor: One Model Everywhere å°Žå…¥ã«ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã¨ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ä¸¡æ–¹ã®å¯¾å¿œãŒå¿…è¦ã§ã€ãã‚Œãžã‚Œã®ç’°å¢ƒç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯GitHu
kitokitoki 2016/04/08
codegrid
ãƒªãƒ³ã‚¯
AWSã‚’ä½¿ã£ãŸé™çš„Webã‚µã‚¤ãƒˆã®å…¬é–‹ | ç¬¬1å›ž Amazon S3ã®åˆ©ç”¨æ–¹æ³•ã¨æ–™é‡‘
AWSã‚’ä½¿ã£ãŸé™çš„Webã‚µã‚¤ãƒˆã®å…¬é–‹ ç¬¬1å›ž Amazon S3ã®åˆ©ç”¨æ–¹æ³•ã¨æ–™é‡‘ ã•ã¾ã–ã¾ãªå ´é¢ã§åˆ©ç”¨ã•ã‚Œã‚‹Amazon Web Servicesã€‚ã“ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ä¸ã‹ã‚‰ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦ã‚‚æ‰±ã„ã‚„ã™ã„Amazon S3ã‚’åˆ©ç”¨ã—ã¦é™çš„ãªWebã‚µã‚¤ãƒˆã‚’å…¬é–‹ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ãã®ã‚µãƒ¼ãƒ“ã‚¹æ¦‚è¦ã¨æ–™é‡‘å½¢æ…‹ã«ã¤ã„ã¦è©³ã—ãè¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã¯ã˜ã‚ã« æœ€è¿‘ã¯ã€ã•ã¾ã–ã¾ãªå ´é¢ã§Amazon Web Servicesï¼ˆä»¥ä¸‹ã€AWSã¨è¡¨è¨˜ã—ã¾ã™ï¼‰ãŒåˆ©ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ã—ã‹ã—ã€å¤šãã®ã‚µãƒ¼ãƒ“ã‚¹ã‹ã‚‰æ§‹æˆã•ã‚Œã‚‹AWSã¯ã©ã®ã‚ˆã†ã«ä½¿ã£ãŸã‚‰ã‚ˆã„ã‹ã€ã‚ã‹ã‚Šã¥ã‚‰ã„ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã¯AWSãŒæä¾›ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®ä¸€ã¤ã§ã‚ã‚Šã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦ã‚‚æ‰±ã„ã‚„ã™ã„ Amazon Simple Storage Serviceï¼ˆAmazon S3ã€ä»¥ä¸‹S3
kitokitoki 2016/03/11
s3

é™çš„ã‚µã‚¤ãƒˆ

codegrid
ãƒªãƒ³ã‚¯
ä»•æ§˜æ›¸ã®èªã¿æ–¹ CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ç·¨ | ç¬¬1å›ž ä»•æ§˜è¡¨ã‚’èªã‚“ã§ã¿ã‚ˆã†
ä»•æ§˜æ›¸ã‚’èªã‚ã‚‹ã¨ä½•ãŒã„ã„ã®ã‹ W3Cã«ã‚ã‚‹ã€CSSã®ä»•æ§˜æ›¸ã‚’èªã‚“ã ã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿã€€å®Ÿéš›ã«W3Cã®ã‚µã‚¤ãƒˆã«è¦‹ã«ã„ã£ã¦ã¿ãŸã¯ã„ã„ã‚‚ã®ã®ã€è‹±èªžãŒãšã‚‰ã£ã¨ä¸¦ã‚“ã§ã„ã¦æ€ã‚ãšã‚¿ãƒ–ã‚’é–‰ã˜ã¦ã—ã¾ã£ãŸçµŒé¨“ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã®è¨˜äº‹ãŒã€ãã‚“ãªè‹¦æ‰‹æ„è˜ã‚’æŒã¤æ–¹ãŒã€CSSã®ä»•æ§˜æ›¸ã‚’èªã¿å§‹ã‚ã‚‹æ‰‹åŠ©ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ä»•æ§˜æ›¸ã‚’èªã‚ã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã€æ–°ã—ã„ä»•æ§˜ã§ä½•ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã‹ã‚’ã„ã¡æ—©ãçŸ¥ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€å®‰å®šã—ãŸä»•æ§˜ã§ã¯ã‚ã£ã¦ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®å‹•ä½œãŒç•°ãªã‚‹å ´åˆã«ã€æ£ã—ãã¯ã©ã†ã‚ã‚‹ã¹ããªã®ã‹ã‚’çŸ¥ã‚‹ã“ã¨ãŒã§ãã€å ´åˆã«ã‚ˆã£ã¦ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ™ãƒ³ãƒ€ãƒ¼ã«ãƒã‚°å ±å‘Šã‚’ã§ããŸã‚Šã—ã¾ã™ã€‚ ãã‚Œã¨ã€ã“ã‚Œã¯æ°—æŒã¡ã®å•é¡Œã§ã™ãŒã€ä»•æ§˜ã‚’èªã‚“ã§èº«ã«ä»˜ã‘ãŸçŸ¥è˜ã¯ã€æˆ‘æµã‚„ã‚µã‚¤ãƒˆã‚’ã¡ã‚‡ã£ã¨èªã¿ã‹ã˜ã£ãŸãã®å ´ã—ã®ãŽã®çŸ¥è˜ã‚ˆã‚Šã€è‡ªä¿¡ã‚’æŒã£ã¦ä½¿ãˆã‚‹ã¨ã„ã†ç‚¹ãŒã„ã¡ã°ã‚“å¤§ãã„ã¨ç§ã¯æ€ã„ã¾ã™ã€‚ ä»•æ§˜æ›¸ã‚’èªã‚“ã§ã¿ã‚ˆã† W3Cã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ã€Œä»•æ§˜æ›¸ã€ã§
kitokitoki 2016/02/04
css

codegrid

w3c

manual
ãƒªãƒ³ã‚¯
ECMAScript 2015ã®æ–°æ©Ÿèƒ½ | ç¬¬10å›ž Symbol 1
HTMLãƒ»CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€å¾Œã«JavaScriptã®è¨è¨ˆã‚„å®Ÿè£…ã‚’ä¸»æ¥å‹™ã¨ã—ã¦çµŒé¨“ã‚’ç©ã‚€ã€‚ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚µã‚¤ãƒˆã‚„ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã®ã€å‹•ãã¨æ“ä½œæ€§ã«å·¥å¤«ã‚’å‡ã‚‰ã—ãŸUIå®Ÿè£…ã‚’å¤šãæ‰‹ãŒã‘ã¦ã„ã‚‹ã€‚è¤‡é›‘ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè£…ã«ãŠã‘ã‚‹ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆçš„ãªè€ƒãˆæ–¹ã‚’å¿µé ã«ãŠã„ãŸJSã®è¨è¨ˆã‚’å¾—æ„ã¨ã™ã‚‹ã€‚2021å¹´ã€é€€ç¤¾ã€‚ è‘—æ›¸ã«ã€ŽJavaScript ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é¤Šæˆèªæœ¬ã€ï¼ˆå…±è‘—ï¼šæŠ€è¡“è©•è«–ç¤¾ã€2014å¹´12æœˆ11æ—¥ï¼‰ãŒã‚ã‚‹ã€‚
kitokitoki 2016/02/04
symbol, ã‚·ãƒ³ãƒœãƒ«

codegrid

javascript
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªé »å‡ºå®Ÿè£…ã‚’è€ƒãˆã‚‹ | æœ€çµ‚å›ž ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¨ãƒ‡ãƒ¼ã‚¿ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æœ€é©åŒ–
Webã‚¢ãƒ—ãƒªé »å‡ºå®Ÿè£…ã‚’è€ƒãˆã‚‹ æœ€çµ‚å›ž ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¨ãƒ‡ãƒ¼ã‚¿ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æœ€é©åŒ– ã‚µãƒ¼ãƒãƒ¼APIã¸ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒä¸»ã«ãªã‚‹ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ã‚µãƒ¼ãƒãƒ¼APIã¸ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆè‡ªä½“ã‚’æ¸›ã‚‰ã™ã“ã¨ã‚’è¨è¨ˆæ™‚ã«è€ƒãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã•ã‚‰ã«ã€ã‚µãƒ¼ãƒãƒ¼APIã‚’é€šã—ã¦å–å¾—ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã®é©åˆ‡ãªã‚ãƒ£ãƒƒã‚·ãƒ¥ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚
kitokitoki 2016/01/28
codegrid
ãƒªãƒ³ã‚¯
ãã“ãŒçŸ¥ã‚ŠãŸã„ã€Flexbox | CodeGrid
CSS Flexible Box Layout Moduleã«ã‚ˆã‚‹ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä»•æ§˜ã‚’è©³ã—ãè§£èª¬ã€‚ã¾ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã«å½¹ç«‹ã¤ä½¿ç”¨é »åº¦ã®é«˜ã„å®Ÿè£…ä¾‹ã‚’ã€ä»•çµ„ã¿ã¨ã¨ã‚‚ã«ç´¹ä»‹ã—ã¾ã™ã€‚
kitokitoki 2016/01/19
flexbox

codegrid
ãƒªãƒ³ã‚¯
è¡¨ã®å¹…æŒ‡å®š | ç¬¬7å›ž CSS2.2ã®è¡¨å¹…ã®ä»•çµ„ã¿ 2
è¡¨ã®å¹…æŒ‡å®š ç¬¬7å›ž CSS2.2ã®è¡¨å¹…ã®ä»•çµ„ã¿ 2 ã“ã®é€£è¼‰ã§ã¯ã€è¡¨ã‚„ã‚»ãƒ«ã®å¹…ã‚’è‡ªç”±ã«æ“ã‚‹ã«ã¯ã©ã†ã—ãŸã‚‰ã‚ˆã„ã‹ã€CSS 2.2ãªã©ã®ä»•æ§˜ã‚’ç¢ºèªã—ãªãŒã‚‰è€ƒãˆã¾ã™ã€‚ä»Šå›žã¯ã€CSS 2.2ã®ä¸ã§è¡¨ã®è‡ªå‹•ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ç®‡æ‰€ã®ä¸ã§ã‚‚ã€tableè¦ç´ ã®widthãŒautoã®å ´åˆã‚’è¦‹ã¦ã„ãã¾ã™ã€‚ã¾ãŸã€åˆ—å¹…ãŒ%æŒ‡å®šã•ã‚ŒãŸå ´åˆã‚‚è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚
kitokitoki 2016/01/15
è¡¨ã®widthãŒautoã®å ´åˆã€è¡¨ã®å¹…ãŒã©ã®ã‚ˆã†ã«æ±ºå®šã•ã‚Œã‚‹ã‹

html

css

codegrid
ãƒªãƒ³ã‚¯
ECMAScript 2015ã®æ–°æ©Ÿèƒ½ | CodeGrid
ã“ã®ã‚·ãƒªãƒ¼ã‚ºã§ã¯ç–å®šã•ã‚ŒãŸECMAScript 2015ã‹ã‚‰æ–°ãŸã«æè¼‰ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ã®ã†ã¡ã€ä»Šå¾Œã€å®Ÿè£…ã«å½±éŸ¿ã‚’ä¸Žãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã§ã‚ã‚ã†æ³¨ç›®ã®æ©Ÿèƒ½ã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ï¼ˆã€ŽECMAScript 6ã®æ–°æ©Ÿèƒ½ã€ã‚ˆã‚Šæ”¹é¡Œï¼‰
kitokitoki 2016/01/07
es6

es2015

codegrid
ãƒªãƒ³ã‚¯
å®Ÿè·µï¼ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®viewportè¨å®š | ç¬¬1å›ž viewportã¨ã¯ãªã«ã‹ï¼Ÿ
å®Ÿè·µï¼ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®viewportè¨å®š ç¬¬1å›ž viewportã¨ã¯ãªã«ã‹ï¼Ÿ viewportã¨ã¯æ™®æ®µèžãæ…£ã‚Œãªã„è¨€è‘‰ã§ã™ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç«¯æœ«ç‹¬ç‰¹ã®ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºæ–¹æ³•ã«æ·±ãã‹ã‹ã‚ã£ã¦ã„ã¦ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç’°å¢ƒã§ã¯ã€æ„è˜ã™ã‚‹å¿…è¦ã®ãªã‹ã£ãŸæ¦‚å¿µãªã®ã§ã™ã€‚ã¾ãšã¯ã€viewportã®æ¦‚å¿µã‚’ç†è§£ã™ã‚‹ã¨ã“ã‚ã‹ã‚‰ã¯ã˜ã‚ã¾ã—ã‚‡ã†ã€‚ viewportã¨ã¯ãªã«ã‹ï¼Ÿ viewportï¼ˆãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆï¼‰ã¨ã¯ã€æ—¥æœ¬èªžã«è¨³ã™ã¨ã€Œè¡¨ç¤ºé ˜åŸŸã€ã¨ã„ã†è¨€è‘‰ãŒã—ã£ãã‚Šãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä¾‹ãˆã°ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç’°å¢ƒï¼ˆPCãªã©ï¼‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ãªã©ã§ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®è¡¨ç¤ºé ˜åŸŸãŒviewportã«ãªã‚Šã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ãŒviewportã‹ã‚‰ã¯ã¿å‡ºãŸå ´åˆã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ã—ã¦viewportã‚’å¤‰ãˆã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å ´åˆã¯ã©ã†ã§ã—ã‚‡ã†ã‹ã€‚ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç’°å¢ƒã¨ç•°ãªã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ç›¸å¯¾çš„ã«å°ã•ãã€1
kitokitoki 2015/09/04
ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆ

codegrid

viewport
ãƒªãƒ³ã‚¯
ãã“ãŒçŸ¥ã‚ŠãŸã„ã€Flexbox | ç¬¬1å›ž ä»•æ§˜ã‚’çŸ¥ã‚‹ 1
Flexible Box Layoutã§ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãŸã¨ãˆã°ã€å·¦å³ã«ã‚«ãƒ©ãƒ åˆ†ã‘ã•ã‚ŒãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚ŠãŸã„ã¨ã—ã¾ã™ã€‚ã“ã‚Œã‚’CSSã§å®Ÿç¾ã™ã‚‹æ–¹æ³•ã¯ä½•é€šã‚Šã‚‚å˜åœ¨ã—ã¾ã™ã€‚ éŽåŽ»ã«CodeGridã§ç´¹ä»‹ã—ãŸã‚ˆã†ãª*table-cellã‚„inline-blockã‚’åˆ©ç”¨ã—ãŸã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚ã£ãŸã‚Šã€å˜ç´”ã«floatã‚’ä½¿ç”¨ã—ãŸã‚‚ã®ã§ã‚ã£ãŸã‚Šã€display: grid;ã§ã‚ã£ãŸã‚Šâ€¦â€¦ã€‚ *æ³¨ï¼šã“ã‚Œã¾ã§ã«ç´¹ä»‹ã—ãŸè¨˜äº‹ ã€Œdisplay: tableã®æ´»ç”¨ï¼šãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ãªæ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ ã€Œdisplay: tableã®æ´»ç”¨ï¼šãƒ•ã‚£ãƒƒãƒˆã™ã‚‹ç‰¹æ€§ã¨å‡ç‰é…ç½®ã€ ã€Œdisplay: tableã®æ´»ç”¨ï¼šæµã—è¾¼ã‚€æ–¹å‘ã®åˆ¶å¾¡ã€ ã€Œinline layoutã‚’ä½¿ã„ã“ãªã™ï¼šã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ æ–¹æ³•ã¯æŒ™ã’ã‚Œã°ãã‚ŠãŒãªã„ã®ã§ã™ãŒã€ä»Šå›žã¯CSS Flexible Box Layout Moduleï¼ˆä»¥ä¸‹ã€Flexboxï¼‰ã«
kitokitoki 2015/08/25
css

codegrid

flexbox
ãƒªãƒ³ã‚¯
ã§ãã‚‹ï¼ä¸å¤®å¯„ã› | ç¬¬1å›ž å·¦å³ä¸å¤®å¯„ã› 1
Webåˆ¶ä½œä¼šç¤¾ã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã‚’çµŒã¦ã€æ ªå¼ä¼šç¤¾ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ã«å…¥ç¤¾ã€‚æ•°å¤šãã®Webã‚µã‚¤ãƒˆã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®HTMLã€CSSã€JavaScriptå®Ÿè£…ã«æºã‚ã£ã¦ããŸã€‚å—è¨—æ¡ˆä»¶ã‚’ä¸å¿ƒã«ãƒ•ãƒãƒ³ãƒˆå‘¨ã‚Šã®å®Ÿè£…ã€è¨è¨ˆã€ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’è¡Œã†ã€‚ã‚¹ã‚±ãƒ¼ãƒ©ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒæ…®ã—ãŸHTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè¨è¨ˆãƒ»å®Ÿè£…ã€JavaScriptã‚’ä½¿ã£ãŸè¾¼ã¿å…¥ã£ãŸUIã®è¨è¨ˆãƒ»å®Ÿè£…ã‚’å¾—æ„åˆ†é‡Žã¨ã™ã‚‹ã€‚ è‘—æ›¸ã«ã€Žæ”¹è¨‚ç‰ˆ Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã® jQueryå…¥é–€ã€ï¼ˆæŠ€è¡“è©•è«–ç¤¾ã€2014å¹´11æœˆ14æ—¥ï¼‰ãŒã‚ã‚‹ã€‚ CSS Nite 2011ãƒ™ã‚¹ãƒˆã‚»ãƒƒã‚·ãƒ§ãƒ³ã«ãŠã„ã¦ã€å…¨170ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ä¸ã‹ã‚‰ã€ãƒ™ã‚¹ãƒˆ10ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«ã€CSS Nite 2013ãƒ™ã‚¹ãƒˆã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã€å…¨278ã‚»ãƒƒã‚·ãƒ§ãƒ³ä¸ã€ãƒ™ã‚¹ãƒˆ20ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«é¸å‡ºã€‚
kitokitoki 2015/07/16
ä¸å¤®å¯„ã›

css

codegrid
ãƒªãƒ³ã‚¯
ECMAScript 2015ã®æ–°æ©Ÿèƒ½ | ç¬¬5å›ž Classæ§‹æ–‡ 2
ECMAScript 2015ã®æ–°æ©Ÿèƒ½ ç¬¬5å›ž Classæ§‹æ–‡ 2 Classæ§‹æ–‡ã‚’ä½¿ã£ãŸã‚¯ãƒ©ã‚¹ã®ç¶™æ‰¿ã®æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ES6ã¯Classæ§‹æ–‡ãŒã‚ã‚‹ãŸã‚ã€å¾“æ¥ã®æ–¹æ³•ã‚ˆã‚Šã‚‚ã€ã‚¯ãƒ©ã‚¹ç¶™æ‰¿ã®ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ãŒã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã«ãªã£ã¦ã„ã‚‹ã®ãŒã‚ã‹ã‚Šã¾ã™ã€‚
kitokitoki 2015/06/11
class, promise, generator

es6

codegrid
ãƒªãƒ³ã‚¯
ç¾å ´ã§ä½¿ãˆã‚‹gulpå…¥é–€ | ç¬¬1å›ž gulpã¨ã¯ä½•ã‹
ç¾å ´ã§ä½¿ãˆã‚‹gulpå…¥é–€ ç¬¬1å›ž gulpã¨ã¯ä½•ã‹ ã•ã¾ã–ã¾ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ gulpã®åŸºç¤Žã‚’è§£èª¬ã—ã¾ã™ã€‚ç¬¬1å›žç›®ã¯ã€gulpã¨ã¯ä½•ã‹ï¼Ÿã€€è‡ªå‹•åŒ–ã®ãƒ¡ãƒªãƒƒãƒˆã¯ã©ã“ã«ã‚ã‚‹ã®ã‹æ¦‚è¦³ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ç°¡å˜ãªã‚¿ã‚¹ã‚¯ã‚’èµ°ã‚‰ã›ã¦ã¿ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã“ã®ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€JavaScriptã§æ›¸ã‹ã‚ŒãŸãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã§ã‚ã‚‹gulpï¼ˆã‚¬ãƒ«ãƒ—ï¼‰ã«ã¤ã„ã¦ã€å°Žå…¥ã‹ã‚‰ä½¿ã„æ–¹ãªã©ã€åŸºæœ¬çš„ãªéƒ¨åˆ†ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãªãŠã€è¨˜äº‹åŸ·ç†æ™‚ç‚¹ã®gulpã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯3.8.7ã§ã™ã€‚ ç¬¬1å›žç›®ã§ã¯ã€ã¾ãšã€ãªãœgulpã®ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ãŒå¿…è¦ãªã®ã‹ã€ãƒ„ãƒ¼ãƒ«ã®èƒŒæ™¯ã«è§¦ã‚Œã¾ã™ã€‚ã•ã‚‰ã«gulpã®æ¦‚è¦ã¨ã€ç’°å¢ƒè¨å®šã‚’ä¸å¿ƒã«è§£èª¬ã—ã¾ã™ã€‚ gulpã¨ã¯ gulpã¯Node.jsã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ãƒ˜ãƒ«ãƒ‘ãƒ¼ã§ã™ã€‚ä»¥å‰CodeGridã§ã‚‚ç´¹ä»‹ã—ãŸGruntã¨ä¼¼ãŸç›®çš„ã‚’æŒã£ã¦ä½œã‚‰ã‚ŒãŸãƒ„ãƒ¼ãƒ«ã§ã€gulpã‚’ä½¿ãˆã°ã•ã¾ã–ã¾ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ã“ã¨ãŒã§ã
kitokitoki 2015/06/02
gulp

codegrid
ãƒªãƒ³ã‚¯
è³¢ãä½¿ã†Browserify | CodeGrid
Browserifyã¯Node.jsè£½ã®ãƒ„ãƒ¼ãƒ«ã§ã€Node.jsã‚„npmã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿè¡Œã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚‚ã®ã€‚ç¾åœ¨ã§ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«é–“ã®ä¾å˜è§£æ±ºãªã©ã‚’è¡Œã†ãŸã‚ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ä½¿ã„ã¾ã™ã€‚
kitokitoki 2015/04/27
codegrid

browserify
ãƒªãƒ³ã‚¯
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®SVGå…¥é–€ | CodeGrid
Webåª’ä½“ã§ä½¿ç”¨ã™ã‚‹SVGã®åŸºç¤ŽçŸ¥è˜ã‹ã‚‰ã€ä½œæˆæ–¹æ³•ã¾ã§ã‚’è§£èª¬ã—ã¾ã™ã€‚SVGã¯ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ã§ã‚ã‚‹ãŸã‚ã€é«˜è§£åƒåº¦åŒ–ã¨ç”»é¢ã‚µã‚¤ã‚ºã®å¤šæ§˜åŒ–ãŒé€²ã‚€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§æ´»ç”¨ã®å ´ãŒå¢—ãˆã¦ã„ãã§ã—ã‚‡ã†ã€‚
kitokitoki 2015/04/10
svg

codegrid

matome
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸