[B! HTML][Web] ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihok id:ihok

HTMLã¨Webã«é–¢ã™ã‚‹ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (79)

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

headå†…ã§ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡ŒãŒã‚ã‚‹ç®‡æ‰€ã€Webãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’å¦¨ã’ã‚‹è¦å› ã‚’æ˜Žã‚‰ã‹ã«ã™ã‚‹CSS
Webãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’å¦¨ã’ã‚‹è¦å› ã€<head>ã‚¿ã‚°å†…ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ãƒ–ãƒãƒƒã‚¯ã—ã¦ã„ã‚‹CSSã‚„JavaScriptã€ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ãƒ¼ã®ãƒªã‚½ãƒ¼ã‚¹ãªã©ã‚’è¡¨ç¤ºã—ã¦ã€ã©ã“ã‚’ä¿®æ£ã™ã‚Œã°ã‚ˆã„ã‹æ•™ãˆã¦ãã‚Œã‚‹CSSã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¡ãªã¿ã«ä¸‹è¨˜ã®ã‚°ãƒªãƒ¼ãƒ³ã¯å•é¡Œãªã—ã€ãƒ¬ãƒƒãƒ‰ã¯ã‚¨ãƒ©ãƒ¼ã§å¯¾å¿œãŒå¿…è¦ã€ã‚ªãƒ¬ãƒ³ã‚¸ã¯ç‰¹å®šã®ã‚·ãƒŠãƒªã‚ªã§å•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã€ã§ã™ã€‚ ct.css ct.css -GitHub ct.cssã®ç‰¹å¾´ ct.cssã®ãƒ‡ãƒ¢ ct.cssã®ä½¿ã„æ–¹ ct.cssã®ç‰¹å¾´ <head>å†…ã«ã‚ã‚‹ã‚¿ã‚°ã¯ã€ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’å¦¨ã’ã‚‹è¦å› ã¨ãªã‚‹æœ€å¤§ã®ç®‡æ‰€ã§ã€æ£ã—ã„å½¢å¼ã§ã‚ã‚‹ã“ã¨ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚ct.cssã¯ã€Webãƒšãƒ¼ã‚¸ã®<head>ã‚¿ã‚°å†…ã«æ½œåœ¨ã™ã‚‹ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ä¸Šã®å•é¡Œã‚’æ˜Žã‚‰ã‹ã«ã™ã‚‹CSSã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã§ã™ã€‚ ct.css ct.cssã®ä½¿ç”¨ã«ã‚ãŸã£ã¦ã®åˆ¶é™äº‹é …ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ ä¸€è‡´ã—ãªã„media
ihok 2021/10/01
ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã§ä½¿ã†ã¨ä¾¿åˆ©ãã† / javascript:(function(){ var ct = document.createElement('link'); ct.rel = 'stylesheet'; ct.href = 'https://csswizardry.com/ct/ct.css'; ct.classList.add('ct'); document.head.appendChild(ct); }());

css

web

html

SEO

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

javascript
ãƒªãƒ³ã‚¯
æ˜”ã¨é•ã†2021å¹´ã®HTMLåˆ¶ä½œã€‚ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆçµæžœã‹ã‚‰åˆ†æžã™ã‚‹ã‚¤ãƒžãƒ‰ã‚ã®ã‚¦ã‚§ãƒ–åˆ¶ä½œ - ICS MEDIA
ã‚¦ã‚§ãƒ–æ¥ç•Œã®å½“ãŸã‚Šå‰ã ã¨æ€ã£ã¦ã„ã‚‹ã“ã¨ã§ã‚‚ã€ä»–ç¤¾ã®äººã«ã¯é•ã†å¸¸è˜ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚è‡ªåˆ†ãŒæ¥ç•Œå¤šæ•°ã®å‚¾å‘ã¨é•ã†ã¨ã“ã‚ã¯ã©ã“ãªã®ã‹ãƒ»ãƒ»ãƒ»ã€ã“ã®é€£è¼‰ã§ã¯ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã‹ã‚‰å›½å†…ã®ã‚¦ã‚§ãƒ–æ¥ç•Œã®å‚¾å‘ã‚’åˆ†æžã—ã¾ã™ã€‚ é€£è¼‰7å›žç›®ã¨ãªã‚‹æœ¬è¨˜äº‹ã§ã¯ã€Œã‚¦ã‚§ãƒ–æ¥ç•Œã§ã€2010å¹´ä»£ã‹ã‚‰å¤‰åŒ–ã—ãŸã‚‚ã®ã€ã‚’ãƒ†ãƒ¼ãƒžã¨ã—ã¦ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆçµæžœã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ floatãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã¯ç¾å½¹ï¼Ÿ floatãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã¯ã€CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãŸã‚ã«2000å¹´ä»£ä¸é ƒã‹ã‚‰ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ä»£ã‚ã£ã¦ä½¿ã‚ã‚Œã¦ãã¾ã—ãŸã€‚Flexboxã‚„CSS Gridãªã©ã€ä»–ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ‰‹æ³•ãŒå˜åœ¨ã™ã‚‹ç¾åœ¨ã«ãŠã„ã¦ã€floatãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã¯ã©ã‚Œã»ã©ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ 1829ç¥¨ã®å›žç”ãŒã‚ã‚Šã€Œã¨ã¦ã‚‚ã‚ˆãä½¿ã†ã€ãŒ5.7%ã€ã€ŒãŸã¾ã«ä½¿ã†ã€ãŒ19.8%ã€ã€Œã»ã¨ã‚“ã©ä½¿ã‚ãªã„ã€ãŒ69%ã€ã€Œfloatã‚’çŸ¥ã‚‰ãªã„ã€ãŒ5.5%ã§ã—ãŸã€‚ ç¾åœ¨ã¯floatãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã‚’ä½¿ã†
ihok 2021/07/15
è¨å®š

media

html

css

webåˆ¶ä½œ

web
ãƒªãƒ³ã‚¯
ã©ã†ã—ã¦HTML5ãŒå»ƒæ¢ã•ã‚ŒãŸã®ã‹ | ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼æŠ€è¡“ãƒ–ãƒã‚°
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é€£è¼‰ã®5è¨˜äº‹ç›®ã§ã™ã€‚ HTML5ãŒ2021å¹´ã®1æœˆã«å»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚ Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ãƒãƒªãƒãƒªæ´»èºã•ã‚Œã¦ã‚‹æ–¹ã‚„ã‚¨ã‚°ã‚¼ã‚¯ãƒ†ã‚£ãƒ–ãƒ†ãƒƒã‚¯ãƒªãƒ¼ãƒ‰ã®ã‚ˆã†ãªè‚©æ›¸ãã‚’æŒã¤æ–¹ã«ã¨ã£ã¦ã¯ã€Œä½•ã‚’ã„ã¾ã•ã‚‰ã€ã¨ã„ã†è©±é¡Œã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ä»Šå¹´ã‚‚æ–°äººã•ã‚“å…¥ã£ã¦ãã¦ãã ã•ã£ãŸã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ç¿’ä¸ã«HTML5ã¨ã„ã†æ–‡å—åˆ—ã«æ‚©ã¾ã•ã‚Œãªã„ã‚ˆã†ã«ã€ãã‚‚ãã‚‚HTML5ã¨ã¯ä½•ã‹ã‚„ã€å»ƒæ¢ã•ã‚ŒãŸçµŒç·¯ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ HTML5ã¨ã¯Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«å¿…ãšæ›¸ãã“ã¨ã«ãªã‚‹HTMLã€‚Webã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã¤ã¾ã‚Šä¸èº«ã‚„æ§‹é€ ã‚’ä½œã‚‹ãŸã‚ã«ä½¿ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã™ã€‚ ãã—ã¦ã€ãã®æœ€è¿‘ç‰ˆã¨ã—ã¦10å¹´ã»ã©å‰ã«ç™»å ´ã—ãŸHTML5ã€‚å½“æ™‚ã¯ Webãƒ‹ãƒ¥ãƒ¼ã‚¹ãªã©ã§ç››ã‚“ã«ç‰¹é›†ãŒçµ„ã¾ã‚Œã¦ã„ã¾ã—ãŸãŒã€ã“ã®HTML5ãŒã¤ã„ã“ãªã„ã ã€2021å¹´1æœˆ28æ—¥ã«å»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚ åºƒç¾©ã®HTML5 / ç‹ç¾©ã®HTML5HTML5
ihok 2021/06/21
html

ãƒ–ãƒã‚°

HTTPS

web

css

technology

html5
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œãŒæ—ã‚‹Chromeæ‹¡å¼µæ©Ÿèƒ½12é¸ â€“ ãŠã™ã™ã‚ã®æ‹¡å¼µæ©Ÿèƒ½ã‚’é›†ã‚ã¦ã¿ãŸ | Pulp Note
Chrome æ‹¡å¼µæ©Ÿèƒ½ã«ã¯Webåˆ¶ä½œã«ä¾¿åˆ©ãªã‚‚ã®ãŒå¤šãã€ç§ã‚‚ã‚ˆãåˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ç‰¹ã«1ã€œ2ã‚¯ãƒªãƒƒã‚¯ã§ã•ã£ã¨ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ã‚‚ã®ã¯é »ç¹ã«ä½¿ã„åˆ¶ä½œã®ä¸ã§é¦´æŸ“ã‚“ã ã‚‚ã®ã§ã‚ã‚‹ãŸã‚ã€ã“ã‚Œã‚‰ãŒãªã„ã¨æ‰‹é–“ã©ã£ã¦ã—ã¾ã†ãã‚‰ã„ä¾å˜æ€§ã®é«˜ã„ã‚‚ã®ã°ã‹ã‚Šã€‚ä»Šå›žã¯ç§ãŒã‚ˆãåˆ©ç”¨ã—ã¦ã„ã‚‹Chrome æ‹¡å¼µæ©Ÿèƒ½ã‚’12å€‹ç´¹ä»‹ã—ã¾ã™ã€‚åˆè¦‹ã®ã‚‚ã®ãŒã‚ã‚Šã¾ã—ãŸã‚‰ã€ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Eagle â€“ åŠ¹çŽ‡çš„ã«ç”»åƒã‚’ä¿å˜ã™ã‚‹ Eagle ã‚µã‚¤ãƒˆä¸Šã«ã‚ã‚‹ç”»åƒã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã ã‘ã§ä¿å˜ã§ãã‚‹Chrome æ‹¡å¼µæ©Ÿèƒ½ã€‚ã‚ã¨ã§è¦‹è¿”ã—ãŸã„ç”»åƒã‚’åŠ¹çŽ‡çš„ã«ä¿å˜ã§ãã‚‹ã®ã¯å¬‰ã—ã„ã€‚ãƒšãƒ¼ã‚¸å…¨ä½“ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®æ’®å½±ã‚‚å¯èƒ½ã€‚æ’®å½±å¾Œã¯å°‚ç”¨ã®ã‚¢ãƒ—ãƒªã«ä¿å˜ã•ã‚Œã¾ã™ã€‚ã“ã®æ‰‹ã®ã‚‚ã®ã¯ä»–ã«ã‚‚ã‚ã£ãŸã®ã§ã™ãŒã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã—ã¦ã—ã¾ã„ã€ä»–ã‚’æŽ¢ã—ã¦ã‚ˆã†ã‚„ãè¦‹ã¤ã‘ãŸã®ãŒEagleã§ã—ãŸã€‚é‡å®ã—ã¦ã„ã¾ã™ã€‚ Eagle â€“ åŠ¹çŽ‡çš„ã«ç”»åƒã‚’ä¿å˜ã™ã‚‹ å°‚ç”¨ã‚¢ãƒ—ãƒªã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡
ihok 2021/06/17
è‡ªåˆ†ãŒå¿…é ˆç´šã«ä½¿ã£ã¦ã‚‹ã€tempermonkeyã¨stylusãŒç„¡ã„ã€‚

Chrome

ã‚µã‚¤ãƒˆ

ç”»åƒ

web

html
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ä»•çµ„ã¿
Webã®ç”¨èªžã‚’100ç§’ã§è§£èª¬ã™ã‚‹ãƒãƒ£ãƒ³ãƒãƒ«ã‚’ä½œã‚Šã¾ã—ãŸï¼ ã‚ˆã‹ã£ãŸã‚‰ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ã¯ã˜ã‚ã« ä»¥å‰æ›¸ã„ãŸè¨˜äº‹ã€ŒWebãƒšãƒ¼ã‚¸ãŒãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã‚Œã‚‹ã¾ã§ã«ä½•ãŒèµ·ã“ã‚‹ã®ã‹ï¼Ÿã€ã§ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«ã¤ã„ã¦è©³ç´°ã«çŸ¥ã‚ŠãŸã„ã¨ã„ã†æ„è¦‹ã‚’ã„ãŸã ã„ãŸã®ã§ã€èª¿ã¹ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ å…¨ä½“å›³ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®å¤§ã¾ã‹ãªæµã‚Œã§ã™ã€‚ HTMLã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã‚µãƒ¼ãƒã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸHTMLã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ HTMLã®è§£æž ã‚µãƒ¼ãƒã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸHTMLãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€ã€Œ0ã€ã¨ã€Œ1ã€ã§ã§ããŸãƒ‡ãƒ¼ã‚¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ã‚µãƒ¼ãƒã‹ã‚‰å—ã‘å–ã£ãŸãƒ‡ãƒ¼ã‚¿ã‚’ãã®ã¾ã¾HTMLã¨ã—ã¦è§£é‡ˆã™ã‚‹ã“ã¨ã¯ã§ããªã„ã®ã§ã€è‡ªåˆ†ã§æ‰±ã†ã“ã¨ãŒã§ãã‚‹å½¢ã€ã¤ã¾ã‚ŠDOMã«å¤‰æ›ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ä½œæ¥ã‚’ è§£æž ( Parse ) ã¨è¨€ã„ã¾ã™ã€‚ HTMLã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚‰ã€ã™ãã«ã“ã®è§£æžä½œæ¥ã«å…¥ã‚Šã¾ã™ã€‚ä½œæ¥ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¹ãƒ†ãƒƒãƒ—ã«ãª
ihok 2021/05/07
ã‚³ãƒ¼ãƒ‰

html

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

browser

web

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

javascript
ãƒªãƒ³ã‚¯
CSSã ã‘ã§å®Ÿè£…ã§ãã‚‹ã¨ã¯ï¼ãƒ†ãƒ¼ãƒ–ãƒ«ã®ãƒ˜ãƒƒãƒ€ã¨å·¦ç«¯ã®ã‚»ãƒ«ã®ä¸¡æ–¹ã‚’å›ºå®šã•ã›ã‚‹CSSã®æ¥µä¸Šãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã®ãƒ˜ãƒƒãƒ€ã‚’ä¸Šéƒ¨ã«å›ºå®šã™ã‚‹ã®ã¯ã€position: sticky;ã§ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ãƒ˜ãƒƒãƒ€ã ã‘ã§ãªãã€ãƒ†ãƒ¼ãƒ–ãƒ«ã®å·¦ç«¯ã®ã‚»ãƒ«ã‚‚å›ºå®šã•ã›ãŸã„å ´åˆã¯ã€ã©ã†å®Ÿè£…ã™ã‚Œã°ã‚ˆã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ JavaScriptãŒãªã„ã¨å®Ÿè£…ã§ããªã„ã‚ˆã†ã«æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€position: sticky;ã‚’åŠ¹æžœçš„ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ã§å®Ÿè£…ã§ãã¾ã™ã€‚ãƒ†ãƒ¼ãƒ–ãƒ«ã®ãƒ˜ãƒƒãƒ€ã¨å·¦ç«¯ã®ã‚»ãƒ«ã®ä¸¡æ–¹ã‚’å›ºå®šã•ã›ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ A table with both a sticky header and a sticky first column ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ tableã®ã‚»ãƒ«ã€thã‚„tdã‚’position: sticky;ã•ã›ã‚‹ã“ã¨ã¯ã“ã®è¨˜äº‹ã§è§£èª¬ã—ã¾ã—ãŸã€‚ãƒ†ãƒ¼ãƒ–ãƒ«ã®ãƒ˜ãƒƒãƒ€ã‚’ä¸Šéƒ¨ã«ãã£ã¤ã‘ã¦å›ºå®šã•ã›ã‚‹ã®ã¯ç°¡å˜ã§ã™ï¼ˆãƒ‡ãƒ¢ãƒš
ihok 2021/03/12
ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

css

web

html

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³

tips
ãƒªãƒ³ã‚¯
ã€ŒSEOã«å¼·ã„HTMLã®æ›¸ãæ–¹ã€ã«ã¤ã„ã¦ã®å€‹äººçš„ãªè¦‹è§£
ã€ŒSEO ã«å¼·ã„ HTML ã®æ›¸ãæ–¹ã€ã¨ã„ã†ãƒ„ã‚¤ãƒ¼ãƒˆãŒãã“ãã“ãƒã‚ºã£ã¦ã„ã¦ã€ãã®å†…å®¹ã«å¯¾ã—ã¦é§†ã‘å‡ºã—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ãŸã¡ãŒã€Œå‚è€ƒã«ãªã£ãŸã€ãªã©ã¨ç§°è³›ã®å£°ã‚’æŒ™ã’ã¦ã„ãŸã®ã‚’è¦‹ã‹ã‘ã¦æ€ã†ã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ã“ã®è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ å…ƒãƒ„ã‚¤ã®æ¦‚è¦ã¯æ¬¡ã®é€šã‚Šã€‚ body > main > article > sectionã« h1ã¯ 1 ãƒšãƒ¼ã‚¸ã« 1 ã¤ï¼ˆè¦ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ï¼‰ è¦‹å‡ºã—ã‚¿ã‚°ã¯æ¯Žåº¦ section ã§å›²ã‚€ ãƒ˜ãƒƒãƒ€ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ nav ã§å›²ã‚€ ç”»åƒã«é©åˆ‡ãª alt ã‚’è¨å®šã™ã‚‹ title / description ã‚’æ›¸ã éšŽå±¤ã‚’æ„è˜ã—ã¦æ›¸ã div ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„ ç”»åƒã¯ p ã§å›²ã‚€ ã“ã®è¨˜äº‹ã¯å…ƒãƒ„ã‚¤ãŠã‚ˆã³å…ƒãƒ„ã‚¤ã®æŠ•ç¨¿è€…ã‚’æ‰¹åˆ¤ã™ã‚‹æ„å›³ã§æ›¸ã„ãŸã‚‚ã®ã§ã¯ãªãã€ã‚ãã¾ã§æŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹å†…å®¹ã«å¯¾ã™ã‚‹å€‹äººçš„è¦‹è§£ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ æ£ã—ã„ã‹æ£ã—ããªã„ã‹ã‚’ãã‚Œãžã‚Œã®é …ç›®ã®ã¯ã˜ã‚ã«æ›¸ã„ã¦ã„ã¾ã™ãŒã€ã‚ãã¾ã§åƒ•å€‹äººã®
ihok 2021/02/05
SEO

æŠ€è¡“

html

technology

web

webåˆ¶ä½œ

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ Gatsby - Qiita
é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ã¯ï¼Ÿ Static Site Generatorï¼ˆSSGï¼‰ Webã‚µã‚¤ãƒˆã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”Ÿæˆã™ã‚‹ãƒ„ãƒ¼ãƒ«ã®ã“ã¨ Wordpressã®ã‚ˆã†ãªå¾“æ¥CMSã®ä»•çµ„ã¿ã¯ã€MySQLãªã©ã®DBã‚’ã‚‚ã¨ã«ã€ã‚µãƒ¼ãƒãƒ¼ã§HTMLã‚’ç”Ÿæˆã—ã¦è¿”ã™ã‚‚ã®ã ã£ãŸ ãã‚Œã«å¯¾ã—é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«æ™‚ã«GraphQLã‚„APIã‹ã‚‰ã™ã¹ã¦ã®ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—å…¨ã¦ã®HTMLã‚’æœ€åˆã«ç”Ÿæˆã™ã‚‹ ã•ã‚‰ã«ã€ç”Ÿæˆã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€Netlifyãªã©ã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç”¨ã„ã¦ã€ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã§å…¬é–‹ã™ã‚‹ä»•çµ„ã¿ãŒä¸»æµã«ãªã£ã¦ã„ã‚‹ é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ãƒ¡ãƒªãƒƒãƒˆ â€» Netlifyãªã©ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç”¨ã„ãŸå ´åˆ ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒé€Ÿã„ã€‚ã‚µãƒ¼ãƒãƒ¼ã§HTMLã‚’å‹•çš„ã«ç”Ÿæˆã—ãªã„ã‹ã‚‰ ã‚µãƒ¼ãƒãƒ¼ä»£ Â¥0âœ¨ ã‚µãƒ¼ãƒãƒ¼ãŒå¿…è¦ãªã„ãŸã‚ ã‚µãƒ¼ãƒãƒ¼è½ã¡ãªã„ã€‚ãƒ¡ãƒ³ãƒ†ãŒä¸è¦ â€» ãŸã ã—ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ãŒè½ã¡ã‚‹å¯èƒ½æ€§ã¯ã‚ã‚Š
ihok 2020/04/01
ã‚µã‚¤ãƒˆ

wordpress

ã‚µãƒ¼ãƒ

html

web

Qiita

react

api

Gatsby

SSG
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯ã‚’ä½œã‚‹æ™‚ã® target="_blank" ã®å±é™ºæ€§ - éš™ã‚ã‚‰ã°å¯ã‚‹
html ã§ ãƒªãƒ³ã‚¯ã‚’æ–°ã—ã„ã‚¿ãƒ–(ã‚„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦)ã§é–‹ã‹ã›ãŸã„å ´åˆã€target="_blank" ã‚’æŒ‡å®šã™ã‚‹ãŒã€ ã“ã®ä½¿ã„æ–¹ã«ã¯è½ã¨ã—ç©´ãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ www.jitbit.com ãƒªãƒ³ã‚¯ã‚’é–‹ã„ãŸå…ˆã® javascript ã‹ã‚‰ã€é–‹ã„ãŸå…ƒã®ãƒšãƒ¼ã‚¸ã‚’æ“ä½œã§ãã¦ã—ã¾ã†ã¨ã®ã“ã¨ã€‚ æ°—ã«ãªã£ãŸã®ã§ç¢ºèªã—ã¦ã¿ãŸã€‚ æ‚ªç”¨ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ insecure.html ãŒæœ€åˆã«é–‹ããƒšãƒ¼ã‚¸ã§ã€ã“ã“ã« target="_blank" ãªãƒªãƒ³ã‚¯ãŒã‚ã‚‹ã€‚ ã“ã®ãƒªãƒ³ã‚¯ã‚’æŠ¼ã™ã¨ new_window.html ã‚’æ–°ã—ã„ã‚¿ãƒ–ã§é–‹ãã€‚ ã“ã® new_window.html ã« javascript ãŒä»•è¾¼ã¾ã‚Œã¦ãŠã‚Šã€å…ƒãƒšãƒ¼ã‚¸ã‚’æ“ä½œã•ã‚Œã‚‹ã¨ã„ã†è©±ã€‚ å…·ä½“çš„ã«ã¯ window.opener.location="./evil.html" ã¨å®Ÿè¡Œã™ã‚‹ã¨ã€å…ƒã‚¿ãƒ–ã¯ evil.html ã«é·ç§»ã™ã‚‹ã€‚ å®Ÿéš›è©¦ã—ã¦ã¿ãŸã®ãŒ ã“ã“ã€‚ ãƒªãƒ³ã‚¯ã‚’é–‹
ihok 2019/02/04
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸é–‹ã„ãŸã‘ã©ã€"Uncaught TypeError: Cannot set property 'location' of null"ã§ã€evil.htmlã«ãªã‚‰ã‚“ã‹ã£ãŸã‘ã©ãªã€‚@chrome

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

javascript

html

æŠ€è¡“

_blank

ãƒ•ã‚£ãƒƒã‚·ãƒ³ã‚°è©æ¬º

security

web

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTMLã®inputã‚¿ã‚°[type=file]ã®ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®æŒ™å‹•ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ - Qiita
ã¯ã˜ã‚ã« ã¿ãªã•ã‚“HTMLã‚¿ã‚°ã®ä¸€ã¤ã§ã‚ã‚‹inputã‚¿ã‚°ã¯ã”å˜çŸ¥ã ã¨æ€ã„ã¾ã™ã€‚ ãã®ä¸ã§ã‚‚type="file"ã«ã¤ã„ã¦ã¼ãã¯ã“ã‚“ãªç–‘å•ã‚’æŒã¡ã¾ã—ãŸã€‚ é¸æŠžã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã¯ã©ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ï¼Ÿã‚³ãƒ”ãƒ¼ã¨ã‹ã•ã‚Œã¦ã„ã‚‹ã®ï¼Ÿ ã“ã‚Œã¿ãªã•ã‚“çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ ã¡ã‚‡ã“ã£ã¨èª¿ã¹ãŸã‚“ã§ã™ãŒãªã‹ãªã‹æƒ…å ±ãŒãªã‹ã£ãŸã®ã§ ã„ã‚ã„ã‚è‡ªåˆ†ã§èª¿æŸ»ã—ã¦ã¿ã¾ã—ãŸã€‚ ï¼ˆæœ¬éŸ³ã¯èª¿æŸ»ãŒé¢ç™½ãã†ã ã£ãŸã®ã§ãã‚“ãªã«æœ¬æ°—ã§èª¿ã¹ã¦ãªã„ã ã‘ã§ã™ ä»®èª¬ã‚’ç«‹ã¦ã‚‹ ã¾ãšã¯ä»®èª¬ã‚’ã„ãã¤ã‹ç«‹ã¦ã¦ãã‚Œãžã‚Œã‚’æ¤œè¨¼ã—ã¦ã„ãã¾ã™ A. ãƒ–ãƒ©ã‚¦ã‚¶ã¯ãƒ•ã‚¡ã‚¤ãƒ«å‚ç…§ã ã‘æŒã£ã¦ã„ã‚‹ B. ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžæ™‚ã«Tempé ˜åŸŸã¸ã‚³ãƒ”ãƒ¼ã—ã¦ã„ã‚‹ C. ãƒ¡ãƒ¢ãƒªä¸Šã«æŠ±ãˆã¦ã„ã‚‹ ãŸã¶ã‚“ã“ã‚Œã‚‰ã®ã©ã‚Œã‹ã˜ã‚ƒãªã„ã‹ãªã¨æ€ã£ã¦ãŠã‚Šã€ å€‹äººçš„ã«ã¯BãŒæ¿ƒåŽšã ã¨å‹æ‰‹ã«è€ƒãˆã¦ã„ã¾ã™ã€‚ èª¿æŸ»é–‹å§‹ ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ©Ÿèƒ½ãŒå¿…è¦ãªã®ã§ ç°¡å˜ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã®ã‚¢ãƒ—ãƒªã‚’è‡ªå‰ã§ä½œã‚Šã¾ã—ãŸã€‚ http
ihok 2019/01/07
html

web

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

browser

ã‚¢ãƒ—ãƒª

ãƒ•ã‚¡ã‚¤ãƒ«

edge

qiita

file
ãƒªãƒ³ã‚¯
HTML5ã‚¢ãƒ—ãƒªã«ãŠã‘ã‚‹ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®åŸºç¤ŽçŸ¥è˜
HTML5 APP CONFERENCE 2018ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚
ihok 2018/07/09
çŸ¥è˜

slide

ã‚¢ãƒ—ãƒª

html

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

content

web

performance
ãƒªãƒ³ã‚¯
ä»Šã®æ™‚ä»£ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã¯ä¸€çž¬ã§è¡¨ç¤ºã™ã‚‹ã¹ãï¼ ç”»åƒã®é…å»¶èªè¾¼ã«å½¹ç«‹ã¤amp-imgã®ä½¿ã„æ–¹ - ICS MEDIA
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã¯ã€é›¢è„±çŽ‡ã‚„ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã«ã‚‚ã£ã¨ã‚‚å½±éŸ¿ã™ã‚‹é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚GoogleãŒå…¬è¡¨ã—ãŸèª¿æŸ»çµæžœã§ã¯ã€ã€Œè¡¨ç¤ºã«3ç§’ä»¥ä¸Šã‹ã‹ã‚‹ã¨ã€ç´„53%ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯é›¢è„±ã™ã‚‹ã€ã€Œè¡¨ç¤ºé€Ÿåº¦ãŒ1ç§’ã‹ã‚‰6ç§’ã«è½ã¡ã‚‹ã¨ã€ç›´å¸°çŽ‡ã¯106%ä¸Šæ˜‡ã™ã‚‹ã€ã¨ã„ã†ãƒ‡ãƒ¼ã‚¿ãŒå‡ºã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ è¡¨ç¤ºé€Ÿåº¦ã‚’æ”¹å–„ã™ã‚‹æ–½ç–ã¯è‰²ã€…ã¨ã‚ã‚Šã¾ã™ãŒã€æœ¬è¨˜äº‹ã§ã¯ã€ŒAMPã‚¢ãƒ³ãƒ—ï¼ˆAccelerated Mobile Pagesï¼‰ã€ã‚’ä½œæˆã™ã‚‹éš›ã«åˆ©ç”¨ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’ä½¿ã£ã¦ã€ç°¡å˜ã«è¡¨ç¤ºé€Ÿåº¦ã‚’æ”¹å–„ã™ã‚‹æ‰‹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ AMPã¨ã¯ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã‚’é«˜é€ŸåŒ–ã•ã›ã‚‹æŠ€è¡“ ã€ŒAMPã‚¢ãƒ³ãƒ—ï¼ˆAccelerated Mobile Pagesï¼‰ã€ã¨ã¯ã€åå‰ã®é€šã‚Šãƒ¢ãƒã‚¤ãƒ«ã§ã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã‚’é«˜é€ŸåŒ–ã•ã›ã‚‹æŠ€è¡“ã§ã™ã€‚ æœ¬ã‚µã‚¤ãƒˆï¼ˆICS MEDIAï¼‰ã§ã¯ä»¥å‰ã€ŒAMPã®åˆ©ç‚¹ã¨å¯¾å¿œHTMLã®ä½œã‚Šæ–¹ã€ã§å°Žå…¥æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¦ã„ã¾
ihok 2018/06/07
ãªãŠã€å…¨ã¦ã®<amp-img>ã«heightã¨widthã®å…¥åŠ›ãŒå¿…è¦ã§ã‚ã‚‹ã€‚ã‚ã¨ã€ä¸€èˆ¬çš„ãªCDNã«ã‚‚ã‚ãƒ£ãƒƒã‚·ãƒ¥ã•ã‚Œãªã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã‚ãƒ£ãƒƒã‚·ãƒ¥ã¯åˆ†ã‹ã‚‰ã‚“ã‘ã©ã€‚/ å¿µã®ãŸã‚ã«è¿½è¨˜ã€‚è‡ªåˆ†ã®ã€Žã‚ãƒ£ãƒƒã‚·ãƒ¥ã€ã¯ã€ç”»åƒã«ã¤ã„ã¦ã§ã™ã€‚

javascript

webåˆ¶ä½œ

web

html

Image

ç”»åƒ

é«˜é€ŸåŒ–
ãƒªãƒ³ã‚¯
ç¾å ´ã® Web Components
ä¸€éƒ¨ ES Class ã®è¨˜è¿°ã«èª¤ã‚ŠãŒã‚ã‚Šã¾ã—ãŸã€‚è¨‚æ£ç‰ˆã¯ Speaker Deck ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã„ã¾ã™ã®ã§ãã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ ðŸ‘‰ https://speakerdeck.com/aggre/real-world-web-components https://polymer-japan.connpass.com/event/84638/ ã®ç™»å£‡è³‡æ–™ã§ã™Read less
ihok 2018/04/24
web

ES

app

html

react

dom

WebComponents
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œæ™‚ã«ä¾¿åˆ©ãªHTML, CSS, JavaScriptã®ãƒ„ãƒ¼ãƒ«ã€æ–‡å—æŠ½å‡ºãƒ„ãƒ¼ãƒ«ãªã©ãŒã¾ã¨ã‚ã¦åˆ©ç”¨ã§ãã‚‹ -Href Tools
HTML, CSS, JavaScriptã®è»½é‡åŒ–ã€ç”»åƒã«å«ã¾ã‚Œã¦ã„ã‚‹æ–‡å—ã®æŠ½å‡ºã€ç”»åƒã‚’base64ãƒ‡ãƒ¼ã‚¿ã«å¤‰æ›ã€CSVã¨JSONã‚’ç›¸äº’å¤‰æ›ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³è§£å‡ãªã©ã€Webåˆ¶ä½œæ™‚ã«å½¹ç«‹ã¤ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸHref Toolsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸€ã¤ãšã¤ã®ãƒ„ãƒ¼ãƒ«ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ã™ã¹ã¦ã®ãƒ„ãƒ¼ãƒ«ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§åŠ©ã‹ã‚Šã¾ã™ã€‚
ihok 2018/02/22
base64

css

csv

ãƒ„ãƒ¼ãƒ«

javascript

WEBã‚µãƒ¼ãƒ“ã‚¹

HTML

webåˆ¶ä½œ

Web
ãƒªãƒ³ã‚¯
HTMLã®headã®æ›¸ãæ–¹ã€headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚
HTMLãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆã€ãã—ã¦metaè¦ç´ ã‚„linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®è¦ç´ ãªã©ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã€Œ<head> cheatsheetã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ <head> cheatsheet ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ åŽ»å¹´ç´¹ä»‹ã—ãŸä»¥å‰ã®ç‰ˆã‹ã‚‰ã„ã‚ã„ã‚ã¨å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ headå†…ã®è¦ç´ metaè¦ç´ linkè¦ç´ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ã®headå†…ã®è¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®headå†…ã®è¦ç´ ãƒ¡ãƒ¢ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ ä¸‹è¨˜ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªWebã‚µã‚¤ãƒˆã§å¿…é ˆã¨ãªã‚‹headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®ã‚¿ã‚°ã§ã™ã€‚ <meta charset="utf-8"> <meta http-equiv="x-ua-c
ihok 2017/09/26
id:n314 ã¡ã‚‡ã£ã¨ã‚¤ãƒ¬ã‚®ãƒ¥ãƒ©ãƒ¼ã ã‘ã© <noscript><meta http-equiv="refresh" content="0;URL=JSãŒå‹•ã‹ãªã„ç’°å¢ƒå‘ã‘ãƒšãƒ¼ã‚¸"></noscript> ã¿ãŸã„ã«ã€è¤‡åˆã—ã¦ä½¿ã†ã¨ã‹ã€‚

cheatsheet

content

device

charset

html

Webåˆ¶ä½œ

html5

web
ãƒªãƒ³ã‚¯
ã‚¯ã‚½é…·ã„ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ
ä»–ã«ä½•ãŒã»ã—ã„ã£ã¦ã‚“ã ã€ã‚¯ã‚½é‡ŽéƒŽ ãŠå‰ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ãã®ç³žã‚µã‚¤ãƒˆã‚’æœ€é«˜ã ã¨æ€ã£ã¦ã‚‹ã‚“ã ã‚ï¼Ÿã€€ãŠå‰ã¯13MBã«åŠã¶ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆä»˜ãã®ã‚¯ã‚½é‡ã„ãƒšãƒ¼ã‚¸ãŒã‚¢ãƒ›ã‚‰ã—ã„ã‚°ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³è³žã‚’ã¨ã‚‹ã¨ã§ã‚‚æ€ã£ã¦ã‚‹ã‚“ã ã‚ï¼Ÿ ãŠå‰ã¯20kgã‚ã‚‹jQueryãƒ•ã‚¡ã‚¤ãƒ«ã¨83å€‹ã®polyfilãŒIE7ã‚’ã¾ã¨ã‚‚ã«å‹•ä½œã•ã›ã‚‹ã¨æ€ã£ã¦ã‚‹ã‚“ã ã‚ï¼Ÿã€€ã©ã‚¢ãƒ›ã€ãŠå‰ã¯é–“é•ã£ã¦ã„ã‚‹ã€‚ä¿ºæ§˜ãŒä¿ºã®è€ƒãˆã‚‹æœ€å¼·ã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’æ•™ãˆã¦ã‚„ã‚‹ã€‚ ã‚¯ã‚½è»½é‡ã§ã‚¯ã‚½é€Ÿã„ãƒšãƒ¼ã‚¸ å…¨ã¦ã®ãƒ‡ãƒã‚¤ã‚¹å¹…ã«å¯¾å¿œã§ãã‚‹ ã©ã‚“ãªã†ã‚“ã“ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚è¦‹ãŸç›®ãŒä¸€ç·’ ãŠå‰ã®ã‚µã‚¤ãƒˆã«è¨ªã‚Œã‚‹ã©ã‚“ãªç³žé‡ŽéƒŽã§ã‚‚ã‚¢ã‚¯ã‚»ã‚¹å¯èƒ½ èªã¿ã‚„ã™ãä¼ãˆãŸã„ã“ã¨ãŒæ˜Žç¢ºï¼ˆã‚‚ã£ã¨ã‚‚ãŠå‰ãŒ5MBã‚µã‚¤ã‚ºã®ã‚·ãƒ£ãƒ¬ã‚ªãƒ„ãªã‚³ãƒ¼ãƒ’ãƒ¼å†™çœŸã§ã¯ãªãã¦ä¼ãˆãŸã„ã“ã¨ãŒã‚ã‚Œã°ã®è©±ã ãŒãªï¼‰ ã‚ˆãèžã‘ã€ç³žé‡ŽéƒŽã©ã‚‚ ãŠå‰ã‚‰ã¯ãƒãƒƒã‚ãƒªè¨€ã£ã¦ã‚ªãƒ¼ãƒãƒ¼ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã ã€‚ã“ã®å²ä¸Šæœ€å¼·ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã¿ã‚„ãŒã‚Œã€‚ä¿ºãŒã”ã¿ã‚³ãƒ³ãƒ†
ihok 2017/06/02
facebook

Html

design

ãƒ‡ã‚¶ã‚¤ãƒ³

web

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

UI

ãƒã‚¿
ãƒªãƒ³ã‚¯
å—ã‘å…¥ã‚Œãƒ†ã‚¹ãƒˆç”¨ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ for Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“ã‚¹ã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”æ„›é¡§ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
ihok 2017/04/13
BAR

csv

hoge

code

Html

development

security

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

Web

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
ã€PHPã€‘ä½œæˆã—ãŸãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã«è„†å¼±æ€§ãŒãªã„ã‹ã€ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚‚ã‚‰ãˆãªã„ã§ã—ã‚‡ã†ã‹ã€‚
PHPã¯ã€Webã‚µã‚¤ãƒˆæ§‹ç¯‰ã«ç‰¹åŒ–ã—ã¦é–‹ç™ºã•ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚å¤§ããªç‰¹å¾´ã®ã²ã¨ã¤ã¯ã€HTMLã«ç›´æŽ¥ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ãŒã§ãã‚‹ã¨ã„ã†ç‚¹ã§ã™ã€‚PHPã‚’ç”¨ã„ã‚‹ã“ã¨ã§ã€HTMLã‚’å‹•çš„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦å‡ºåŠ›ã§ãã¾ã™ã€‚HTMLãŒãã®ã¾ã¾ãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã«å¯¾ã—ã€PHPãƒ—ãƒã‚°ãƒ©ãƒ ã¯ã‚µãƒ¼ãƒå´ã§å®Ÿè¡Œã•ã‚ŒãŸçµæžœãŒãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã‚Œã‚‹ãŸã‚ã€PHPã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã€Œã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚
ihok 2017/04/10
ãã†ã ã€Googleãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½¿ãŠã†ï¼

csrf

function

php

Html

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

security

ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ

web

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¤ãƒªãƒ¼ãƒãƒ¼ã‚¿ãƒ«Zã®æž—é›„å¸ã•ã‚“ã¨ã€ãƒ¨ãƒƒãƒ”ãƒ¼ã•ã‚“ã«èžã„ãŸã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ãƒ»ä¼ãˆã‚‹ãƒ»ç¨¼ãã‚³ãƒ„ã¯ä½•ã§ã™ã‹ï¼Ÿã€
ãƒ‡ã‚¤ãƒªãƒ¼ãƒãƒ¼ã‚¿ãƒ«Zã®æž—é›„å¸ã•ã‚“ã¨ã€ãƒ¨ãƒƒãƒ”ãƒ¼ã•ã‚“ã«èžã„ãŸã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ãƒ»ä¼ãˆã‚‹ãƒ»ç¨¼ãã‚³ãƒ„ã¯ä½•ã§ã™ã‹ï¼Ÿã€ é¦¬å ´ ç¾Žç”±ç´€ï¼ˆHTML5 Experts.jpç·¨é›†éƒ¨ï¼‰ ã“ã‚“ã«ã¡ã¯ã€HTML5 Experts.jpç·¨é›†éƒ¨ã®é¦¬å ´ç¾Žç”±ç´€ã§ã™ã€‚HTML5 Experts.jpã€ŒWebã®æœªæ¥ã‚’èªžã‚ã† 2017ã€ã®ç¬¬ä¸‰å¼¾ã¯ã€Webã®æœªæ¥ã‚’è€ƒãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç·¨ã§ã™ã€‚ æ¯Žå›žè±ªè¯ãªã‚²ã‚¹ãƒˆã‚’ãŠæ‹›ãã—ã¦ã€è´è¬›è€…ã‚’å‹Ÿã‚Šã€ç™½çŸ³ç·¨é›†é•·ã¨ä¸€ç·’ã«ãŠè©±ã‚’èžãã‚¤ãƒ™ãƒ³ãƒˆå½¢å¼ã§ãŠå±Šã‘ã—ã¦ããŸã“ã®ã‚·ãƒªãƒ¼ã‚ºã€‚ã€Œãƒ¡ãƒ‡ã‚£ã‚¢ç·¨ã€ã€Œã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ç·¨ã€ã«ç¶šãã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç·¨ã¯å¤§äººæ°—ãƒ©ã‚¤ã‚¿ãƒ¼ã®ãƒ¨ãƒƒãƒ”ãƒ¼ã•ã‚“ã€ã€Œãƒ‡ã‚¤ãƒªãƒ¼ãƒãƒ¼ã‚¿ãƒ«Zã€ç·¨é›†é•·ã®æž—é›„å¸ã•ã‚“ã¨ã„ã†ã€è¶…è±ªè¯ãªã‚²ã‚¹ãƒˆã«ãŠè¶Šã—ã„ãŸã ãã¾ã—ãŸï¼ ã‚²ã‚¹ãƒˆç´¹ä»‹ æž— é›„å¸ã•ã‚“ ã€Œãƒ‡ã‚¤ãƒªãƒ¼ãƒãƒ¼ã‚¿ãƒ«Zã€ç·¨é›†é•·ãƒ»ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ 1971å¹´æ±äº¬ç”Ÿã¾ã‚Œã€‚ãƒ‹ãƒ•ãƒ†ã‚£æ ªå¼ä¼šç¤¾å‹¤å‹™ã€‚ãƒ‡ã‚¤ãƒªãƒ¼ãƒãƒ¼ã‚¿ãƒ«Zã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ã€‚ä¸»ã«ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒ
ihok 2017/03/31
HTML5

Html

BuzzFeed

dpz

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

web

ãƒ¡ãƒ‡ã‚£ã‚¢

ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼

media
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ„è˜ã—ã¦ãŠããŸã„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£14é¸ - tatsuyankmura
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã«æ›¸ã‹ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®æ›¸ç±ã‚„è¨˜äº‹ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€å®Ÿè£…è€…å‘ã‘ã¯ã‚ã¾ã‚Šã‚ã‚Šã¾ã›ã‚“ã€‚ãã“ã§ã€ã“ã‚Œã¾ã§ã«ç§ãŒå®Ÿè£…ã‚’ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å—ã‘ãŸæŒ‡æ‘˜ã€é…æ…®ã™ã¹ãã¨æ„Ÿã˜ãŸç‚¹ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒªãƒ³ã‚¯ãƒ»æ©Ÿèƒ½ãªã© 1. ãƒªãƒ³ã‚¯ã‚„æŠ¼ã›ã‚‹ç®‡æ‰€ã¯æ°—ã¥ã„ã¦ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å®Ÿè£…ã—ã¦ã‚‚ã€æ°—ã¥ã‹ã‚Œãªãã¦ã¯æ„å‘³ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ãƒªãƒ³ã‚¯ã‚„æŠ¼ã›ã‚‹ç®‡æ‰€ãªã©ã¯ã€è‰²ãŒå¤‰ã‚ã‚‹ã€å‹•ããªã©ã®å¤‰åŒ–ã‚’åŠ ãˆã¦ãƒ¦ãƒ¼ã‚¶ã«æ°—ã¥ã„ã¦ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†é…æ…®ã—ã¾ã—ã‚‡ã†ã€‚ ãƒ—ãƒãƒã‚¹ã‚±ãƒƒãƒˆãƒœãƒ¼ãƒ«ãƒªãƒ¼ã‚°ã€Bãƒªãƒ¼ã‚°ã®ã‚µã‚¤ãƒˆã€‚ã‚¿ãƒ–ã§ã™ãŒã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‚‚ãƒã‚¤ãƒ³ã‚¿ãƒ¼ãŒå¤‰ã‚ã‚‰ãšã€åå¿œã‚‚ãªã„ã®ã§æŠ¼ã›ã‚‹ã“ã¨ã«æ°—ã¥ã‹ãªã„ãƒ¦ãƒ¼ã‚¶ã‚‚ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ 2. ç”»é¢æœ€ä¸Šéƒ¨ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã®è¨ç½® ç‰¹ã«èªã¿ç‰©ç³»ã®ã‚µã‚¤ãƒˆãªã©ã€ç”»é¢ãŒé•·ããªã‚‹å ´åˆã¯ãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒªãƒ³ã‚¯ãŒã‚ã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§æˆ»ã‚‹ã®ã¯æ„å¤–ã¨å¤§å¤‰ã§æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚PCã¯ãƒ–ãƒ©
ihok 2017/03/24
iPhone

HTML

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

UI

webãƒ‡ã‚¶ã‚¤ãƒ³

ux

ãƒ‡ã‚¶ã‚¤ãƒ³

web

é–‹ç™º
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸