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

YassLab id:YassLab

HTMLã«é–¢ã™ã‚‹YassLabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

lang å±žæ€§ã«Googleã€Œè¨€èªžæŒ‡å®šã«langã¯ä½¿ã†ãªã€ï¼å…¬å¼ç™ºè¨€ | SEO Packã®æœ€æ–°SEOæƒ…å ±ãƒ–ãƒã‚°ã€€åˆå¿ƒè€…ã‚‚ã™ãã‚ã‹ã‚‹
Googleã€Œlangå±žæ€§ã€å…¨ãè¦‹ã¦ãªã„ã€ ã€Œlangå±žæ€§ã€å…¨ãè¦‹ã¦ãªã„ã€ã€‚ã“ã‚Œã¯ã€2016å¹´11æœˆã«è¡Œã‚ã‚ŒãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã€Googleã‚¹ãƒãƒ¼ã‚¯ã‚¹ãƒ‘ãƒ¼ã‚½ãƒ³ã‚’å‹™ã‚ã‚‹ã‚¸ãƒ§ãƒ³ãƒ»ãƒŸãƒ¥ãƒ¼ãƒ©ãƒ¼ãŒèªžã£ãŸå†…å®¹ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®è³ªå•ã‚’å—ã‘ã€ãƒŸãƒ¥ãƒ¼ãƒ©ãƒ¼ã¯ã€ŒGoogleã¯langå±žæ€§ã‚’å…¨ãä½¿ã£ã¦ã„ãªã„ã€‚æ›¿ã‚ã‚Šã¨ã„ã†ã¨ã€ãƒªãƒ³ã‚¯ï¼ˆaã‚¿ã‚°ï¼‰ã®ä¸ã®hreflangå±žæ€§ã ã€ã¨å›žç”ã—ã¾ã—ãŸã€‚ã‚„ã‚Šå–ã‚Šã¯ä¸‹è¨˜ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ ï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®è³ªå•ï¼šï¼‰ HTMLã‚½ãƒ¼ã‚¹ã®ä¸ã§ã€ã“ã®ã‚µã‚¤ãƒˆãŒã©ã®è¨€èªžã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‹ã‚’ç¤ºã™ã“ã¨ã£ã¦ã€é‡è¦ãªäº‹ãªã‚“ã§ã™ã‹ï¼ŸGoogleã‚µãƒ¼ãƒã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã¨ã‹ã§ã‚‚å®šç¾©ã—ãŸã‚Šã§ãã‚‹ã¯ãšã§ã™ãŒã€‚ ï¼ˆãƒŸãƒ¥ãƒ¼ãƒ©ãƒ¼ã®å›žç”ï¼šï¼‰ HTMLã‚½ãƒ¼ã‚¹ã®ä¸ã«ã‚ã‚‹ãã†ã„ã£ãŸã‚³ãƒ¼ãƒ‰ï¼ˆï¼langå±žæ€§ï¼‰ã‚’ã€Googleã¯å…¨ãè¦‹ã¦ã„ã¾ã›ã‚“ã€‚ ä»£ã‚ã‚Šã¨ã„ã†ã‹ã€Googleã¯ã€ã‚‚ã—ãƒšãƒ¼ã‚¸ã«é•ã†è¨€èªžã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå˜åœ¨ã—ã¦ãŸã¨ã—ã¦
YassLab 2024/01/31
â€œGoogleã‚¹ãƒãƒ¼ã‚¯ã‚¹ãƒ‘ãƒ¼ã‚½ãƒ³ã‚’å‹™ã‚ã‚‹ã‚¸ãƒ§ãƒ³ãƒ»ãƒŸãƒ¥ãƒ¼ãƒ©ãƒ¼ãŒèªžã£ãŸå†…å®¹ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®è³ªå•ã‚’å—ã‘ã€ãƒŸãƒ¥ãƒ¼ãƒ©ãƒ¼ã¯ã€ŒGoogleã¯langå±žæ€§ã‚’å…¨ãä½¿ã£ã¦ã„ãªã„ã€‚æ›¿ã‚ã‚Šã¨ã„ã†ã¨ã€ãƒªãƒ³ã‚¯ï¼ˆaã‚¿ã‚°ï¼‰ã®ä¸ã®hreflangå±žæ€§ã ã€ã¨å›žç”â€

HTML

Web
ãƒªãƒ³ã‚¯
target=â€_blankâ€ã¨ã¯ï¼Ÿé©åˆ‡ãªä½¿ã„æ–¹ã‚„æ³¨æ„ç‚¹ã‚’è§£èª¬ | SEO Packã®æœ€æ–°SEOæƒ…å ±ãƒ–ãƒã‚°ã€€åˆå¿ƒè€…ã‚‚ã™ãã‚ã‹ã‚‹
ã‚µã‚¤ãƒˆã«ãƒªãƒ³ã‚¯ã‚’è¨å®šã™ã‚‹éš›ã«ã€å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã ã‹ã‚‰ã¨ä½•æ°—ãªãtarget=â€_blankâ€ã‚’è¨å®šã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ãã€‚ æœ¬è¨˜äº‹ã‚’åŸ·ç†ã™ã‚‹ç§ã‚‚target=â€_blankâ€ã§ãƒªãƒ³ã‚¯ã‚’è¨å®šã™ã‚‹äº‹ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ ã•ã¦ã€å¤–éƒ¨ãƒªãƒ³ã‚¯ã‚’è¨å®šã™ã‚‹å ´åˆã€å…¨ã¦target=â€_blankâ€ã®è¨å®šã§å•é¡Œãªã„ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ æ”¹ã‚ã¦target=â€_blankâ€ã®æ£ã—ã„ä½¿ã„æ–¹ã‚„æ³¨æ„ç‚¹ã‚’æŽ˜ã‚Šä¸‹ã’ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ target=â€_blankâ€ã¨ã¯ target=â€_blankâ€ï¼ˆã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ–ãƒ©ãƒ³ã‚¯ï¼‰ã¨ã¯ã€ãƒªãƒ³ã‚¯å…ˆãŒæ–°ã—ã„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ï¼ˆã‚¿ãƒ–ï¼‰ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«æŒ‡å®šã™ã‚‹ãƒªãƒ³ã‚¯ã‚¿ã‚°ã®å±žæ€§ã®ã²ã¨ã¤ã§ã™ã€‚ ä½¿ç”¨ä¾‹ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ä½¿ç”¨ã—ã¾ã™ã€‚ <a href="example.com" target="_blank" rel="noopener">ä½¿ç”¨ä¾‹ã§ã™</a> target=â€_blankâ€ã‚’ä½¿ç”¨ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒª
YassLab 2024/01/21
â€œ2021å¹´å…¬é–‹ã®ã€Œchrome88ã€ä»¥é™ã§ã¯target=â€_blankâ€ã®æŒ‡å®šã•ã‚ŒãŸãƒªãƒ³ã‚¯ã¯ã€ã€Œrel=â€noopenerâ€ã€ãŒè¦å®šå€¤ã¨ã•ã‚Œã€è¨˜è¿°ã—ãªãã¦ã‚‚è‰¯ããªã‚Šã¾ã—ãŸã€‚ ãã®ä»–ã€Safariã¯2019å¹´3æœˆã«å…¬é–‹ã—ãŸv12.1ã‚ˆã‚Šå¯¾å¿œæ¸ˆã¿ / FireFoxã‚‚FireFox79ä»¥é™â€

HTML

Web
ãƒªãƒ³ã‚¯
Hotwireã¨ã¯ä½•ãªã®ã‹ï¼Ÿ
ã¯ã˜ã‚ã« Hotwireã¯BasecampãŒç™ºè¡¨ã—ãŸã€ãƒ¢ãƒ€ãƒ³ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãŸã‚ã®æ–°ã—ã„ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã™ã€‚åå‰ã‚‚HTML OVER THE WIREã‹ã‚‰æ¥ã¦ã„ã‚‹ã‚ˆã†ã«ã€Hotwireã§ã¯HTMLã‚’ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰é€ã‚Šã¾ã™ã€‚ã€Œãã‚Œæ™®é€šã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ï¼Ÿã€ã¨æ€ã†æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€SPA + APIã‚µãƒ¼ãƒã§JSONãŒä½¿ã‚ã‚Œã‚‹ã®ã«å¯¾ã—ã€SPAã¨åŒæ§˜ã®ä½“é¨“ã‚’HTMLã‚’ä¸å¿ƒã«ç½®ã„ã¦ä½œã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã™è¡¨ç¾ã§ã™ã€‚ åƒ•å€‹äººã¯ã€æœ€åˆã¯ã€Œãµã€œã‚“ã€ã¨ã„ã†æ„Ÿã˜ã ã£ãŸã‚“ã§ã™ãŒ turbo-railsã‚’èªã¿ã¤ã¤Hotwireã®ãƒ‡ãƒ¢ã‚¢ãƒ—ãƒªã‚’Phoenixã«ç§»æ¤ã—ã¦ã¿ãŸã‚Š WebSocketã§ã¯ãªã„Turbo Streamsã®sourceã‚’ä½œã£ã¦ã¿ã¦éŠã‚“ã ã‚Š ã¨ã€ã‚ã‚‹ç¨‹åº¦è§¦ã£ã¦ã¿ã¦è‰¯ã•ãŒç†è§£ã§ãã¦ããŸã®ã§ã€Hotwireã‚’ä½¿ã†ã¨ä½•ãŒå¬‰ã—ã„ã®ã‹ã€Hotwireã®å„è¦ç´ ã®ç´¹ä»‹ã‚’è¨˜äº‹ã¨ã—ã¦
YassLab 2023/11/22
"SPA + APIã‚µãƒ¼ãƒã§JSONãŒä½¿ã‚ã‚Œã‚‹ã®ã«å¯¾ã—ã€SPAã¨åŒæ§˜ã®ä½“é¨“ã‚’HTMLã‚’ä¸å¿ƒã«ç½®ã„ã¦ä½œã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã™è¡¨ç¾ / è§¦ã£ã¦ã¿ã¦æ„Ÿã˜ãŸä¸€ç•ªã®ãƒ¡ãƒªãƒƒãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ã«ã¨ã£ã¦ã‚‚ã€é–‹ç™ºã®é€²ã‚æ–¹ã‚‚Progressive Enhancementã«ã§ãã‚‹ã“ã¨"

Hotwire

Web

HTML

JavaScript
ãƒªãƒ³ã‚¯
Rails: ERBãƒ•ã‚¡ã‚¤ãƒ«ã§ï¼œ%==ã‚’ä½¿ã†ã¨ãã¯ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«æ³¨æ„ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: Beware of <%== in your erb files - Andy Croll åŽŸæ–‡å…¬é–‹æ—¥: 2023/07/17 åŽŸè‘—è€…: Andy Croll æ—¥æœ¬èªžã‚¿ã‚¤ãƒˆãƒ«ã¯å†…å®¹ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ å‚è€ƒ: Â§7.3 ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ï¼ˆXSSï¼‰ -- Rails ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ - Railsã‚¬ã‚¤ãƒ‰ Rails: ERBãƒ•ã‚¡ã‚¤ãƒ«ã§<%==ã‚’ä½¿ã†ã¨ãã¯ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«æ³¨æ„ï¼ˆç¿»è¨³ï¼‰ ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ï¼ˆXSSï¼‰ã¯ã€ä»–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé–²è¦§ã™ã‚‹Webãƒšãƒ¼ã‚¸ã«å¯¾ã—ã¦æ‚ªæ„ã®ã‚ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ³¨å…¥å¯èƒ½ã«ãªã‚‹ä¸€èˆ¬çš„ãªè„†å¼±æ€§ã§ã™ã€‚ã“ã†ã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã€å€‹äººæƒ…å ±ã®æŠœãå–ã‚Šã‚„ãƒšãƒ¼ã‚¸ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ“ä½œã¨ã„ã£ãŸæ‚ªæ„ã®ã‚ã‚‹æ“ä½œã‚’æ”»æ’ƒè€…ã«ä»£ã‚ã£ã¦å®Ÿè¡Œã™ã‚‹ã®ã«ä½¿ã‚ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ Railsã®ã‚ˆã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆã®ã²ã¨
YassLab 2023/09/20
"<%== ... %> ERBã‚¿ã‚°ã‚’ä½¿ã†ã¨ã€<%= raw(...) %>ã¨æ›¸ã„ãŸã®ã¨åŒã˜å‹•ä½œã«ãªã‚Šã¾ã™ã€‚ã“ã‚“ãªæ›¸ãæ–¹ã‚’ã™ã‚‹ã¨SafeBufferã«ã‚ˆã‚‹ä¿è·ã‚’å®Œå…¨ã«ã™ã‚ŠæŠœã‘ã¦ã—ã¾ã„ã¾ã™ / <%==ã‚„<% rawãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‚’è¦‹ã‹ã‘ãŸã‚‰ã€ã¾ãšã„ã“ã¨ãŒèµ·ãã¦ã„ã‚‹å…†å€™"

ERB

Rails

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

HTML
ãƒªãƒ³ã‚¯
GitHub - Shopify/erb_lint: Lint your ERB or HTML files
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
YassLab 2023/08/05
â€œERB Lint: erb-lint is a tool to help lint your ERB or HTML files using the included linters or by writing your own.â€

Shopify

GitHub

Ruby

ERB

Rails

HTML
ãƒªãƒ³ã‚¯
å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆVideoï¼‰ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹æ–¹æ³•
å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆVideoï¼‰ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ã€Googleã¯ãã®å‹•ç”»ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ã‚ˆã‚Šæ£ç¢ºã«ç†è§£ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Googleã®ãƒžãƒƒãƒˆãƒ»ã‚«ãƒƒãƒ„ã¯ã€YouTubeãªã©ã®å‹•ç”»é…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸå‹•ç”»ã§ã‚ã£ã¦ã‚‚ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã«åŸ‹ã‚è¾¼ã‚€éš›ã«ã¯å‹•ç”»ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã‚’æŽ¨å¥¨ã—ã¦ã„ã¾ã™ã€‚æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã§ã€GoogleãŒãã®å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ˆã‚Šæ£ç¢ºã«ç†è§£ã™ã‚‹ã“ã¨ã«ã¤ãªãŒã‚‹ãŸã‚ã§ã™ã€‚ JSON-LDã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆVideoï¼‰ã‚’JSON-LDã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹æ–¹æ³•ã§ã™ã€‚JSON-LDã¯ãƒšãƒ¼ã‚¸ã®ã©ã“ã«è¨˜è¿°ã—ã¦ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ãŒã€é€šå¸¸ã¯<head>ã‚¿ã‚°å†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="application/ld+json"> { "@cont
YassLab 2023/02/21
â€œã‚µã‚¤ãƒˆã«åŸ‹ã‚è¾¼ã‚€éš›ã«ã¯å‹•ç”»ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã‚’æŽ¨å¥¨ã—ã¦ã„ã¾ã™ã€‚æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã§ã€GoogleãŒãã®å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ˆã‚Šæ£ç¢ºã«ç†è§£ã™ã‚‹ã“ã¨ã«ã¤ãªãŒã‚‹ãŸã‚ã§ã™ã€‚â€

å‹•ç”»

JSON

HTML
ãƒªãƒ³ã‚¯
1