[B! html] wakuworksã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wakuworks id:wakuworks

htmlã«é–¢ã™ã‚‹wakuworksã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (296)

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®é…å»¶ç”»åƒãŒã€Œsizes=autoã€ã‚’ä½¿ç”¨ã™ã‚‹ã¨ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™
æœ—å ±ã§ã™ï¼ æ¥å¹´ã®2024å¹´ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ã¯CSSã‹ã‚‰ç”»åƒã®å®Ÿéš›ã®å¹…ã‚’å–å¾—ã—ã€ãã‚Œã‚’ç”»åƒã®ã‚µã‚¤ã‚ºã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ srcsetã§é…å»¶èªã¿è¾¼ã¿ã•ã‚ŒãŸç”»åƒã®å ´åˆã€ãƒ–ãƒ©ã‚¦ã‚¶ã¯srcsetã‹ã‚‰ã‚½ãƒ¼ã‚¹URLã‚’é¸æŠžã™ã‚‹ãŸã‚ã«ç”»åƒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¹…ã‚’ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Add sizes=auto to lazy-loaded <img> ã“ã‚Œã«ã‚ˆã‚Šã€Webãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¯sizeså±žæ€§ã‚’çœç•¥ã—ãŸã‚Šã€loading=lazyã‚’æŒã¤<img>è¦ç´ ã«å¯¾ã—ã¦æ˜Žç¤ºçš„ã«sizes=autoã‚’è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ç”»åƒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¹…ã«srcsetå±žæ€§ã®å€¤ã‚’ä½¿ç”¨ã—ã¾ã™ï¼ˆé…å»¶ç”»åƒã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒåˆ¤æ˜Žã™ã‚‹ã¾ã§èªã¿è¾¼ã¿ã‚’é–‹å§‹ã—ã¾ã›ã‚“ï¼‰ã€‚é…å»¶ã§ã¯ãªã„ç”»åƒã®å ´åˆã¯ç„¡åŠ¹ã§ã€100vwã¨åŒç‰ã«ãªã‚Šã¾ã™ã€‚ sizes=autoã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®<img>ã«ç‰¹ã«å¼·åŠ›ã§ã™ã€‚è¤‡æ•°ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ç”»
wakuworks 2023/12/05
html

performance
ãƒªãƒ³ã‚¯
301ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆå‡ºæ¥ãš meta refresh ã‚’ä½¿ã†å ´åˆã¯ link rel=â€canonicalâ€ ä½µç”¨ãŒè‰¯ã•ãã†
301ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆå‡ºæ¥ãš meta refresh ã‚’ä½¿ã†å ´åˆã¯ link rel="canonical" ä½µç”¨ãŒè‰¯ã•ãã† Webã‚µã‚¤ãƒˆã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«éš›ã—ã¦URLãŒå¤‰ã‚ã‚‹å ´åˆã€ å¯¾ãƒ¦ãƒ¼ã‚¶ãƒ¼ï¼ˆæ—§URLã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸäººã‚‚å•é¡Œãªãé–²è¦§ã§ãã‚‹ã‚ˆã†ã«ï¼‰ å¯¾æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ï¼ˆã‚µã‚¤ãƒˆãƒ»ãƒšãƒ¼ã‚¸ã®è©•ä¾¡ã€SEOè³‡ç”£ã‚’å¼•ãç¶™ãï¼‰ 2ã¤ã®ç†ç”±ã‹ã‚‰ã€é€šå¸¸ã¯ .htaccess ãƒ•ã‚¡ã‚¤ãƒ«ã«301ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã®è¨˜è¿°ã‚’ã—ã€æ—§URL â‡’ æ–°URLã«è»¢é€ã‚’è¡Œã„ã¾ã™ã€‚ã€‚ã€‚ãŒã€‚ ä½•ã‚‰ã‹ã®ç†ç”±ã§ã€301ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆãŒè¡Œãˆãªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ç„¡æ–™ãƒ–ãƒã‚°ã€å¤–éƒ¨ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹å ´åˆãªã©ã€ä»•æ§˜ä¸Šã‚µãƒ¼ãƒãƒ¼ã«Â .htaccess ã‚’ç½®ãã“ã¨ãŒå‡ºæ¥ãªã„ã€ã¨ã„ã†ã®ãŒãã®å…¸åž‹ã§ã™ã€‚ ã¡ã‚‡ã£ã¨å›°ã£ãŸã‚±ãƒ¼ã‚¹ã§ã™ãŒã€è¡¨é¡Œã«ã‚ã‚‹é€šã‚Š HTML<link rel="canonical" href="https://new-domain.
wakuworks 2023/11/13
seo

html
ãƒªãƒ³ã‚¯
Markuplint - ã™ã¹ã¦ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—é–‹ç™ºè€…ã®ãŸã‚ã®HTMLãƒªãƒ³ã‚¿ãƒ¼ | Markuplint
é©åˆæ€§ãƒã‚§ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã€æœ‰åŠ¹ãªã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ã€å„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’ä»‹ã—ã¦ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’å£Šã•ãªã„ã¨ã„ã†æ¨™æº–ã®ç´„æŸã‚’å®ˆã‚‹ãŸã‚ã«é‡è¦ãªã“ã¨ã§ã™ã€‚Markuplintã¯ã€HTML Standardã‚„WAI-ARIAãªã©ã®ä»•æ§˜ã‚’è¸ã¾ãˆãŸä¸Šã§ã€é©åˆæ€§ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒã‚¦ã‚¹ãƒ«ãƒ¼ãƒ«ã«åˆ©ç”¨ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„çµ„ç¹”ã§ãƒã‚¦ã‚¹ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚æ–¹é‡ã‚„ç®¡ç†æ‰‹æ³•ã«åŸºã¥ã„ã¦ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¨å®šæ¬¡ç¬¬ã§ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚Šã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§ã€ã‚ˆã‚Šå®‰å…¨ã§ã€ã‚ˆã‚Šé«˜ã„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã€é«˜ã„å“è³ªã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
wakuworks 2023/08/06
html
ãƒªãƒ³ã‚¯
5 Tips To Make Google Fonts Faster
wakuworks 2023/01/11
Google

html
ãƒªãƒ³ã‚¯
`<aside>` è¦ç´ ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒžãƒƒãƒ”ãƒ³ã‚°ãŒå¤‰æ›´
W3C ãŒå…¬é–‹ã—ã¦ã„ã‚‹ HTML Accessibility API Mappings 1.0ã«ãŠã„ã¦ã€2022å¹´4æœˆ4æ—¥ä»˜ã§ <aside> è¦ç´ ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒžãƒƒãƒ”ãƒ³ã‚°ãŒå¤‰æ›´ã•ã‚Œã¾ã—ãŸã€‚ Suggest <aside> should map to complementary with restrictions Â· Issue #86 Â· w3c/html-aam aside mapping revisions by scottaohara Â· Pull Request #350 Â· w3c/html-aam æœ¬è¨˜äº‹ã§ã¯ãªãœã“ã®ã‚ˆã†ãªå¤‰æ›´ãŒè¡Œã‚ã‚ŒãŸã®ã‹ã€ Web åˆ¶ä½œè€…ãŒæ³¨æ„ã™ã¹ãç‚¹ã‚’å«ã‚ã¦ç¢ºèªã—ã¦ã‚†ãã¾ã™ã€‚ <aside> è¦ç´ ã¯ã‚»ã‚¯ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã®ã§ã€ <section> ã‚„ <article>, <nav> è¦ç´ ã¨åŒã˜ãæ¯”è¼ƒçš„è‡ªç”±ãªå ´æ‰€ã«é…ç½®ã§ãã¾ã™ã€‚ ä»¥ä¸‹ã¯ HTML
wakuworks 2022/04/15
html

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

Web Accessibility
ãƒªãƒ³ã‚¯
HTML ã® `hidden` å±žæ€§ãŒåˆ—æŒ™åž‹ã«å¤‰æ›´ã•ã‚Œ `hidden="until-found"` ãŒè¿½åŠ
ã™ã¹ã¦ã® HTML è¦ç´ ã«æŒ‡å®šã§ãã‚‹ hidden å±žæ€§ã¯ã“ã‚Œã¾ã§çœŸå½å±žæ€§ã§ã—ãŸãŒã€ã“ã®ãŸã³åˆ—æŒ™åž‹ã«å¤‰æ›´ã•ã‚Œã€æ–°ãŸã« until-found ãŒå®šç¾©ã•ã‚Œã¾ã—ãŸã€‚ hidden="": Hidden çŠ¶æ…‹ hidden="hidden": Hidden çŠ¶æ…‹ hidden="until-found": Until found çŠ¶æ…‹ â† New! 2022å¹´3æœˆ24æ—¥ç¾åœ¨ã€ Chrome 102 (canary) ã¯ hidden="until-found" ã«å¯¾å¿œã—ã¦ãŠã‚Šã€æœ¬è¨˜äº‹ã§ä¾‹ç¤ºã™ã‚‹æŒ™å‹•ã‚’ç¢ºèªã§ãã¾ã™ã€‚ ã“ã‚Œã¯ä»¥ä¸‹ã® issue ã§ææ¡ˆã•ã‚Œã¦ã„ãŸã‚‚ã®ã§ã™ã€‚ Proposal: beforematch event and hidden=until-found attribute Â· Issue #6040 Â· whatwg/html ä¾‹ãˆã°ã“ã‚“ãª HTML ã®å ´åˆã€‚ <section>
wakuworks 2022/03/25
html
ãƒªãƒ³ã‚¯
Using Web Components In WordPress Is Easier Than You Think | CSS-Tricks
wakuworks 2022/03/23
PHP

wordpress

html
ãƒªãƒ³ã‚¯
Web Components and SEO
We all understand how important SEO is and how crucial it is for crawlers to be able to understand our content in our sites and apps. I work at Red Hat on the Customer Portal, our support and documentation site, and over the last 90 days, 72% of our referred traffic has come from search engines. Thatâ€™s a big number. So our techno logy choices on how we deliver content to our users really matters. W
wakuworks 2022/03/23
html

seo
ãƒªãƒ³ã‚¯
Optimizing Video For Size And Quality â€” Smashing Magazine
Adding video to your application can increase customer engagement and satisfaction. But the exact opposite can occur when there are issues with the video playback: video stalls are frustrating and drive customers away. In this article, Doug Sillars will walk you through the steps to optimize the video on your website to ensure fast playback and reduce stalls. Over the last few years, more and more
wakuworks 2021/08/16
html
ãƒªãƒ³ã‚¯
Semantics (ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹) - MDN Web Docs ç”¨èªžé›†: ã‚¦ã‚§ãƒ–é–¢é€£ç”¨èªžã®å®šç¾© | MDN
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã¯ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã¨ã¯ã€ã‚³ãƒ¼ãƒ‰ã®æ–ç‰‡ã®æ„å‘³ã‚’æŒ‡ã—ã¾ã™ã€‚ãŸã¨ãˆã°ã€ã€ŒJavaScript ã§ãã®è¡Œã‚’å®Ÿè¡Œã™ã‚‹ã¨ã€ã©ã®ã‚ˆã†ãªåŠ¹æžœãŒã‚ã‚‹ã®ã‹ï¼Ÿã€ã€ã€Œãã® HTML è¦ç´ ã«ã¯ã€ã©ã®ã‚ˆã†ãªç›®çš„ã‚„å½¹å‰²ãŒã‚ã‚‹ã®ã‹ï¼Ÿã€ (ã€Œã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã®ã‹ï¼Ÿã€ã§ã¯ãªã)ã€‚ JavaScript ã«ãŠã„ã¦ã€æ–‡å—åˆ—ã®å¼•æ•°ã‚’å–ã‚Šã€ãã®æ–‡å—åˆ—ã‚’ textContent ã¨ã™ã‚‹ <li> è¦ç´ ã‚’è¿”ã™é–¢æ•°ã‚’æƒ³åƒã—ã¦ã¿ã¦ãã ã•ã„ã€‚ build('Peach') ã¾ãŸã¯ createLiWithContent('Peach') ã¨ã„ã†é–¢æ•°åã®å ´åˆã€ä½•ã‚’ã™ã‚‹ã®ã‹ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã¯ã©ã¡ã‚‰ã§ã—ã‚‡ã†ã‹ï¼Ÿ
wakuworks 2021/03/08
html
ãƒªãƒ³ã‚¯
HTML Standard æ—¥æœ¬èªžè¨³
5 Microdata5.1 å°Žå…¥5.1.1 æ¦‚è¦5.1.2 åŸºæœ¬æ§‹æ–‡5.1.3 åž‹ä»˜ãã‚¢ã‚¤ãƒ†ãƒ 5.1.4 ã‚¢ã‚¤ãƒ†ãƒ ã®ãŸã‚ã®ã‚°ãƒãƒ¼ãƒãƒ«è˜åˆ¥å5.1.5 èªžå½™ã‚’å®šç¾©ã™ã‚‹ã¨ãã«åå‰ã‚’é¸æŠžã™ã‚‹5.2 microdataã‚’ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹5.2.1 microdataãƒ¢ãƒ‡ãƒ«5.2.2 ã‚¢ã‚¤ãƒ†ãƒ 5.2.3 åå‰ï¼šit empropå±žæ€§5.2.4 å€¤5.2.5 Associating names with it ems5.2.6 Microdataã¨ä»–ã®åå‰ç©ºé–“5.3 ã‚µãƒ³ãƒ—ãƒ«microdataèªžå½™5.3.1 vCard5.3.1.1 Conversion to vCard5.3.1.2 ä¾‹5.3.2 vEvent5.3.2.1 Conversion to iCalendar5.3.2.2 ä¾‹5.3.3 ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ä½œå“5.3.3.1 ä¾‹5.4 Converting HTML to other form
wakuworks 2021/03/08
html
ãƒªãƒ³ã‚¯
ç”»åƒã«ã‚ˆã‚‹ Layout Shift ãŒç„¡ããªã‚‹ Web ãŒã‚„ã£ã¦æ¥ã‚‹ - mizdra's blog
ã¯ã˜ã‚ã« Web ã§ã¯å¤æ¥ã‚ˆã‚Š <img> ã‚¿ã‚°ã‚’ç”¨ã„ã¦ç”»åƒã‚’èªã¿è¾¼ã‚“ã§ã„ã¾ã—ãŸ. ã—ã‹ã— <img> ã‚¿ã‚°ã«ã¯ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã«é–¢ã™ã‚‹æƒ…å ±ã‚’åŸ‹ã‚è¾¼ã‚€ãŸã‚ã®å±žæ€§ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã›ã‚“. ãã®ãŸã‚, ãƒ–ãƒ©ã‚¦ã‚¶ãŒç”»åƒã‚’ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‹ã‚‰ fetch ã—ã¦èªã¿è¾¼ã¿ãŒå®Œäº†ã™ã‚‹ã¾ã§, ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãª img è¦ç´ ã®å¯¸æ³•ã‚’æ±ºå®šã§ããš, ãƒšãƒ¼ã‚¸ã«ã‚¬ã‚¿ãƒ„ã‚ (Layout Shift) ãŒç”Ÿã˜ã‚‹å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸ. ã“ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ä»¥å‰ã‚ˆã‚Š, ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’åŸ‹ã‚è¾¼ã‚€ãŸã‚ã®æ–°ãŸãªå±žæ€§ã®å°Žå…¥ãŒææ¡ˆã•ã‚Œã¦ã„ã¾ã—ãŸ. ã—ã‹ã—æœ€è¿‘è°è«–ã«å‹•ããŒã‚ã‚Š, æ—¢å˜ã®å±žæ€§ã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒææ¡ˆã•ã‚Œ, ãƒ–ãƒ©ã‚¦ã‚¶ã«å®Ÿè£…ã•ã‚Œå§‹ã‚ã¦ã„ã¾ã™. ã“ã“ã§ã¯å•é¡Œã®èƒŒæ™¯, ææ¡ˆã¨è°è«–ã®å¤‰é·, ãã—ã¦é–‹ç™ºè€…ãŒå–ã‚‹ã¹ãå¯¾å¿œã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™. ã¯ã˜ã‚ã« img ã‚¿ã‚°ã¨ Layout Shift intrinsicsize å±žæ€§ intrinsicsize
wakuworks 2020/06/01
CSS

html
ãƒªãƒ³ã‚¯
2024å¹´ã«æœ€é©ãªfont-familyã®æ›¸ãæ–¹ - ICS MEDIA
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã¯ä½•ã‚’æŒ‡å®šã™ã‚Œã°ã‚ˆã„ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿã€€CSSã®font-familyãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã«æŒ‡å®šå¯èƒ½ãªãƒ•ã‚©ãƒ³ãƒˆã¯é¸æŠžè‚¢ãŒå¤šãã€HTMLã‚³ãƒ¼ãƒ€ãƒ¼ãªã‚‰èª°ã‚‚ãŒä¸€åº¦ã¯è¿·ã£ãŸã“ã¨ãŒã‚ã‚‹ã¯ãšã§ã™ã€‚ font-familyã®çµ„ã¿åˆã‚ã›ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹è¨˜äº‹ã¯å¤šã€…ã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€å¿…è¦ã®ãªã„æŒ‡å®šã‚„ã€è€ƒå¯Ÿä¸è¶³ãªã¾ã¾ç´¹ä»‹ã—ã¦ã„ã‚‹è¨˜äº‹ã‚’è¦‹ã‹ã‘ã‚‹ã“ã¨ã¯å°‘ãªãã‚ã‚Šã¾ã›ã‚“ã€‚ãã‚Œã‚‚ãã®ã¯ãšã€ãƒ•ã‚©ãƒ³ãƒˆäº‹æƒ…ã¯æ—¥ã€…å¤‰åŒ–ã™ã‚‹ã‚‚ã®ã§ã€å¤ã„æƒ…å ±ã¯å½¹ç«‹ãŸãªã„ã“ã¨ãŒå¤šã„ãŸã‚ã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã‚ã‚‹ã“ã“æœ€è¿‘ã®ãƒ“ãƒƒã‚°ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’å–ã‚Šä¸Šã’ã¤ã¤ã€æ•™è¨“ã‹ã‚‰å¦ã‚“ã å¤‰åŒ–ã«å¼·ã„ã€Œç„¡é›£ã€ãªãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ çµè«– ã„ããªã‚Šçµè«–ã§ã™ãŒã€ä»¥ä¸‹ã®ãƒ•ã‚©ãƒ³ãƒˆã®çµ„ã¿åˆã‚ã›ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚CSSã®bodyã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ãªã©ã«ã‚³ãƒ”ãƒ¼ï¼†ãƒšãƒ¼ã‚¹ãƒˆã—ã¦åˆ©ç”¨ãã ã•ã„ã€‚ body { font-family: "Helvetica Neue", Arial,
wakuworks 2020/03/18
çµè«–: é¢å€’ãã•ã„

css

html
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ«ã‚«ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°
ã€ŒMercari Engineeringã€ã¯ ãƒ¡ãƒ«ã‚«ãƒªã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ã€ ã‚ªãƒ¼ãƒ—ãƒ³ã«å…¬é–‹ãƒ»å…±æœ‰ã—ã¦ã„ããŸã‚ã®ã‚µã‚¤ãƒˆã§ã™ã€‚
wakuworks 2019/12/03
html

performance
ãƒªãƒ³ã‚¯
The Front-End Tooling Survey 2019 - Results
Front-end development Blog and Portfolio for Ashley Watson-Nolan â€“ Senior UI Engineer at Just Eat It's been a little while coming, but the results from the 2019 Front-End Tooling Survey are now here! This year, 3,005 developers answered 27 questions covering a wide range of front-end tools and methodologies. As always, a massive thank you from me to every single person that took the time to fill i
wakuworks 2019/11/15
CSS

js

html
ãƒªãƒ³ã‚¯
ðŸš€electron-builderã§è‡ªå‹•ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã«å¯¾å¿œ
å‰å›žã®è¨˜äº‹ã€Œelectron-builderã‚’ä½¿ã£ã¦vueã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ä½œæˆã€ã®ç¶šãã§ã™ã€‚å‰å›žã¯vue+electronã¨ã—ã¦ã®æ§‹ç¯‰æ–¹æ³•ã§ã—ãŸãŒä»Šå›žã¯ ã‚³ãƒ¼ãƒ‰è‘—å(Mac)AutoUpdateæŒ‡å®šPublishæŒ‡å®š ã®è§£èª¬ã§ã™ã€‚electronå˜ä½“ã®è‡ªå‹•ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®è¨å®šã¨ã—ã¦ç‹¬ç«‹ã—ã¦ã„ã‚‹è¨˜äº‹ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã«ã€electron-packagerã®é ƒã¯Macç”¨ã®è‡ªå‹•ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆå¯¾å¿œã«ã¯ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸é…å¸ƒç”¨ã®ã‚µãƒ¼ãƒãƒ¼ãŒå¿…è¦ã§ã—ãŸã€‚ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ç½®ãç”¨é€”+ãƒãƒ¼ã‚¸ãƒ§ãƒ³æƒ…å ±ã‹ã‚‰æœ€æ–°ã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸æƒ…å ±ã‚’jsonã§è¿”å´ã™ã‚‹ã‚µãƒ¼ãƒãƒ¼ãŒã€‚ ãã®ãŸã‚æœ€å–„æ‰‹ã¨ã—ã¦ã¯Lambdaã‚’ä½¿ç”¨ã—ã¦s3ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰URLã‚’è¿”å´ã™ã‚‹è¨å®šãŒå¿…è¦ã ã£ãŸã®ã§ã™ãŒã€electron-builder(æ£ç¢ºã«ã¯electron-updaterã®æ©Ÿèƒ½)ãªã‚‰ãã‚Œã¯ä¸è¦ã«ãªã‚Šã¾ã™ã€‚ãƒ“ãƒ«ãƒ‰æ™‚ã«ä½œæˆã•ã‚Œã‚‹ymlãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿å–
wakuworks 2019/09/10
Electron

js

html
ãƒªãƒ³ã‚¯
Lazy load embedded YouTube videos
I was working on this simple static website that should have an YouTube video displayed right on the landing page. So I went my merry way, hopped onto YouTube, snatched the embed code, pasted it into my editor and called it a day. The thing is the job was specifically to deliver high performance, accessibility and modern practices, so you can imagine my annoyance when I noticed that just for havin
wakuworks 2019/08/21
YouTube ã®åŸ‹ã‚è¾¼ã¿ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã§ video è¦ç´ ã® poster å±žæ€§ã®æ§˜ãªã“ã¨ãŒã§ãã‚‹ã‚ˆã€ã¨ã„ã†ãŠè©±

Youtube

html
ãƒªãƒ³ã‚¯
Using Rel="preconnect" To Establish Network Connections Early And Increase Performance | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Milica Mihajlija: Adding rel=preconnect to a <link> informs the browser that your page intends to establish a connection to another domain, and that youâ€™d like the process to start as soon as possible. Resources will load more quickly because the setup process has already been completed by t
wakuworks 2019/08/20
html
ãƒªãƒ³ã‚¯
ç”»åƒã®æœ€é©åŒ– Â |Â Web Â |Â Google Developers
ã‚¦ã‚§ãƒ– ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¯ã‚¦ã‚§ãƒ–é–‹ç™ºã®é‡è¦ãªå´é¢ã§ã‚ã‚Šã€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿é€Ÿåº¦ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼å…¥åŠ›ã«å¯¾ã™ã‚‹å¿œç”æ€§ãŒé‡è¦–ã•ã‚Œã¾ã™ã€‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’é‡è¦–ã—ã¦ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æœ€é©åŒ–ã™ã‚‹ã“ã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã®å‘ä¸Šã«ã¤ãªãŒã‚Šã¾ã™ã€‚ ã“ã®ã‚³ãƒ¼ã‚¹ã®åˆå›žãƒªãƒªãƒ¼ã‚¹ã§ã¯ã€ã‚¦ã‚§ãƒ– ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®åŸºç¤Žã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ãŠã‚Šã€åˆå¿ƒè€…ã®æ–¹ã«æœ‰ç›Šã§ã™ã€‚å„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«é–¢ã™ã‚‹ä¸»è¦ãªã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’èª¬æ˜Žã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ æœ€æ–°ã®ã‚¦ã‚§ãƒ– ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹å ´åˆã€ã‚¹ãƒ”ãƒ¼ãƒ‰ã¨ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ç¶æŒã™ã‚‹ã‹ã©ã†ã‹ã‚’æ¸¬å®šã€æœ€é©åŒ–ã€ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒé‡è¦ã§ã™ã€‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã®æˆåŠŸã«ãŠã„ã¦é‡è¦ãªå½¹å‰²ã‚’æžœãŸã—ã¾ã™ã€‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®é«˜ã„ã‚µã‚¤ãƒˆã¯ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®ä½Žã„ã‚µã‚¤ãƒˆã‚ˆã‚Šã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¨ãƒ³ã‚²ãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆã¨ç¶æŒã«å„ªã‚Œã¦ã„ã¾ã™ã€‚ ã‚µã‚¤ãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ä¸å¿ƒã¨ã—ãŸå¹¸ç¦åº¦ã«é–¢ã™ã‚‹æŒ‡æ¨™ã®æœ€é©åŒ–ã«é‡ç‚¹ã‚’ç½®
wakuworks 2019/08/01
Google
ãƒªãƒ³ã‚¯
ZOZO Technologies TECH BLOG
2020-04-10 iOS 13ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸãƒ•ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®æ©Ÿèƒ½ã¨å¯¾å¿œæ–¹æ³•ã®ç´¹ä»‹ iOS ã“ã‚“ã«ã¡ã¯ï¼ ZOZOTOWNéƒ¨ã®é è—¤ã§ã™ã€‚ iOS 13ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦åŠå¹´ãŒçµŒã¡ã¾ã—ãŸãã€‚iOS 13ã¨ã„ãˆã°ãƒ€ãƒ¼ã‚¯ãƒ¢ãƒ¼ãƒ‰æ©Ÿèƒ½ãŒæ³¨ç›®ã‚’æµ´ã³ã¾ã—ãŸãŒã€ãã‚Œä»¥å¤–ã«ã‚‚ãŸãã•ã‚“ã®æ–°ã—ã„æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯æ–°ã—ãè¿½åŠ ã•ã‚ŒãŸãƒ•ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã«â€¦ iOS 13ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸãƒ•ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®æ©Ÿèƒ½ã¨å¯¾å¿œæ–¹æ³•ã®ç´¹ä»‹ 2020-03-13 æŠ€è¡“æ›¸å…¸ å¿œæ´ç¥ã«ã¦ã€ŒZOZO TECH BOOK VOL.1ã€é ’å¸ƒä¸ #æŠ€è¡“æ›¸å…¸ ãŠçŸ¥ã‚‰ã› ã“ã‚“ã«ã¡ã¯ã€ZOZOãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚º CTOå®¤ã®æ± ç”°ï¼ˆ@ikenyalï¼‰ã§ã™ã€‚ ZOZOãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚ºã§ã¯ã€ç¾åœ¨é–‹å‚¬ä¸ã®æŠ€è¡“æ›¸å…¸ å¿œæ´ç¥ã«ã¦ã€æœ‰å¿—ã§åˆ¶ä½œã—ãŸæŠ€è¡“åŒäººèªŒã€ZOZO TECH BOOK VOL.1ã€‘ã®é ’å¸ƒã‚’é–‹å§‹ã—ã¾ã—ãŸ
wakuworks 2019/08/01
å‹•ç”»ã§ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰

html
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸