[B! CSS] p_tanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

p_tan id:p_tan

CSSã«é–¢ã™ã‚‹p_tanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

10 Best CSS Frameworks For Frontend Developers in 2020 - GeeksforGeeks
p_tan 2020/04/29
CSS

framework
ãƒªãƒ³ã‚¯
Puppeteerã§ä¸è¦ãªCSSã‚’æ¶ˆã™ - Cybozu Inside Out | ã‚µã‚¤ãƒœã‚¦ã‚ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãƒãƒ¼ãƒ ã®ç©´äº•ï¼ˆ@pirosikickï¼‰ã§ã™ã€‚ç¦å²¡åœ¨ä½ã§ã€æ™®æ®µã¯ç¦å²¡ã®weworkã§åƒã„ã¦ã„ã¾ã™ã€‚ä»–ã®ãƒ¡ãƒ³ãƒãƒ¼ã¯çš†ã€æ±äº¬ã«å±…ã¦ãƒªãƒ¢ãƒ¼ãƒˆã§ä»•äº‹ã‚’ã—ã¦ã„ã¾ã™ãŒã€ãƒ¢ãƒ–ã§ã‚ã„ã‚ã„é–‹ç™ºã—ã¦ã„ã¾ã™ã—ã€weworkãŒå¿«é©ã™ãŽã¦ã€æ¯Žæ—¥æ¥½ã—ã„ã§ã™ï¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãƒãƒ¼ãƒ ã§ã¯ã€ã‚µã‚¤ãƒœã‚¦ã‚ºã®å„ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒæŠ±ãˆã‚‹Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®èª²é¡Œã‚’è§£æ±ºã™ã‚‹ã®ãŒä»•äº‹ã®ä¸€ã¤ã§ã™ã€‚ blog.cybozu.io æœ€è¿‘ã®å–ã‚Šçµ„ã¿ã¨ã—ã¦ã€Puppeteerã§ä¸è¦ãªCSSã‚’æ¶ˆã—ãŸäº‹ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã®ãƒ–ãƒã‚°ã¯ã€6/19ã«ç¦å²¡ã§é–‹å‚¬ã—ãŸã€ŒGoogle I/O '19ã®Webã‚’ã¾ã¨ã‚ã‚‹ä¼šã€ã§ç™»å£‡ã—ãŸã¨ãã®å†…å®¹ã‚’è©³ç´°ã«èª¬æ˜Žã—ã¤ã¤ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ãŸéƒ¨åˆ†ã‚‚ã‚ã‚‹ã®ã§ã€ç™ºè¡¨è¦‹ãŸãžã€ã‚¹ãƒ©ã‚¤ãƒ‰è¦‹ãŸãžã¨ã„ã†æ–¹ã‚‚è¦‹ã¦ã„ãŸã ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ speakerdeck.com ãã£ã‹ã‘ ã¨ã‚ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆã®CS
p_tan 2019/08/21
puppeteer

CSS

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å¾¹åº•è§£èª¬ï¼ãƒ–ãƒ©ã‚¦ã‚¶ã®æ°—æŒã¡ã§ç†è§£ã™ã‚‹HTML/Javascript/CSSã®è©± | Raccoon Tech Blog [æ ªå¼ä¼šç¤¾ãƒ©ã‚¯ãƒ¼ãƒ³ãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ æŠ€è¡“æˆ¦ç•¥éƒ¨ãƒ–ãƒã‚°]
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹JavaScript HTML ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰cssdomcssom ã“ã‚“ã«ã¡ã¯ã€ç¾½å±±ã§ã™ã€‚ ä»Šå›žã¯ã‚¦ã‚§ãƒ–ã‚·ã‚¹ãƒ†ãƒ ã«ãŠã‘ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è©±ã§ã™ã€‚ çš†æ§˜ã¯ã‚¦ã‚§ãƒ–ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ°—ã«ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ ãŠãã‚‰ãå¤§æŠµã®æ–¹ã¯SQLã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚„ãƒã‚¸ãƒƒã‚¯ã®æ”¹è‰¯ãªã©ã‚’ã—ãŸçµŒé¨“ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã—ã‹ã—ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã—ã¦ã‚‚ã€æœŸå¾…ã»ã©ã¯ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ãŒæ”¹å–„ã—ãªã‹ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ æ˜¨ä»Šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯å¤§é‡ã®CSS/Javascriptãƒ•ã‚¡ã‚¤ãƒ«ã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ãŒå¤§åŠã§ã™ã€‚ä¾‹ãˆã°HTMLã‚’100ï½ž300msã»ã©ã§ç”Ÿæˆã—ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã«è»¢é€ã§ããŸã¨ã—ã¦ã‚‚ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºãŒå®Œå…¨ã«å®Œäº†ã™ã‚‹ã®ã«4ï½ž5ç§’ã‹ã‹ã‚‹ã¨ã„ã†ã“ã¨ã‚‚çã—ãã‚ã‚Šã¾ã›ã‚“ã€‚ ã€Œãªã‚“ã‹é…ã„ã‘ã©æ²¢å±±ã„ã‚ã„ã‚èªã¿è¾¼ã‚“ã§ã‚‹ã‹ã‚‰ä»•æ–¹ãªã„ãªãƒ»ãƒ»ãƒ»ã€ã¨è«¦ã‚ãªã„ã§ãã ã•ã„ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ãŒã©ã®ã‚ˆã†ã«HTMLã‚’è§£é‡ˆã—ã¦ã€CS
p_tan 2019/06/16
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

CSS

html

javascript

ã‚ã¨ã§èªã‚€

web
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å…¥é–€ã€œçŸ¥ã‚‹ã“ã¨ã§è¦‹ãˆã‚‹ä¸–ç•Œã€œ - Qiita
ã¯ã˜ã‚ã« ã€Žãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ä»•çµ„ã¿ãªã‚“ã¦çŸ¥ã‚‰ãªãã¦ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ãŒå‹æ‰‹ã«ã‚„ã£ã¦ãã‚Œã‚‹ã˜ã‚ƒã‚“ï¼ã€ å½“æ™‚é§†ã‘å‡ºã—ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã£ãŸç§ã¯ãã†æ€ã£ã¦ã„ã¾ã—ãŸã€‚ å®Ÿéš›ã€å½“æ™‚ã®ç§ã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ã€Žãƒ¬ã€ã®å—ã‚‚çŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€ç‰¹ã«æ¥å‹™ä¸Šã§å•é¡Œã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ã€ãã®æ™‚ã¯çªç„¶è¨ªã‚Œã¾ã—ãŸã€‚ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®è¦æœ›ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¤šå½©ã«å–ã‚Šå…¥ã‚ŒãŸæ¡ˆä»¶ã‚’å®Ÿè£…ã—ãŸéš›ã«ã€ãƒ†ã‚¹ãƒˆæ®µéšŽã§ä¸€éƒ¨ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSâ—‹fâ—‹riã€Eâ—‹geï¼‰ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã²ã©ã„çŠ¶æ³ã«ãªã£ã¦ã„ã‚‹ã“ã¨ãŒç™ºè¦šã—ã¾ã—ãŸã€‚ (é–‹ç™ºä¸ã¯Chromeã§ç¢ºèªã‚’è¡Œã£ã¦ãŠã‚Šã€Chromeã§ã¯ç‰¹ã«å•é¡Œã¯ãªã‹ã£ãŸã®ã§ç™ºè¦šãŒé…ã‚Œã¾ã—ãŸã€‚) ãã‚Œã‹ã‚‰ã¯ã€ç‹‚ã£ãŸã‚ˆã†ã«ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æ”¹å–„æ–¹æ³•ã‚’ã‚°ã‚°ã‚Šã€ä¿®æ£ã™ã‚‹æ—¥ã€…ãŒç¶šãã¾ã—ãŸã€‚ï¼ˆæœ€çµ‚çš„ã«ã¯ã€ãªã‚“ã¨ã‹ãƒžãƒ«ãƒãƒ–ãƒ©ã‚¦ã‚¶ã§ã®å‹•ä½œã‚‚æ‹…ä¿ã—ã€ç´å“ã¾ã§å®Œäº†ã—ã¾ã—ãŸã€‚ï¼‰ ãã®æ¡ˆä»¶ãŒè½ã¡ç€ã„ãŸå¾Œã€æ”¹ã‚ã¦è‡ªåˆ†ã®èª¿ã¹ãŸã“ã¨ã‚’æŒ¯ã‚Šè¿”ã‚‹ã¨ã€å±€æ‰€çš„ãª
p_tan 2019/03/27
CSS

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

ãƒ–ãƒ©ã‚¦ã‚¶

å…¥é–€

é«˜é€ŸåŒ–
ãƒªãƒ³ã‚¯
Pure CSS Android Lollipop like loader
p_tan 2019/03/12
HTMLã¨CSSã ã‘ã§ãƒãƒ¼ãƒ‰ä¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

html

CSS
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã§é‡ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒè»½å¿«ã«ï¼will-changeå±žæ€§ã‚’ä»˜ã‘ã‚‹ã¨FPSãŒä¸ŠãŒã‚‹ç†ç”± - Qiita
HTMLã‚„CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’çš†ã•ã‚“æ™®æ®µæ„è˜ã•ã‚Œã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯JavaScriptã®é€²åŒ–ã¨å…±ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¹´ã€…è¤‡é›‘åŒ–ã—ã¦ããŸã“ã¨ã‚‚ã‚ã‚Šã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ãƒˆãƒ”ãƒƒã‚¯ã‚’ç›®ã«ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¾ã—ãŸã€‚ ã—ã‹ã—HTMLã‚„CSSã‚‚åŒæ§˜ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ä»•çµ„ã¿ã‚’å°‘ã—çŸ¥ã‚Šã€ãã‚Œã«å¿œã˜ãŸå®Ÿè£…ã™ã‚‹ã“ã¨ã§ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å¤§ããä¸Šã’ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ä»Šå›žã¯æœ€ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤åˆ†ã‹ã‚Šã‚„ã™ã„äº‹ä¾‹ã¨ã—ã¦ã€will-changeãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½¿ã£ã¦FPSã‚’å®Ÿéš›ã«æ¸¬å®šã—ã¦ã¿ã‚‹ ä»Šå›žã¯ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã€Twitterã®ãƒ„ã‚¤ãƒ¼ãƒˆã«ã‚ãŸã‚‹HTMLæ§‹é€ ã¨åŒã˜ã‚‚ã®ã‚’4000å€‹ç¸¦ã«ä¸¦ã¹ã€é«˜ã•400pxã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹é ˜åŸŸã‚’ç”¨æ„ã—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã®FPS(Frame Per Second)ã‚’æ¸¬å®šã—ã¦ã¿ã¾ã—ãŸã€‚ // ã“ã®å®Ÿè£…ã¯å®Ÿè³ªãŸã£ãŸ3è¡Œï¼ const
p_tan 2019/01/30
CSS

performance

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
Puppeteerã§PDFå‡ºåŠ›ã™ã‚‹ | ã‚ˆã£ã—ãƒ¼ãƒãƒƒãƒˆ
ã¯ã˜ã‚ã« Headless Chrome ã‚’ Node.jsã§ä½¿ç”¨ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª Puppeteerã§PDFã‚’å‡ºåŠ›ã™ã‚‹ç´¹ä»‹ã§ã™ã€‚ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã€HTMLå‡ºåŠ›ã—ãŸã‚‚ã®ã‚’PDFã«ã—ã¦ã€å¸³ç¥¨ã¨ã—ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã«å‡ºåŠ›ã™ã‚‹ãªã‚“ã¦ã“ã¨ã‚ã‚Šã¾ã™ã‚ˆããƒ»ãƒ»ãƒ»ã€‚ã‚ã‚“ã¾ã‚Šãªã„ã‹ãªãƒ»ãƒ»ãƒ»ã€‚ ã©ã¡ã‚‰ã«ã—ã¦ã‚‚ã€åƒ•ã¯ã‚ˆãã‚„ã‚‹ã‚“ã§ã™ã€‚ãã†ã„ã†ã¨ãPuppeteerã‚’ä½¿ç”¨ã™ã‚‹ã‚“ã§ã™ãŒã€ãƒãƒžã£ãŸãƒã‚¤ãƒ³ãƒˆã¨ã‹ã‚‚ã‚ã‚‹ã®ã§ã€åˆã‚ã›ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ç°¡å˜ãªä½¿ã„æ–¹ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¯æœ¬å®¶ã«ã‚ã‚‹ã¨ãŠã‚Šã§ã™ã€‚ Google Chrome/puppeteer æ³¨æ„ç‚¹ã¨ã—ã¦ã€NodeJSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯v7.6.0ä»¥é™ã‚’é¸ã‚“ã§ãã ã•ã„ã€‚ãã‚Œä»¥ä¸‹ã ã¨ã€ã‚µãƒ³ãƒ—ãƒãƒ—ãƒã‚°ãƒ©ãƒ ãŒå‹•ã‹ãªã„ã§ã™ã€‚ ã¾ãšã¯ã€puppeteerã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ $ npm i --save puppeteer ãã‚Œã‹ã‚‰ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ãã¾ã™ã€‚ã“ã“ã§ã¯ã€index.jsã¨ã—ã¾ã—
p_tan 2019/01/20
puppeteer

pdf

CSS
ãƒªãƒ³ã‚¯
ä¸€ä¼‘.comãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æ¤œç´¢ãƒšãƒ¼ã‚¸ãŒSPAã«ãªã‚Šã¾ã—ãŸ - ä¸€ä¼‘.com Developers Blog
ä¸€ä¼‘.com ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã¯ä»Šå¹´ã® 7 æœˆ 18 æ—¥ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘æ¤œç´¢ãƒšãƒ¼ã‚¸ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’è¡Œã„ã¾ã—ãŸã€‚ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ãã®ä¸èº«ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ æ¤œç´¢ãƒšãƒ¼ã‚¸ã®èª²é¡Œ ä¸€ä¼‘.com ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘æ¤œç´¢ãƒšãƒ¼ã‚¸ã«å¯¾ã—ã¦ã€Œé…ã„ã€ã¨ã„ã†èª²é¡Œæ„è˜ãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¯æŠ€è¡“é¢ã§å°‘ã—ãƒ–ãƒ¬ã‚¤ã‚¯ãƒ€ã‚¦ãƒ³ã™ã‚‹ã¨; ãƒ‘ãƒ¼ã‚½ãƒŠãƒ©ã‚¤ã‚ºãƒ‰ã‚’å«ã‚€è¤‡é›‘ãªå‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰å‡¦ç†ãŒé‡ã„ã€‚ UI ä¸Šç„¡é§„ãªé…å»¶å‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ãŸã‚ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®æç”»ãŒé…ã„ã€‚ ã¨ã„ã†ã‚µãƒ¼ãƒãƒ¼å´ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ä¸¡æ–¹ã®èª²é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã€Œç„¡é§„ãªé…å»¶å‡¦ç†ã€ã¨ã„ã†ã®ã¯; æ¤œç´¢çµæžœå–å¾—ãŒ REST API åŒ–ã•ã‚Œã¦ã„ã‚‹ã«ã‚‚é–¢ã‚ãšã€å†æ¤œç´¢ã®åº¦ã«ãƒšãƒ¼ã‚¸ãƒªãƒãƒ¼ãƒ‰ã‚’è¡Œã„ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®æç”»ã‹ã‚‰ã‚„ã‚Šç›´ã—ã¦ã„ã‚‹ã€‚ ã¨ã„ã†å®Ÿè£…ã«å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ä¸‹å›³ãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«å‰ã®ãƒšãƒ¼ã‚¸æç”»ã®æ§˜åã§ã™
p_tan 2018/10/10
SPA

CSS

ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£

Vue

äº‹ä¾‹
ãƒªãƒ³ã‚¯
ãã‚ãã‚çœŸé¢ç›®ã«ã€HTMLã§å¸³ç¥¨ã‚’æãè©±ã‚’ã—ã‚ˆã†ã‹ - Qiita
å¸³ç¥¨ã¨ã„ãˆã°PDFã¨ã—ã¦ç”Ÿæˆã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ã‚‡ã†ã‹? ã§ã‚‚ã€2015å¹´ã®ä»Šã€ã‚ãˆã¦HTMLã§æãã®ãŒãƒ›ãƒƒãƒˆã§ã™(å€‹äººçš„ã«)ã€‚ãƒŸãƒªå˜ä½ã§è¨å®šã•ã‚ŒãŸé«˜åº¦ãªå¸³ç¥¨ã‚‚ã€CSSã‚’é§†ä½¿ã—ã¦ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã§ã‚‚ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå¢—ãˆã€@pageãªã©ã‚‚ç©æ¥µçš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã€SPA(Single Page Application)ã®å°é ã€ã„ã‚ã„ã‚ã¨æ¡ä»¶ãŒæƒã£ã¦ãã¾ã—ãŸã€‚ æ›¸ã„ã¦ãŸã‚‰çµæ§‹é•·ããªã£ã¡ã‚ƒã£ãŸã®ã§ã€ã•ãã£ã¨ã‚³ãƒ¼ãƒ‰ã ã‘è¦‹ãŸã„æ–¹ã¯ã€Paper CSSãƒªãƒã‚¸ãƒˆãƒªã‚’ã©ã†ãžã€‚ ã¯ã˜ã‚ã« HTMLå¸³ç¥¨ã®ãƒ¡ãƒªãƒƒãƒˆ 2015å¹´ç¾åœ¨ã€HTMLå¸³ç¥¨ã‚’é¸æŠžã™ã‚‹å¹¾ã¤ã‹ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒªãƒãƒ¼ãƒ‰ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªã‚¹ã‚¿ã‚¤ãƒ«èª¿æ•´ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ãªããƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ç”Ÿæˆã§ãã‚‹ å‰è€…ã¯ã€gulpã‚„Gruntã®æ™®åŠã§ã€CSSã«ã—ã‚HTMLã«ã—ã‚ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ãã‚‹ç’°
p_tan 2018/07/25
html

CSS

å°åˆ·

PDF

web

tips
ãƒªãƒ³ã‚¯
ä¸ã€œå¤§è¦æ¨¡ãªSPAã‚’é–‹ç™ºã™ã‚‹æ™‚ã«æŠ‘ãˆã¦ãŠããŸã„10ã®ãƒã‚¤ãƒ³ãƒˆ - KAYAC Engineers' Blog
ã“ã‚“ã«ã¡ã¯ã€‚ã‚«ãƒ¤ãƒƒã‚¯ã®SPAãŠã˜ã•ã‚“ã“ã¨å³¶æ´¥ã§ã™ã€‚ ä»Šå¹´ã¯Reactã¨Vueã‚’ä½¿ã£ãŸSPAé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã„ãã¤ã‹æ‹…å½“ã—ã¦ããŸã®ã§ã€ãã“ã§å¾—ãŸçŸ¥è¦‹ã®ç·ã¾ã¨ã‚ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â€» ã“ã“ã§ã®SPAã¨ã¯ã™ã¹ã¦ã®Viewã‚’JavaScriptã§æ›¸ãWebã‚¢ãƒ—ãƒªã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰MVCã‚’ä¸»è»¸ã«Viewã®ä¸€éƒ¨ã‚’Reactã‚„Vueã§æ›¸ãã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãã®ã‚±ãƒ¼ã‚¹ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ 1. ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ æ•°å¹´å‰ã¨ã¯äº‹æƒ…ãŒå¤‰ã‚ã‚Šã€ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã‚ãªã„ã¨ã„ã†é¸æŠžè‚¢ã¯æ˜¨ä»Šã ã¨ã‚‚ã†ç„¡ã„ã§ã—ã‚‡ã†ã€‚ä¸¸è…°ã®JSã§DOMã‚’å¼„ã£ã¦ã„ãŸæ™‚ä»£ã«æ¯”ã¹ã‚‹ã¨ã€ã‹ãªã‚Šå®‰å®šã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ äººæ°—ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å°é ã«ãªã£ã¦ã„ã‚‹ React + Redux Vue + Vuex ã‚’ã“ã®1å¹´ä½¿ã£ã¦ãã¾ã—ãŸãŒã€æ›¸ãæ–¹ã¯é•ãˆã©Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ä»®æƒ³DOMãƒ»ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå¿—å‘
p_tan 2017/12/26
React

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

JavaScript

CSS

Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

Webã‚¢ãƒ—ãƒª

webã‚µãƒ¼ãƒ“ã‚¹

Vue

çŸ¥è¦‹

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
2.7 Other language engines | R Markdown: The Definitive Guide
A less well-known fact about R Markdown is that many other languages are also supported, such as Python, Julia, C++, and SQL. The support comes from the knitr package, which has provided a large number of language engines. Language engines are essentially functions registered in the object knitr::knit_engine. You can list the names of all available engines via: ## [1] "awk" "bash" "coffee" ## [4]
p_tan 2016/10/11
Rã‹ã‚‰ä»–è¨€èªžã‚’å‘¼ã¶ã®ã¯knitrãŒã‚„ã‚‹ã®ã‹ã€‚bash, python, SQL, C++, Stan, javascript, CSS

R

bash

python

SQL

C++

Stan

javascript

CSS

knitr
ãƒªãƒ³ã‚¯
ç¬¬9å›žã€€CSSè¨è¨ˆã®åŸºç¤Žã‚’è¦‹ç›´ã™ | gihyo.jp
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚teratailé–‹ç™ºãƒãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å¹³äº•å„ªã§ã™ã€‚ Webã‚µãƒ¼ãƒ“ã‚¹ã®åˆ¶ä½œã«ãŠã„ã¦ã€é–²è¦§è€…ã«ã¨ã£ã¦æƒ…å ±ã‚’è¦–è¦šçš„ã«ä¼ã‚ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã«ã¯ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¿ã‚¤ãƒ«èª¿æ•´ãŒæ¬ ã‹ã›ãªã„ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªé‡è¦ãªå½¹ç›®ã‚’æ‹…ã£ã¦ã„ã‚‹ã®ãŒCSSï¼ˆCascading Style Sheetsï¼‰ã¨ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè¨€èªžã§ã™ã€‚CSSã‚’åˆ©ç”¨ã™ã‚Œã°HTMLã§è¨˜è¿°ã•ã‚ŒãŸæ–‡æ›¸ã‚’èªã¿ã‚„ã™ãã™ã‚‹ã ã‘ã§ãªãã€3Dã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã®ãƒªãƒƒãƒãªè¡¨ç¾ã‚‚å¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ãã‚“ãªä¾¿åˆ©ãªCSSãªã®ã§ã™ãŒã€é•·æœŸçš„ã«é‹ç”¨ã—ã¦ã„ã‚‹ã¨äºˆæƒ³å¤–ã®ä¸å…·åˆã‚„ã€ã»ã‚“ã®å°‘ã—ã®å¤‰æ›´ã‚’ã™ã‚‹ã ã‘ã§è¦‹ãŸç›®ãŒå¤§ããå´©ã‚Œã¦ã—ã¾ã†ã¨ã„ã£ãŸå•é¡ŒãŒã—ã°ã—ã°èµ·ã“ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ï¼»å‚è€ƒï¼½teratailã§ã®è³ªå•ä»¶æ•°ï¼ˆ2015/12æ™‚ç‚¹ï¼‰ CSSï¼š761ä»¶ CSS3ï¼š327ä»¶ ä»Šå›žã¯ã€ãã†ã„ã£ãŸä¸å…·åˆã«ã‚ˆã£ã¦â€œâ å¾Œã§å›°ã‚‰ãªã„â â€ãŸã‚ã«ã€ã€ŒCSSã®è¨è¨ˆã€ã®åŸºæœ¬çš„ãªè€ƒãˆ
p_tan 2016/01/06
CSS

è¨è¨ˆ

ã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³

Cascading Style Sheets
ãƒªãƒ³ã‚¯
1