[B! web] satococoaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

satococoa id:satococoa

webã«é–¢ã™ã‚‹satococoaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸæ—¥çµŒé›»åç‰ˆãŒé«˜é€Ÿã™ãŽã¦ãƒ¤ãƒã‚¤ä»¶ï½œã“ã‚“ã´ã‚…
æ—¥æœ¬çµŒæ¸ˆæ–°èžã¯å›½å†…ã‚’ä»£è¡¨ã™ã‚‹çµŒæ¸ˆèªŒã ã€‚ãã®é›»åç‰ˆã¯webã§ã®ç¶™ç¶šèª²é‡‘ã‚’å¤§æˆåŠŸã•ã›ã€ã„ã¾ã‚„50ä¸‡ä»¥ä¸Šã®æœ‰æ–™ä¼šå“¡ã‚’æ“ã™ã‚‹ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã‚µã‚¤ãƒˆã ã€‚ ãã®æ—¥çµŒé›»åç‰ˆãŒ11æœˆ6æ—¥ã«å…¨é¢ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã®ã ãŒã€å…¬é–‹å¾Œã€webæ¥ç•ŒãŒã«ã‚ã‹ã«ã–ã‚ã¤ã„ãŸã€‚è¡¨ç¤ºé€Ÿåº¦ãŒçˆ†é€Ÿã ã£ãŸã®ã ã€‚æ—¥çµŒå…¬å¼ã‚‚ãƒ¢ãƒã‚¤ãƒ«ã§2å€ã®è¡¨ç¤ºé€Ÿåº¦ã‚’é”æˆã—ãŸã¨å ‚ã€…ã¨å®£è¨€ã—ã¦ã„ãŸã€‚ webã‚µãƒ¼ãƒ“ã‚¹ã¯ç¶™ç¶šçŽ‡ã“ãç¥žKPIã§ã€ãã®ç¶™ç¶šçŽ‡ã«ã¯é€Ÿåº¦ãŒå¤§ããå½±éŸ¿ã™ã‚‹ã€‚ ã“ã‚Œã¯ãƒã‚§ã‚ã‚‰ãªã„ã¨ãƒ¤ãƒã‚¤ã¨æ„Ÿã˜ã€å‹äººã®kitakã•ã‚“ã¨ã‚¹ãƒ”ãƒ¼ãƒ‰ã®ç§˜å¯†ã‚’èª¿æŸ»ã—ã¦ã¿ãŸã€‚ Fastlyã‚’ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚ãƒ£ãƒƒã‚·ãƒ¥ã«ä½¿ã†æ®†ã©ã®ãƒ‡ãƒ¼ã‚¿ã¯Fastlyã‚’çµŒç”±ã—ã¦å–å¾—ã•ã‚Œã¦ã„ãŸã€‚Fastlyã¯æœ€è¿‘æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹CDNï¼ˆä¸–ç•Œä¸ã«ã‚¨ãƒƒã‚¸ã‚µãƒ¼ãƒãƒ¼ã‚’é…ç½®ã—ã€é«˜é€Ÿã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ä¿¡ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ï¼‰ã§ã€éžå¸¸ã«é«˜æ©Ÿèƒ½ã§ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚µãƒ¼ãƒ“ã‚¹ã ã€‚ ä¸€èˆ¬ã«ã€CDNã¯ã„ã£ãŸã‚“ä¸–ç•Œä¸ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã°ã‚‰ã¾ãã¨ã€ãã‚Œã‚’ç„¡
satococoa 2017/11/13
web

performance

HTTP2
ãƒªãƒ³ã‚¯
iPhone X ã® Safari ã«ãŠã‘ã‚‹ Web ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤º - ONO TAKEHIKO - Medium
iPhone X ãŒç™ºè¡¨ã•ã‚Œã¦é–“ã‚‚ãªãã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã€Œåˆ‡ã‚Šæ¬ ãã€ã«ã¤ã„ã¦ã¯è‡³ã‚‹ã¨ã“ã‚ã§ã¡ã‚‡ã£ã¨ã—ãŸã‚¤ã‚¸ãƒªåˆæˆ¦ãŒå§‹ã¾ã£ã¦ã„ã¾ã™ã€‚ä¸ã«ã¯å®Ÿéš›ã«ä¿¡ã˜ã¦ã—ã¾ã£ã¦ã„ã‚‹äººã‚‚ã„ã‚‹ã»ã©ç§€é€¸ãªã‚‚ã®ãŒã‚ã‚Šã¾ã—ã¦ã€ãã‚ŒãŒã“ã¡ã‚‰ã€‚ æ€ã‚ãšã‚¯ã‚¹ãƒƒã¨ãã¦ã—ã¾ã„ã¾ã™ãŒï¼ˆç¬‘ï¼‰ã€ã¾ã‚å½“ç„¶ã“ã‚“ãªã“ã¨ã«ã¯ãªã‚Šã¾ã›ã‚“ã€‚ iPhone X ã«ã¯ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ä¸Šä¸‹å·¦å³ã« iOS ã®å æœ‰é ˜åŸŸãŒå˜åœ¨ã—ã€ãã‚Œä»¥å¤–ï¼ˆã‚¢ãƒ—ãƒªã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’èªã‚ã‚‹é ˜åŸŸï¼‰ã‚’ Safe Area ã¨å‘¼ã¶ã‚ˆã†ã§ã™ã€‚Safe Area ã®å¤–ã«ã‚ã‚‹ä¸Šéƒ¨é ˜åŸŸã«ã¯ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ã¨ã—ã¦æ™‚è¨ˆã‚„ã‚¢ãƒ³ãƒ†ãƒŠã®ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãªã© iOS ã®ã‚·ã‚¹ãƒ†ãƒ ã‚¢ã‚¤ã‚³ãƒ³ç‰ãŒä¸¦ã³ã€ä¸‹éƒ¨ã®é ˜åŸŸã«ã¯ iPhone X ã§å°Žå…¥ã•ã‚ŒãŸã€Œãƒ›ãƒ¼ãƒ ãƒãƒ¼ã€ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã§ã¯ iPhone X ã® Safari ã§ Web ã‚µã‚¤ãƒˆã‚’è¡¨ç¤ºã—ãŸå ´åˆã«ä¸€ä½“ã©ã®ã‚ˆã†ã«ãªã‚‹ã®ã‹ï¼Ÿãã‚Œã‚’ Web ä¸Šã®æƒ…å ±ã‚’å…ƒã«ã¾ã¨
satococoa 2017/09/19
iPhone X

web
ãƒªãƒ³ã‚¯
Prism
Dead simple Include prism.css and prism.js, use proper HTML5 code tags (code.language-xxxx), done! Intuitive Language classes are inherited so you can only define the language once for multiple code snippets. Light as a feather The core is 2KB minified & gzipped. Languages add 0.3-0.5KB each, themes are around 1KB. Blazing fast Supports parallelism with Web Workers, if available. Extensible Define
satococoa 2017/01/13
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.

library

web
ãƒªãƒ³ã‚¯
Web over HTTPS
Web over HTTPS DevFest Tokyo 2016 #devfest16 2016/10/0
satococoa 2016/10/11
web

security

ssl

https
ãƒªãƒ³ã‚¯
ã€Œã‚¦ã‚§ãƒ–æ™‚ä»£ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®æ–‡å—çµ„å…¥é–€ ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸ - ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚¤ãƒ©ã‚¹ãƒˆãƒŽãƒ¼ãƒˆ
JUSO Coworkingã§10/4ã«è¡Œã‚ã‚ŒãŸã€Œã‚¦ã‚§ãƒ–æ™‚ä»£ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®æ–‡å—çµ„å…¥é–€ ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚è¬›å¸«ã¯ãªã‚“ã§ã‚„ãã‚“DTPã§æœ‰åãªå¤§çŸ³ã•ã‚“ã€‚æœ€è¿‘ãƒ‘ãƒ³ãƒ•ãƒ¬ãƒƒãƒˆãªã©å°åˆ·ç‰©ã‚’ã”ä¾é ¼ã„ãŸã ãæ©Ÿä¼šã‚‚å¢—ãˆã€æœ¬ã‚’è²·ã£ã¦èªã‚€ã‚‚ã®ã®ãªã‹ãªã‹ç–‘å•ã‚’è§£æ¶ˆã§ããªã„ã‚ãŸã—ã«ã¯ã´ã£ãŸã‚Šã®å‹‰å¼·ä¼šã§ã—ãŸã€‚ä»Šå›žã®è¨˜äº‹ã¯Illustratorã§å°åˆ·ç‰©ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä½œã‚‹ã€ã¨ã„ã†å‰æã§ã™ã€‚ ãã‚‚ãã‚‚æ–‡å—çµ„ãƒ»æ–‡å—è©°ã‚ã¯ä½•ã®ãŸã‚ webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªç”±ã«è©°ã‚ãŸã‚Šçµ„ã‚“ã ã‚Šã™ã‚‹ã“ã¨ãŒã‚€ã¤ã‹ã—ã„ãŸã‚ã€æ–‡å—çµ„ãƒ»æ–‡å—è©°ã‚ã¨èžãã¨ã€Œãªã‚“ã‹é›£ã—ãã†ã€ã¨æ§‹ãˆã¦ã—ã¾ã„ãŒã¡ã§ã™ã€‚ ç§ãŸã¡ãŒã‚ˆãä½¿ã†ãƒ•ã‚©ãƒ³ãƒˆã¨ã„ã†ã®ã¯ã€å››è§’ã„ç®±ã®ä¸ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã¾ã™ã€‚ã—ã‹ã—æ—¥æœ¬èªžã®ã‚ˆã†ã«ã€Œã²ã‚‰ãŒãªã€ã€Œã‚«ã‚¿ã‚«ãƒŠã€ã€Œæ¼¢å—ã€ã¨æ§˜ã€…ãªæ–‡å—ã®å½¢ãŒã‚ã‚‹ã¨ã€å½“ç„¶å°ã•ã„å½¢ã€å¤§ãã„å½¢ãŒå‡ºã¦ãã¾ã™ã€‚ã¾ãŸã€ç´„ç‰©ã¨è¨€ã‚ã‚Œã‚‹ã€Œã€ã‚„ï¼ˆï¼‰ã‚„ãƒ»ãªã©ã¯ã€éš£ã‚Šåˆã†ã¨ä½•ã ã‹
satococoa 2014/10/15
design

font

web
ãƒªãƒ³ã‚¯
go-pastel ã¨ã„ã†ã‚³ãƒ”ãƒ¼ï¼†ãƒšãƒ¼ã‚¹ãƒˆã‚’ã‚·ã‚§ã‚¢ã™ã‚‹ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’æ›¸ã„ãŸ : sonots:blog
satococoa 2014/10/14
ä¸€å€‹ã®ãƒã‚¤ãƒŠãƒªã«ã¾ã¨ã‚ã‚‹æ–¹æ³•ã¨ã‹

golang

web
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ¡ãƒ¢12å€‹ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
display:table-cell; ã‚’æ´»ç”¨ã™ã‚‹ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã™ã”ãä¾¿åˆ©ã€‚ è¦ªè¦ç´ ã« display:table; åè¦ç´ ã« display:table-cell; è¨˜äº‹ãƒªã‚¹ãƒˆãªã©ã€ç”»åƒã¨ãƒ†ã‚ã‚¹ãƒˆã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹ã¨ãã«ã€‚ å‡ç‰ã«æ¨ªä¸¦ã³ã«ã—ãŸã„ã¨ãã«ã€‚ ã‚¿ãƒƒãƒ—æ™‚ã®ã‚«ãƒ©ãƒ¼è¨å®š CSSã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã€‚ã‚¢ãƒ«ãƒ•ã‚¡å€¤ã‚‚è¨å®šå¯èƒ½ã€‚ -webkit-tap-highlight-color: rgba(255,105,183,0.6); ç”»åƒã€iframeã« max-width ã‚’æŒ‡å®š imgãƒ»iframeã¯ã€ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã¦ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã§ max-width:100%; ã‚’æŒ‡å®šã™ã‚‹ã€‚ word-break:break-all; ã‚’æŒ‡å®š ã‚¹ãƒžãƒ›ã¯å¹…ãŒç‹ã„ãŸã‚ã€é•·ã„URLãªã©ãŒ1è¡Œã«å…¥ã‚Šãã‚Šã¾ã›ã‚“ã€‚ word-break:break-all; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ ãƒ•ã‚©
satococoa 2014/05/04
web

smartphone

html
ãƒªãƒ³ã‚¯
1