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

hrksb5029 id:hrksb5029

webã«é–¢ã™ã‚‹hrksb5029ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{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ã‚µãƒ¼ãƒ“ã‚¹å…¬é–‹å‰ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ
å€‹äººçš„ã«ã€ŒWebã‚µãƒ¼ãƒ“ã‚¹ã®å…¬é–‹å‰ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã‚’ä½œã£ã¦ã„ãŸã®ã§ã™ãŒã€ã‘ã£ã“ã†è‚²ã£ã¦ããŸã®ã§å…¬é–‹ã—ã¾ã™ã€‚ã“ã®ãƒªã‚¹ãƒˆã¯ã€éŽåŽ»ã«è‡ªåˆ†ãŒãƒŸã‚¹ã—ãŸã¨ãã‚„ã€æƒ…å ±åŽé›†ã™ã‚‹ä¸ã§ã€Œæ˜Žæ—¥ã¯æˆ‘ãŒèº«â€¦ã€ã¨æ€ã£ãŸã¨ããªã©ã«å€‹äººçš„ã«ãƒ¡ãƒ¢ã—ã¦ããŸã‚‚ã®ã‚’ã¾ã¨ã‚ãŸå†…å®¹ã«ãªã‚Šã¾ã™ã€‚ ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ èªè¨¼ã«é–¢ã‚ã‚‹Cookieã®å±žæ€§ HttpOnlyå±žæ€§ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ XSSã®ç·©å’Œç– SameSiteå±žæ€§ãŒLaxã‚‚ã—ãã¯Strictã«ãªã£ã¦ã„ã‚‹ã“ã¨ ä¸»ã«CSRFå¯¾ç–ã®ãŸã‚ã€‚Laxã®å ´åˆã€GETãƒªã‚¯ã‚¨ã‚¹ãƒˆã§æ›´æ–°å‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ã‚¨ãƒ³ãƒ‰ãƒã‚¤ãƒ³ãƒˆãŒãªã„ã‹åˆã‚ã›ã¦ç¢ºèª Secureå±žæ€§ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ HTTPSé€šä¿¡ã§ã®ã¿CookieãŒé€ã‚‰ã‚Œã‚‹ã‚ˆã†ã« Domainå±žæ€§ãŒé©åˆ‡ã«è¨å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ ã‚µãƒ–ãƒ‰ãƒ¡ã‚¤ãƒ³ã«ã‚‚CookieãŒé€ã‚‰ã‚Œã‚‹è¨å®šã®å ´åˆã€ä»–ã®ã‚µãƒ–ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã«è„†å¼±æ€§ãŒã‚ã‚‹ã¨ãã“ã‹ã‚‰ã‚¤ãƒ³ã‚·ãƒ‡ãƒ³ãƒˆã«ç¹‹ãŒã‚‹ãƒªã‚¹ã‚¯ã‚’ç†è§£ã—ã¦ãŠ
hrksb5029 2024/07/05
ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ

web
ãƒªãƒ³ã‚¯
web-vitals.jsã€Google ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã€BigQuery ã‚’ä½¿ç”¨ã—ã¦ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¸¬å®šã™ã‚‹ Â |Â Google Codelabs
web-vitals.jsã€Google ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã€BigQuery ã‚’ä½¿ç”¨ã—ã¦ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¸¬å®šã™ã‚‹ 1. å§‹ã‚ã‚‹å‰ã« æ¼”ç¿’å†…å®¹ ã“ã® Codelab ã§è¡Œã†å†…å®¹ã¯æ¬¡ã®ã¨ãŠã‚Šã§ã™ã€‚ Google ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ 4 ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ BigQuery ã«ãƒªãƒ³ã‚¯ã—ã¾ã™ã€‚ web-vitals ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã—ã¾ã™ã€‚ web-vitals ãƒ‡ãƒ¼ã‚¿ã‚’æº–å‚™ã—ã¦ Google ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã«é€ä¿¡ã—ã¾ã™ã€‚ BigQuery ã§ã‚¦ã‚§ãƒ–ã«é–¢ã™ã‚‹ä¸»ãªæŒ‡æ¨™ã®ãƒ‡ãƒ¼ã‚¿ã‚’ã‚¯ã‚¨ãƒªã—ã¾ã™ã€‚ Google ãƒ‡ãƒ¼ã‚¿ãƒãƒ¼ã‚¿ãƒ«ã§ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã‚’ä½œæˆã—ã€ã‚¦ã‚§ãƒ–ã«é–¢ã™ã‚‹ä¸»ãªæŒ‡æ¨™ã®ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–åŒ–ã—ã¾ã™ã€‚ å¿…è¦ãªã‚‚ã® GA4 ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒã¤ Google ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã€‚ Google Cloud ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã€‚ Chromium ãƒ™ãƒ¼ã‚¹ã®ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆGoogle Chromeã€Microsof
hrksb5029 2023/09/17
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

web
ãƒªãƒ³ã‚¯
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é€²åŒ–ã¨Jamstackã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®å¤‰é·
DIST.40 ã€ŒJamstackã®å®Ÿéš›ã¨ãƒŸãƒ©ã‚¤ã€ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ https://dist.connpass.com/event/284922/
hrksb5029 2023/07/15
web

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã‚’å¤‰ãˆã‚‹ï¼2022å¹´ã®ä¾¿åˆ©ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ™ã‚¹ãƒˆ110é¸
Webåˆ¶ä½œã‚’å¤‰ãˆã‚‹ï¼2022å¹´ã®ä¾¿åˆ©ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ™ã‚¹ãƒˆ110é¸ ã“ã‚Œã‹ã‚‰ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ¬ ã‹ã›ãªã„ãƒ„ãƒ¼ãƒ«å¤§é›†åˆ ã“ã®è¨˜äº‹ã§ã¯ã€2022å¹´ã«å…¬é–‹ã•ã‚ŒãŸä¾¿åˆ©ãªWebã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ™ã‚¹ãƒˆ110å€‹+ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å®šæœŸçš„ã«ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹æœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚è¨˜äº‹ã§ã¯ã€2022å¹´ã«ã‹ã‘ã¦ã€åˆè¨ˆ343å€‹ã®æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¦ãã¾ã—ãŸã€‚ ãã®ä¸ã§ã‚‚ã€Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã‚’åŽ³é¸ã—ãŸã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã§ã€ã€Œç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€ã‚’æƒãˆã¦ã„ã¾ã™ã€‚ ç‰¹ã«ä»Šå¹´ã¯ã€äººå·¥çŸ¥èƒ½ã‚„AI ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼é–¢é€£ã®ãƒ„ãƒ¼ãƒ«ãŒå¢—ãˆãŸã“ã¨ã§ã€Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã‚’ã‚ˆã‚Šå¿«é©ã«é€²ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ ã‚«ãƒ†ã‚´ãƒªã”ã¨ã«æ•´ç†ã—ã¦ã„ã‚‹ã®ã§ã€ç›®çš„ã«ã‚ã£ãŸãŠæ°—ã«å…¥ã‚Šãƒ„ãƒ¼ãƒ«ã‚’æŽ¢ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç›®æ¬¡ ðŸ•¹ CSSãƒ„ãƒ¼ãƒ«ï¼ˆ16å€‹ï¼‰ ðŸ§° Webãƒ‡ã‚¶ã‚¤ãƒ³ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ï¼ˆ19å€‹ï¼‰ ðŸ¦„ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«
hrksb5029 2022/12/20
web

ãƒ„ãƒ¼ãƒ«

ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Web Animations APIã®compositeãŒå‡„éŽãŽã¦ã™ã”ã„ã‹ã‚‰ã¿ã‚“ãªè¦‹ã¦ãã‚Œ - Qiita
ã“ã®è¨˜äº‹ã¯ã‚ˆã†ã‚„ãSafariã§ã‚‚ãƒ•ãƒ«ã‚µãƒãƒ¼ãƒˆã•ã‚Œãã†ãªWeb Animations APIã®compositeï¼ˆåŠ¹æžœã®çµ„æˆï¼‰ã£ã¦æ©Ÿèƒ½ãŒã™ã”ã„ã‚ˆï¼ï¼ã£ã¦ã€ãŸã ãã‚Œã ã‘ã‚’ä¼ãˆãŸã„è¨˜äº‹ã§ã™ã€‚å¹³ãŸãã„ã†ã¨è¤‡æ•°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã‚ãƒ¬ã‚¤ã«åˆæˆã§ãã‚‹æ©Ÿèƒ½ãªã®ã§ã™ãŒã€é€šå¸¸ã®Webã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã‚‚ã‚ˆãå‡ºã¦ãã‚‹è¾›ã•ã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹çµæ§‹ã™ã”ã„ãƒ¤ãƒ„ãªã®ã§ã™ã€‚ â–¼ ã“ã†ã„ã†ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œã‚‹ã®ã‚‚ã ã„ã¶ã‚“æ¥½ã«ãªã‚Šã¾ã™ Web Animations APIã§æ˜Ÿç©ºãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ« å˜ã«CSSã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’JSã§æã‘ã‚‹ã‚ˆã£ã¦ã ã‘ã§ã¯ã‚ã‚‹ã‚“ã ã‘ã©ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã—ã§ãã“ãã“ç°¡å˜ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚‚ã®ä½œã‚Œã‚‹ã£ã¦æ„å‘³ã§ã¯ã†ã‚Œã—ã„ã€‚ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶å…¨éƒ¨ã§ä½¿ãˆã‚‹ã€‚https://t.co/8H8zXfc5NL pic.twitter.com/bfTERJPxIX â€” ã‚†ãï¼ ãƒ†ã‚£ã‚¢F47a (@yuneco) October 11
hrksb5029 2022/05/09
css

web
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®Webã‚µãƒ¼ãƒ“ã‚¹ã®è„†å¼±æ€§ã‚’ç™ºè¦‹è€…ã‹ã‚‰æ•™ãˆã¦ã‚‚ã‚‰ã†æ–¹æ³• - RFC9116ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸ
å…ˆæ—¥ã€RFC9116ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸðŸš€ ã‚ãªãŸã®Webã‚µãƒ¼ãƒ“ã‚¹ã«æ½œåœ¨ã™ã‚‹æœªçŸ¥ã®è„†å¼±æ€§ã‚’èª°ã‹ãŒè¦‹ã¤ã‘ãŸæ™‚ã€ãã‚Œã‚’ã‚ãªãŸã«é€£çµ¡ã™ã‚‹æ–¹æ³•ã‚’æç¤ºã™ã‚‹security.txtã‚’æ¨™æº–åŒ–ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ä½•æ•…ã“ã‚ŒãŒå¿…è¦ã ã£ãŸã®ã‹ã€ãã—ã¦ç§ãŸã¡ãŒã“ã‚Œã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’ç°¡æ½”ã«èª¬æ˜Žã—ã¾ã™ã€‚ ãªãœã“ã‚ŒãŒå¿…è¦ã ã£ãŸã®ã‹ https://securitytxt.org/ã®Summary(æ¦‚è¦)ã«ã¯ã“ã®ã‚ˆã†ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ Webã‚µãƒ¼ãƒ“ã‚¹ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒªã‚¹ã‚¯ãŒã€ãƒªã‚¹ã‚¯ã®é‡å¤§æ€§ã‚’ç†è§£ã—ã¦ã„ã‚‹ç‹¬ç«‹ã—ãŸã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ç ”ç©¶è€…ã«ã‚ˆã£ã¦ç™ºè¦‹ã•ã‚ŒãŸå ´åˆã€ãã‚Œã‚‰ã‚’é©åˆ‡ã«é–‹ç¤ºã™ã‚‹ãŸã‚ã®ãƒãƒ£ãƒ³ãƒãƒ«ãŒä¸è¶³ã—ã¦ã„ã‚‹ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ ãã®çµæžœã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®å•é¡ŒãŒå ±å‘Šã•ã‚Œãªã„ã¾ã¾ã«ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ security.txtã¯ã€çµ„ç¹”ãŒã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ç ”ç©¶è€…ãŒã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®è„†å¼±æ€§ã‚’å®‰å…¨ã«é–‹ç¤ºã™ã‚‹ãŸã‚ã®ãƒ—ãƒã‚»ã‚¹ã‚’å®šç¾©ã™ã‚‹ã®ã«å½¹ç«‹ã¤æ¨™
hrksb5029 2022/05/02
ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

web
ãƒªãƒ³ã‚¯
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º(2021)ã®è¦‹å–ã‚Šå›³ã‚’ã¤ãã‚ŠãŸã„
æœ¬æ¥ã¯iOSé–‹ç™ºãªã®ã§ã™ãŒã€6æœˆé ƒã‹ã‚‰å€‹äººé–‹ç™ºã§Webãƒ•ãƒãƒ³ãƒˆã‚’è§¦ã£ã¦ã„ã¾ã™ã€‚ Webãƒ•ãƒãƒ³ãƒˆã«å…¥é–€ã™ã‚‹ã¨ãã«ã€é–‹ç™ºã®å‰æçŸ¥è˜ãƒ»å°‚é–€ç”¨èªžãŒå¤šã™ãŽã¦ã€è„³ãŒå‡¦ç†ã—ãã‚Œãªã„çŠ¶æ…‹ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã§ã‚‚æ•°å¹´å‰ã®ã‚ˆã‚Šæ··æ²Œã¨ã—ã¦ãŸæ™‚æœŸã‚ˆã‚Šã¯å®‰å®šã—ã¦ãã¦ã„ã‚‹ã‚ˆã†ã«æ€ã†ã‚“ã§ã™ãŒã€ãã‚Œã§ã‚‚ã‚„ã¯ã‚Šã‚«ã‚ªã‚¹æ„Ÿã¯å¦ã‚ã¾ã›ã‚“ã§ã—ãŸã€‚ Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®è¦‹å–ã‚Šå›³ãŒã‚ã‚Œã°ã„ã„ã®ã«ã¨æ€ã£ãŸã®ã§ã€è‡ªåˆ†ã§ã¡ã‚‡ã£ã¨ã¤ãã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ å€‹åˆ¥ã®æŠ€è¡“è¦ç´ ã®æƒ…å ±ã¯è±Šå¯Œã«ã‚ã‚‹ï¼ˆã‚ã‚Šã™ãŽã‚‹ã¨è¨€ã£ã¦ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ï¼‰ã‚“ã§ã™ãŒã€å…¨ä½“åƒãŒã‚ˆãã‚ã‹ã‚‰ãªã„ã®ã§ã€ ãŸã¨ãˆã°ã€ŒTypeScriptã§é–‹ç™ºã—ãŸæ–¹ãŒã„ã„ã®ã‹ï¼Ÿã€ã¨ã‹ã€ã€ŒBabelã¨ã‹webpackã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãªãã‚ƒã„ã‘ãªã„ã®ï¼Ÿã€ã¨ã‹ã€ ãã†ã„ã†ç´ æœ´ãªç–‘å•ãŒå¦ç¿’é€²ã‚ã¦è¡Œã£ã¦ã‚‚ã€ãªã‹ãªã‹è§£æ¶ˆã§ããªã‹ã£ãŸã®ã§ã€ã„ã„æ„Ÿã˜ã®ã–ã£ãã‚Šæ„Ÿã§ã¾ã¨ã‚ã‚‰ã‚ŒãŸã‚‰ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§å…¨
hrksb5029 2021/10/19
javascript

web
ãƒªãƒ³ã‚¯
"JWT=ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹"ã‹ã‚‰ä¸€æ©è¸ã¿å‡ºã™ãŸã‚ã®è€ƒãˆæ–¹
ãŠã¯ã‚ˆã†ã”ã–ã„ã¾ã™ã€ritouã§ã™ã€‚ ã“ã®è©±ã«ä¹—ã£ã‹ã£ã¦ã„ãã¾ã™ã€‚ 3è¡Œã§ ãƒã‚°ã‚¢ã‚¦ãƒˆæ™‚ã«JWTã‚’ç„¡åŠ¹åŒ–ã§ããªã„å®Ÿè£…ã¯ä»Šå¾Œè„†å¼±æ€§è¨ºæ–ã§ã€ŒOWASP Top 10 2021é•åã€ã¨æŒ‡æ‘˜ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šãã†(ä»Šã‚‚å€‹åˆ¥ã«ã•ã‚Œã¦ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã‘ã©) JWTã¯å˜ç´”ãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãªã®ã§ã€ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹ãªã‚»ãƒƒã‚·ãƒ§ãƒ³ç®¡ç†ã«ãŠã„ã¦ãƒã‚°ã‚¢ã‚¦ãƒˆã—ãŸã¨ãã«æ–‡å—åˆ—è‡ªä½“ã‚’ç„¡åŠ¹åŒ–ã§ããªã„ä»¶ã¯ç‹¬è‡ªã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰æ–¹å¼(ä¸€èˆ¬çš„ã«ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Cookieã‚¹ãƒˆã‚¢ã¨å‘¼ã°ã‚Œã¦ã„ã‚‹ã‚‚ã®)ã§ã‚‚èµ·ã“ã‚Šå¾—ã‚‹ ã€Œã‚»ãƒƒã‚·ãƒ§ãƒ³ID vs JWTã§å†…åŒ…ã€ ä»¥å¤–ã«ã‚‚ ã€Œã‚»ãƒƒã‚·ãƒ§ãƒ³IDã‚’JWTã«å†…åŒ…ã€ã‚‚ã‚ã‚Šå¾—ã‚‹ã€‚æ—¢å˜ã®æ©Ÿèƒ½ã‚’æ®‹ã—ã¤ã¤ã€ŒJWTã§æ¦è£…ã€ã™ã‚‹é¸æŠžè‚¢ã‚‚è€ƒãˆã¦ã¿ã¦ã¯ã©ã†ã‹ã€‚ ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹ãªã‚»ãƒƒã‚·ãƒ§ãƒ³ç®¡ç†ã§ãƒã‚°ã‚¢ã‚¦ãƒˆã®éš›ã«æ–‡å—åˆ—è‡ªä½“ã‚’ç„¡åŠ¹åŒ–ã§ããªã„å•é¡Œ ã“ã‚Œã¯å‰ã‹ã‚‰è¨€ã‚ã‚Œã¦ã„ã¾ã™ã—ã€é§†ã‘å‡ºã—ä½•ã¨ã‹å‹¢ã®Qiitaè¨˜äº‹ã«æ›¸ã‹ã‚Œã‚‹ãã‚‰ã„ã«ã¯ä¸€èˆ¬çš„ã§ã™ã€‚ 2
hrksb5029 2021/09/11
ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

web
ãƒªãƒ³ã‚¯
2022å¹´ç‰ˆï¼šOGPã®æ£ã—ã„è¨å®šæ–¹æ³•ã¾ã¨ã‚ã€‚ç¢ºèªæ–¹æ³•ã‚„ç”»åƒã‚µã‚¤ã‚ºã‚‚ | Web Design Trends
OGPã¯ã€Webã‚µã‚¤ãƒˆã®SNSã‹ã‚‰ã®æµå…¥ã‚’å¢—ã‚„ã™ãŸã‚ã«ã¯æ¬ ã‹ã›ãªã„å˜åœ¨ã§ã™ãŒã€æ„å¤–ã¨Webã‚µã‚¤ãƒˆå…¬é–‹æ™‚ã«å¿˜ã‚ŒãŒã¡ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãŸã ã—ãOGPãŒè¨å®šã•ã‚Œã¦ã„ãªã„ã¨ã€ã›ã£ã‹ãSNSã§URLãŒã‚·ã‚§ã‚¢ã•ã‚Œã¦ã‚‚ã‚¢ã‚¯ã‚»ã‚¹æ•°ãŒä¼¸ã³ãšã€å¤§ããªæ©Ÿä¼šæå¤±ã«ç¹‹ãŒã£ã¦ã—ã¾ã†å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€Webã‚µã‚¤ãƒˆã«ãŠã‘ã‚‹OGPã®æ£ã—ã„è¨å®šæ–¹æ³•ã‚„ã€é©åˆ‡ãªç”»åƒã‚µã‚¤ã‚ºã€OGPãŒæ£ã—ãè¨å®šã•ã‚Œã¦ã„ã‚‹ã‹ã®ç¢ºèªæ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ OGPã¨ã¯ï¼Ÿ OGPã¨ã¯ã€ã€ŒOpen Graph Protcolï¼ˆã‚ªãƒ¼ãƒ—ãƒ³ã‚°ãƒ©ãƒ•ãƒ—ãƒãƒˆã‚³ãƒ«ï¼‰ã€ã®ç•¥ç§°ã§ã€Twitterã‚„Facebookã€LINEã‚„Slackãªã©ã§Webã‚µã‚¤ãƒˆã‚’ã‚·ã‚§ã‚¢ã—ãŸæ™‚ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ã‚¤ãƒˆãƒ«ã‚„ç”»åƒã‚’è¨å®šã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ ä¾‹ãˆã°ã€Twitterã§Webã‚µã‚¤ãƒˆã‚’ã‚·ã‚§ã‚¢ã™ã‚‹ã¨ä¸Šè¨˜ã®ç”»åƒã®ã‚ˆã†ã«ãƒªãƒ³ã‚¯ãŒã‚«ãƒ¼ãƒ‰ã§è¡¨ç¤ºã•ã‚Œã¾ã™ãã€‚ ã“ã®ã‚ˆã†ã«ã€OGPãŒæ£ã—ãè¨å®šã•ã‚Œã¦
hrksb5029 2021/08/17
web

ç”»åƒ

ãƒ„ãƒ¼ãƒ«

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã®æ™‚çŸã«ï¼2020å¹´ã®ä¾¿åˆ©ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ™ã‚¹ãƒˆ100é¸
ã“ã®è¨˜äº‹ã§ã¯ã€2020å¹´ã«å…¬é–‹ã•ã‚ŒãŸä¾¿åˆ©ãªWebã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ™ã‚¹ãƒˆ100å€‹ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å®šæœŸçš„ã«ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹æœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚è¨˜äº‹ã§ã¯ã€2020å¹´ã«ã‹ã‘ã¦åˆè¨ˆ306å€‹ã®æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚„ã‚µãƒ¼ãƒ“ã‚¹ãŒç™»å ´ã—ã¾ã—ãŸã€‚ ãã®ä¸ã§ã‚‚ã€ç‰¹ã«Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã‚’é¸ã‚Šã™ãã£ãŸã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã§ã€ã€Œç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€ã‚’æƒãˆã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ´»ç”¨ã™ã‚Œã°ã€Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã‚’ã‚ˆã‚Šå¿«é©ã«é€²ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ ã‚«ãƒ†ã‚´ãƒªã”ã¨ã«æ•´ç†ã—ã¦ã„ã‚‹ã®ã§ã€ç›®çš„ã«ã‚ã£ãŸãŠæ°—ã«å…¥ã‚Šãƒ„ãƒ¼ãƒ«ã‚’æŽ¢ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç›®æ¬¡ 1. CSSãƒ„ãƒ¼ãƒ«ï¼ˆ14å€‹ï¼‰ 2. ãƒ‘ã‚¿ãƒ¼ãƒ³ãƒ„ãƒ¼ãƒ«ï¼ˆ7å€‹ï¼‰ 3. ã‚¤ãƒ©ã‚¹ãƒˆç³»ãƒ„ãƒ¼ãƒ«ï¼ˆ3å€‹ï¼‰ 4. ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ï¼ˆ10å€‹ï¼‰ 5. é…è‰²ã‚«ãƒ©ãƒ¼ãƒ„ãƒ¼ãƒ«ï¼ˆ6å€‹ï¼‰ 6. ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ï¼ˆ3å€‹ï¼‰ 7. SVGãƒ„ãƒ¼ãƒ«ï¼ˆ8å€‹ï¼‰ 8. ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§
hrksb5029 2020/12/22
web

ãƒ„ãƒ¼ãƒ«

ä¾¿åˆ©

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ç‰§æŒçš„ Cookie ã®çµ‚ç„‰ | blog.jxck.io
Intro Cookie ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ä¸€åº¦ä¿å˜ã™ã‚Œã°ã€æ¬¡ã‹ã‚‰ãã®å€¤ã‚’è‡ªå‹•çš„ã«é€ã£ã¦ãã‚‹ã¨ã„ã†ã€éžå¸¸ã«éƒ½åˆã®è‰¯ã„ä»•æ§˜ã‹ã‚‰å§‹ã¾ã£ãŸã€‚ State Less ãŒåŸºæœ¬ã ã£ãŸ Web ã«ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®æ¦‚å¿µã‚’ã‚‚ãŸã‚‰ã—ã€ä»Šã§ã¯ã“ã‚ŒãŒç„¡ã‘ã‚Œã°å®Ÿç¾ã§ããªã„ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã®æ–¹ãŒå¤šã„ã€‚ å†·é™ã«è€ƒãˆã‚Œã°ãµã–ã‘ã¦ã‚‹ã¨ã—ã¦æ€ãˆãªã„ãƒ˜ãƒƒãƒ€åã‹ã‚‰ã‚‚ã‚ã‹ã‚‹ã‚ˆã†ã«ã€å½“åˆã¯ã“ã®ãƒ˜ãƒƒãƒ€ãŒã“ã‚“ãªã«é‡å®ã•ã‚Œã€Web ã®ã‚ã‚Šæ–¹ã‚’å¤‰ãˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãã‚‰ã„é‡è¦ãªè°è«–ã‚’å·»ãèµ·ã“ã™ã“ã¨ã«ãªã‚‹ã¨ã¯ã€æœ€åˆã®å®Ÿè£…è€…ã‚‚æ€ã£ã¦ãªã‹ã£ãŸã ã‚ã†ã€‚ ãã‚“ãª Cookie ãŒä»Šã©ã†ä½¿ã‚ã‚Œã€3rd Party Cookie (3rdPC) ã®ä½•ãŒå•é¡Œã«ãªã£ã¦ã„ã‚‹ã®ã‹ã‚’è¸ã¾ãˆã€ã“ã‚Œã‹ã‚‰ã©ã†ãªã£ã¦ã„ãã®ã‹ã«ã¤ã„ã¦è€ƒãˆã‚‹ã€‚ Cookie ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ Web ã«ã‚ã‚‹ API ã®ä¸ã§ã‚‚ Cookie ã¯ã„ãã¤ã‹ã®ç‚¹ã§ç‰¹ç•°ãªæŒ™å‹•ã‚’ã™ã‚‹ ä¸€åº¦ä¿å˜ã™ã‚Œã°ã€æ¬¡ã‹ã‚‰è‡ªå‹•ã§é€ã‚‹ ç¾
hrksb5029 2020/02/26
web

åºƒå‘Š
ãƒªãƒ³ã‚¯
1