[B! css] sabroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sabro id:sabro

cssã«é–¢ã™ã‚‹sabroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (525)

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

ä»¤å’Œã®HTML / CSS / JavaScriptã®æ›¸ãæ–¹50é¸
Webåˆ¶ä½œã®æŠ€è¡“ã¯æ—¥ã€…é€²åŒ–ã—ã¦ãŠã‚Šã€ä¼šç¤¾ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ã¯æ˜¨ä»Šã®ç’°å¢ƒã«é©ã•ãªã„æ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚æ™‚æŠ˜è¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€Œ2024å¹´ã®Webåˆ¶ä½œã§ã¯ã“ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã»ã—ã„ï¼ã€ã¨ã„ã†å†…å®¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ è³ªã‚ˆã‚Šé‡ã§ã€ã¾ãšã¯ã€Œã“ã‚“ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã‚“ã ã€ã‚’ã“ã®è¨˜äº‹ã§ä¼ãˆãŸã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã®è©³ç´°ã¯ã‚ã¾ã‚Šè§£èª¬ã—ã¦ã„ã¾ã›ã‚“ã€‚ãªã®ã§ã€å…·ä½“çš„ãªä»•æ§˜ãªã©ã‚’ç¢ºèªã—ãŸã„æ–¹ã¯å‚è€ƒè¨˜äº‹ã‚’èªã‚“ã ã‚Šã”è‡ªèº«ã§èª¿ã¹ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 1. HTML ç”»åƒå‘¨ã‚Šã¯ã‚µã‚¤ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ç›´çµã™ã‚‹ã®ã§ã€ã¾ãšã¯ãã“ã ã‘ã§ã‚‚å–ã‚Šå…¥ã‚Œã¦ã„ãŸã ããŸã„ã§ã™ã€‚ã¾ãŸã€ã‚³ã‚¢ã‚¦ã‚§ãƒ–ãƒã‚¤ã‚¿ãƒ«ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚‚ä½µã›ã¦ç†è§£ã—ã¦ãŠããŸã„å†…å®¹ã§ã™ã€‚ Lazy loading <img>ã«loading="lazy"å±žæ€§ã‚’ä»˜ã‘ã‚‹ã¨ç”»åƒãŒé…å»¶èªã¿è¾¼ã¿ã«ãªã‚Šã€ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿æ™‚é–“ãŒæ—©ããªã‚Šã¾ã™ã€‚
sabro 2024/05/14
html

web

css

javascript
ãƒªãƒ³ã‚¯
ã‚ã£ã€ãã†ã ï¼ãƒ¢ãƒ€ãƒ³CSSã‚’ã¾ã¨ã‚ã¦ãŠã“ã†
2023å¹´ã‚‚CSSã®é€²åŒ–ãŒã™ã”ã‹ã£ãŸã§ã™ãï¼ ãã®é€²åŒ–ã‚’2024å¹´ã§ã‚‚ç”Ÿã‹ã—ã¦ã„ã‘ã‚‹ã‚ˆã†ã«ã€ä»Šå›žã¾ã¨ã‚ã¦ãŠã„ã¦ã„ã¤ã§ã‚‚å‚ç…§ã§ãã‚‹ã‚ˆã†ã«è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã—ãŸã€‚ ãŠèªã¿ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ä¸€ç·’ã«2024å¹´ã‚‚ã‚¹ã‚¿ãƒ¼ãƒˆãƒ€ãƒƒã‚·ãƒ¥ã§èµ°ã‚ŠæŠœã‘ã¾ã—ã‚‡ã†ã€‚ ã¾ãšã€ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã§ã¯ã€æœ€è¿‘ç™»å ´ã—ãŸã€ã‚¨ã‚ã‚µã‚¤ãƒ†ã‚£ãƒ³ã‚°ã§ã€ã‚¢ã‚¯ãƒãƒãƒ†ã‚£ãƒƒã‚¯ã§ãƒ•ã‚¡ãƒ³ã‚¿ã‚¸ãƒƒã‚¯ãªã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆã®ã‚ã‚‹æ©Ÿèƒ½ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSSã®å¤šå½©ãªæ–°æ©Ÿèƒ½ã‚’åºƒãç´¹ä»‹ã™ã‚‹ã“ã¨ã§ã€èªè€…ãŒã“ã‚Œã‚‰ã«è§¦ã‚Œã‚‹æ©Ÿä¼šã‚’æŒã¦ã‚‹ã‚ˆã†ã«åŠªã‚ã¦ã„ã¾ã™ã€‚ ç‰¹ã«èˆˆå‘³ã‚’å¼•ãæ©Ÿèƒ½ãŒã‚ã‚Œã°ã€ä»–ã®åª’ä½“ã‚’é€šã˜ã¦æ›´ã«è©³ã—ãæŽ˜ã‚Šä¸‹ã’ã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒŠã‚¯ã‚¨ãƒª ã‚¹ã‚¿ã‚¤ãƒ«ã‚¯ã‚¨ãƒª :has()ã‚»ãƒ¬ã‚¯ã‚¿ :nth-child()ã®ã€Œof Sã€æ§‹æ–‡ text-wrap: balance initial-letter ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå˜ä½ åºƒè‰²åŸŸã®ã‚«ãƒ©ãƒ¼
sabro 2024/01/15
css
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºpx,em,%,pt
MATAHARI88 link situs judi slot online gampang menang hari ini akses cepat, Ingin mem ainkan permainan slot online gampang menang dengan kemenangan jutaan rupiah? Kalian hanya perlu datang ke situs yang benar! Kunjungi situs dan daftar segera akun gacor kalian di matahari88, tempat bermain slot online gacor hari ini dan casino online paling terpercaya di Indonesia. Sebagai tempat bermain kami menyi
sabro 2016/01/04
font

css
ãƒªãƒ³ã‚¯
ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„CSSã®12ã®äº‹å®Ÿ(ç¶šç·¨) | POSTD
1å¹´ä»¥ä¸Šå‰ã«ã€ç§ã¯æœ€åˆã® 12 Little-known CSS Factsï¼ˆã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„CSSã®12ã®äº‹å®Ÿï¼‰ ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚SitePointã§æœ€ã‚‚äººæ°—ã®é«˜ã„è¨˜äº‹ã¨ãªã‚Šã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã‚’æ›¸ã„ãŸå¾Œã‚‚ã€ç§ã¯CSSã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚„ã¡ã‚‡ã£ã¨ã—ãŸæƒ…å ±ã®åŽé›†ã‚’ç¶šã‘ã¾ã—ãŸã€‚ã ã£ã¦ã€å¤§ãƒ’ãƒƒãƒˆæ˜ ç”»ã‚‚å¿…ãšç¶šç·¨ã‚’åˆ¶ä½œã™ã‚‹ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ æ³¨é‡ˆ SitePoint/ Natalia Balska ã«ã‚ˆã‚‹ã‚¤ãƒ©ã‚¹ãƒˆ ãã‚Œã§ã¯ã€æ—©é€Ÿä»Šå¹´ã‚‚é–‹ç™ºã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹12ã®äº‹å®Ÿã«ã¤ã„ã¦è©±ã—ã¾ã—ã‚‡ã†ã€‚ã‚‚ã¡ã‚ã‚“ã€ä¸ã«ã¯ã‚‚ã†ã™ã§ã«ã”å˜ã˜ã®ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®ä¸ã§åˆã‚ã¦çŸ¥ã£ãŸã¨ã„ã†äº‹å®ŸãŒã‚ã‚Šã¾ã—ãŸã‚‰ã€ã‚³ãƒ¡ãƒ³ãƒˆã§ãŠçŸ¥ã‚‰ã›ãã ã•ã„ã€‚ 1. border-radius ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«â€ã‚¹ãƒ©ãƒƒã‚·ãƒ¥â€ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚’ä½¿ç”¨ã§ãã‚‹äº‹å®Ÿ ã“ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ã¯SitePointã«4å¹´ä»¥ä¸Š å‰ã«æ›¸ã„ãŸ ã®ã§ã™ãŒã€ã“ã®æ©Ÿèƒ½ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã‚’ã€æœª
sabro 2015/08/13
css
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§å®Ÿè£…ã™ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®æ±Žç”¨æ€§ã«å„ªã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Turret
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã«å®Ÿè£…ã™ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µã‚¤ãƒˆã‚’ã‚ˆã‚Šç°¡å˜ã«åˆ¶ä½œã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ MIT Licensesã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Turret Turret -GitHub Turretã®ç‰¹å¾´ Turretã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µã‚¤ãƒˆã‚’ã‚ˆã‚Šç°¡å˜ã«åˆ¶ä½œã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œ èªã¿ã‚„ã™ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ä½¿ã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚°ãƒªãƒƒãƒ‰ã‚„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æ±Žç”¨æ€§ã«å„ªã‚ŒãŸclassã‚’ä½¿ã£ã¦å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ Design First ç›´æ„Ÿçš„ãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ãŸã‚ã«ã€æ–‡å—ã®å®šç¾©ã¨ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã„ã¾ã™ã€‚ No JavaScript ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ä½¿ç”¨ã›ãšã€LESSãƒ™ãƒ¼ã‚¹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã®Webè¦ç´ ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯
sabro 2015/02/10
html

less

css

framework
ãƒªãƒ³ã‚¯
Bootstrap3æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
Bootstrapã¯ã€HTMLã€CSSã€Javascriptã‹ã‚‰ãªã‚‹äººæ°—ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ Bootstrap3æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ»ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¨ã—ã¦ç”Ÿã¾ã‚Œå¤‰ã‚ã£ãŸBootstrap3ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚åˆå¿ƒè€…ã§ã‚‚ã‚ã‹ã‚‹æ§˜ã«ã€ã»ã¼å…¨ã¦ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ä»˜ã‘ã¦ã„ã¾ã™ã€‚
sabro 2015/02/04
bootstrap

CSS
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ by @mdo
HTMLã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã«ã¯åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2å€‹åˆ†ã®ã‚½ãƒ•ãƒˆã‚¿ãƒ–ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã€‚ã“ã‚ŒãŒå…¨ã¦ã®ç’°å¢ƒã§å…¨ãåŒã˜ã‚ˆã†ã«è¦‹ã›ã‚‹å”¯ä¸€ã®æ–¹æ³•ã€‚ ãƒã‚¹ãƒˆã•ã‚ŒãŸè¦ç´ ã¯ã‹ãªã‚‰ãš1æ®µéšŽã ã‘ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆ(åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2å€‹)ã™ã‚‹ã“ã¨ã€‚ ã„ã¤ã‚‚ãƒ€ãƒ–ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’ä½¿ã†ã“ã¨ã€‚å±žæ€§å€¤ã«å¯¾ã—ã¦ã‚·ãƒ³ã‚°ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’ä½¿ã‚ãªã„ã“ã¨ã€‚ é–‰ã˜ã‚¿ã‚°ã®ç„¡ã„è¦ç´ ã«å¯¾ã—ã¦ã€æœ«å°¾ã®ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ã¯çœãäº‹ã€‚HTML5ä»•æ§˜ã«çœç•¥ã—ã¦è‰¯ã„ã¨æ›¸ã„ã¦ã‚ã‚‹ã€‚ çœç•¥ã§ãã‚‹é–‰ã˜ã‚¿ã‚°ã‚’çœç•¥ã—ãªã„ã“ã¨ã€‚(ä¾‹ãˆã°</li>ã¨ã‹</body>)ã€‚ <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
sabro 2014/09/06
html

CSS
ãƒªãƒ³ã‚¯
http://plus.appgiga.jp/masatolan/2014/03/28/51357/
sabro 2014/03/29
css

JavaScript

web
ãƒªãƒ³ã‚¯
ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç”Ÿã‹ã—ã¦ä½œã‚‹ã€æ±Žç”¨æ€§ã®ã‚ã‚‹ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³
ã•ã¦ä»Šå›žã¯ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®é›†å¤§æˆã¨ã‚‚ã„ãˆã‚‹ã€Œã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã€ã§ã™ã€‚ã“ã‚Œã¾ã§ã®é€£è¼‰ã§å–ã‚Šä¸Šã’ãŸæ•°ã€…ã®ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã€Œã‚ºãƒ«ã„ãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ã€ã€Œã‚ºãƒ«ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€Œã‚ºãƒ«ã„è§’ä¸¸ã€ã€ãã—ã¦å‰å›žè§£èª¬ã—ãŸã€Œã‚ºãƒ«ã„ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚’ç”¨ã„ãŸã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã®ä½œã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ ä»Šå›žã®ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã«é–¢ã—ã¦ã¯ã€ä»¥å‰ã«ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç´¹ä»‹ã—ãŸã‚‚ã®ã‹ã‚‰å¤§å¹…ã«æ”¹å®šã‚’åŠ ãˆã¦ã€ã‚ˆã‚Šæ±Žç”¨æ€§ãŒã‚ã‚Šã€ã•ã¾ã–ã¾ãªå ´é¢ã§ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚‚ã®ã«åˆ·æ–°ã—ã¾ã—ãŸã€‚ æ”¹è‰¯ã®ãƒã‚¤ãƒ³ãƒˆã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ æ–‡å—ã‚µã‚¤ã‚ºã®å¤‰æ›´ã€ã¾ãŸãã‚Œã«ä½µã›ã¦ãƒœã‚¿ãƒ³ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«å¯¾å¿œã—ã¦ã„ã¾ã™ iã‚¿ã‚°ã‚’ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ç”¨ã®Webãƒ•ã‚©ãƒ³ãƒˆã«å¯¾å¿œã—ã¾ã—ãŸã€‚ä»Šå›žã¯font-awesomeã‚’ä½¿ã£ã¦è§£èª¬ã—ã¦ã„ã¾ã™ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æµè¡Œã«ä¼´ã†ãƒ‡ã‚¶ã‚¤ãƒ³å‚¾å‘ã«åˆã‚ã›ã€ç«‹ä½“æ„Ÿã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚ŠæŽ§ãˆã‚ã«ã€ã‹ã¤paddingã‚’å¤§ãã‚ã«å–ã£ãŸ
sabro 2013/09/13
css
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«CSS
æ¦‚è¦ ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ãªCSSã‚’ç›®æŒ‡ã—ã€å®šç¾©ã•ã‚ŒãŸä¸€èˆ¬çš„ãªCSSãƒ«ãƒ¼ãƒ«ã®ç´¹ä»‹ã¨ã€ãã‚Œã‚‰ã®ãƒ«ãƒ¼ãƒ«ã‚’é©ç”¨ã™ã‚‹ã«ã‚ãŸã£ã¦æ´»ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã‚’å ±å‘Šã—ã¾ã™ã€‚ 1. åºè«– CSSã¯è¨˜è¿°ãƒ«ãƒ¼ãƒ«ãŒç°¡ç´ ã§ã‚ã‚Šã€å°‘ã—ã®å¦ç¿’ã‚³ã‚¹ãƒˆã§ã™ãã«è¨˜è¿°ãŒã§ãã‚‹æ‰‹è»½ãªãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã—ã‹ã—ã€å¤§è¦æ¨¡ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§è¤‡æ•°äººã§é–‹ç™ºã™ã‚‹ã‚±ãƒ¼ã‚¹ç‰ã§ã¯ã€è¦‹æ „ãˆã ã‘ã—ã‹è€ƒãˆãšã«èº«å‹æ‰‹ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã—ã¾ã†ã¨ã€ éžå¸¸ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹è² ã®éºç”£ãŒä½œã‚‰ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãã®ãŸã‚CSSã®å“è³ªã‚’ä¿ã¤ãŸã‚ã«æ§˜ã€…ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€CSSã®å®šç¾©ãƒ«ãƒ¼ãƒ«ãŒæ±ºã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ æœ¬ç¨¿ã§ã¯ä¸€èˆ¬çš„ãªCSSã®å®šç¾©ãƒ«ãƒ¼ãƒ«ã¨ã€ãã®ãƒ«ãƒ¼ãƒ«ãŒãªãœä½œã‚‰ã‚ŒãŸã®ã‹ã‚’åˆã›ã¦å ±å‘Šè‡´ã—ã¾ã™ã€‚ ã¾ãŸã€CSSã®ãƒ«ãƒ¼ãƒ«ã‚’é©ç”¨ã™ã‚‹ã«ã‚ãŸã£ã¦ã€æ‰‹å‹•ãƒ»ç›®è¦–ã§ãƒ«ãƒ¼ãƒ«ã®é©ç”¨ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ã¯éžå¸¸ã«ã‚³ã‚¹ãƒˆãŒé«˜ã„ä½œæ¥ã§ã™ã€‚ ã“ã‚Œã‚‰ãƒ«ãƒ¼ãƒ«ã®é©ç”¨ã‚’è£œåŠ©ã™ã‚‹ãƒ„ãƒ¼ãƒ«ç¾¤ã‚’ã€åˆã›ã¦å ±å‘Šè‡´ã—ã¾ã™ã€‚
sabro 2013/09/03
css
ãƒªãƒ³ã‚¯
Tridiv | CSS 3D Editor
Concept, code and design by Julian Garnier. For questions, feedback, bugs or anything related to Tridiv, contact me on twitter @TridivApp. Tridiv is licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License
sabro 2013/08/23
css

3d
ãƒªãƒ³ã‚¯
http://enja.studiomohawk.com/2013/07/06/css-architecture/
sabro 2013/07/07
css
ãƒªãƒ³ã‚¯
ã‚ˆã‚Šç´ æ—©ãCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãŸã‚ã®ã€Sassï¼ˆSCSSï¼‰ã®mixinã‚¹ãƒ‹ãƒšãƒƒãƒˆé›†
2017å¹´2æœˆ22æ—¥ CSS ä»¥å‰ã€ŒåŠ¹çŽ‡è‰¯ãCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹Sassã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ï¼Mac+Codaãªã‚‰è¨å®šã‚‚ç°¡å˜ï¼ã€ã¨ã„ã†è¨˜äº‹ã§ç´¹ä»‹ã—ãŸSassï¼SCSSã€‚çš†ã•ã‚“ä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿä»Šå›žã¯ãã®Sassã® @mixin ã¨ã„ã†æ©Ÿèƒ½ã«æ³¨ç›®ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ä¸ã«ã¯å¾Œè¿°ã™ã‚‹ã€ŒCompassã€ã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ãˆã°åŒæ§˜ã®ã‚³ãƒ¼ãƒ‰ãŒè¨˜è¿°ã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãŠå‹‰å¼·ã‚‚å…¼ãã¦ã‚ãˆã¦ä½¿ã‚ãšè‡ªåˆ†ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‚„ã™ãã†ãªã‚‚ã®ã‚’ä¸å¿ƒã«ç´¹ä»‹ã™ã‚‹ã®ã§ã€è‡ªåˆ†ã®ä½¿ã„ã‚„ã™ã„ã‚ªãƒªã‚¸ãƒŠãƒ« mixin ã‚’ä½œã£ã¦ã¿ã¦ãã ã•ã„ãï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ Sassã®åŸºç¤ŽçŸ¥è˜ @mixin ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ ãƒªãƒ³ã‚¯ã‚«ãƒ©ãƒ¼ã‚’ä¸€æ‹¬è¨å®š ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ é€æ˜Žåº¦ çµ¶å¯¾ä½ç½®ã®æŒ‡å®š rem ã‚’ä½¿ã£ãŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®š ãƒ¬ãƒ†ã‚£ãƒŠãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤å¯¾å¿œç”»åƒ Compassã«ã¤ã„ã¦è»½ãã€‚ Sas
sabro 2013/07/02
css

sass

compass
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®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; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ ãƒ•ã‚©
sabro 2013/06/25
css

mobile
ãƒªãƒ³ã‚¯
floatã‚’è§£é™¤ã™ã‚‹æ‰‹æ³•ã®clearfix ã¨ æ¬¡ä¸–ä»£ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©±
floatã‚’è§£é™¤ã™ã‚‹æ‰‹æ³•ã®clearfix ã¨ æ¬¡ä¸–ä»£ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©± 2013-06-20 / 2013-06-30 2011å¹´ã«clearfixã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€Micro clearfixãªã©ã®æ–°ã—ã„æ‰‹æ³•ã‚‚å‡ºã¦ãã¾ã—ãŸã€‚ è¨˜äº‹ã‚’æ›¸ã„ã¦ã‹ã‚‰2å¹´ãŒçµŒã¡ã€è‰²ã€…æ€ã†ã¨ã“ã‚ã‚‚å‡ºã¦ããŸã®ã§ã€æ”¹ã‚ã¦clearfixã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ floatã‚’è§£é™¤ã™ã‚‹ã«ã¯ CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ§‹ç¯‰ã‚’è¡Œã†éš›ã«ã€ã‚ˆãfloatãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒç”¨ã„ã‚‰ã‚Œã¾ã™ã€‚ ã—ã‹ã—floatã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ã€Œè¦ªã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªã„ã€ã€Œä¸‹ã®æ®µã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã€ãªã©ã®ãƒˆãƒ©ãƒ–ãƒ«ãŒèµ·ã“ã‚Šã‚„ã™ããªã‚Šã¾ã™ã€‚ floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç‰¹æ€§ è¦ªã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªã„ç†ç”±ã¯ã€floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã—ã¦ã„ã‚‹ãƒœãƒƒã‚¯ã‚¹ãŒæµ®å‹•åŒ–ã—ã€é€šå¸¸ã®ãƒœãƒƒã‚¯ã‚¹ã®ãƒ•ãƒãƒ¼ã‹ã‚‰å¤–ã•ã‚Œã‚‹ã“ã¨ãŒåŽŸå› ã§ã™ã€‚ é€šå¸¸ãƒ•ãƒãƒ¼ã‹ã‚‰å¤–ã•ã‚ŒãŸãƒœãƒƒã‚¯ã‚¹ã¯ã€è¦ªã®ãƒœãƒƒã‚¯ã‚¹ã®é«˜ã•ã‚’èªè˜ã§ããªããª
sabro 2013/06/20
float

clearfix

css
ãƒªãƒ³ã‚¯
WordPressã§ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒç”»åƒã«ä»»æ„ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆç”»åƒã‚’è¨å®šã™ã‚‹æ–¹æ³• * prasmï¼ˆãƒ—ãƒ©ã‚ºãƒ ï¼‰
ã“ã‚ŒãŒãšã£ã¨ã‚„ã‚ŠãŸã‹ã£ãŸã‚“ã ã‚ˆï¼ã™ã¹ã¦ã®ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‹ã¡ã³ã¨ã§å•é¡Œãªã„ã€‚@shintarowfreshã§ã™ã€‚ ã‚‚ã†ã¨ã«ã‹ãWordPressã§ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒç”»åƒã‚’ç”¨æ„ã™ã‚‹ã®ãŒé¢å€’æ¥µã¾ã‚Šãªã„ã€‚ã¨ã¯ã„ãˆè¨å®šã—ãªã„ã¨ã¿ã£ã¨ã‚‚ãªã„ã€‚ã¨ã„ã†2é‡è‹¦ã‚’æŠ±ãˆã¦ã„ãŸã®ã§ã™ãŒã€ã“ã‚Œã‹ã‚‰ã¯é–‹æ”¾ã•ã‚Œã¾ã™ã€æ°—æŒã¡ã„ã„ï¼ï¼ WordPressã®ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒç”»åƒã«ä»»æ„ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆç”»åƒã‚’ç™»éŒ²ã™ã‚‹æ–¹æ³• â€“ ã‹ã¡ã³ã¨.net WordPressã®ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒç”»åƒã«ä»»æ„ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆç”»åƒã‚’ç™»éŒ²ã™ã‚‹æ–¹æ³• â€“ ã‹ã¡ã³ã¨.net è¨å®šã«å¿…è¦ãªIDã®èª¿ã¹æ–¹ã¯ã‚³ãƒãƒ©ã«ã€‚ Quick Tip: Saving a Default Post Thumbnail | Wptuts+ å¾Œã¯ã‚‚ã†æ›¸ã„ã¦ã„ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒšã—ã¦çµ‚ã‚ã‚Šã€ã‚¤ãƒƒãƒ„ãƒ€ãƒ³ï¼ ã™ã‚‹ã¨ ã“ã‚“ãªã‹ã‚“ã˜ã§ã€æ–°è¦æŠ•ç¨¿ã®éš›ã€æŒ‡å®šã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ç”»åƒãŒãƒãƒžã£ã¦ã„ã‚‹ã‚ã‘ã§ã€‚ ä¸Šæ›¸ãã—ãŸã‹ã£ãŸã‚‰ã€æ–°ã—
sabro 2013/03/08
css
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ»ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹éš›ã«å€‹äººçš„ã«ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ htmlé–¢é€£ headã‚¿ã‚°å†…ã§ã®è¨å®š <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon
sabro 2013/02/19
javascript

HTML

CSS

mobile
ãƒªãƒ³ã‚¯
ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯Compassä½¿ã„ã«ãªã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã®çŸ¥è˜ã‹ã‚‰å¿œç”¨ã¾ã§ã€ä½“ç³»çš„ã«ã²ã¨é€šã‚Šç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ãã®åˆå¿ƒè€…ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ï¼ ã¯ã˜ã‚ã«çµè«–ã‚’è¨€ã†ã¨ã€Compassã§CSSã‚’æ›¸ãã¨ æ—©ã„ï¼ è¦‹ã‚„ã™ã„ï¼ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ï¼ ã‚³ãƒ¼ãƒ‰é‡ãŒãã£ã¨æ¸›ã‚‹ï¼ ä¸€åº¦ä½¿ã„å‡ºã—ãŸã‚‰æœ€å¾Œã€ã‚‚ã†å…ƒã«ã¯æˆ»ã‚Œãªã„ï¼ ä¸€ä½“ã©ã“ã¾ã§ä¾¿åˆ©ãªã®ã‹ãšã‚‰ãšã‚‰æ›¸ãã‚ˆã‚Šã‚‚ã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšï¼ ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã—ã¦ã€å„ç‰¹å¾´ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸçŸã„ãƒ‡ãƒ¢å‹•ç”»ã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¾ãšã¯ã“ã¡ã‚‰ã‚’è¦‹ã¦ãã ã•ã„ï¼ Compassã¨ã¯ï¼Ÿ Compassã‚’èªžã‚‹å‰ã«ã€ã¾ãšã¯ã€ŒSassã€ã‚’çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€Compassã¯Sassã‚’å…ƒã«é–‹ç™ºã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‹ã‚‰ã§ã™ã€‚ Sassã¨ã¯ ã§ã¯ã€ŒSassã€ã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€æ£å¼åç§°ã¯ã€ŒSyntactically Awesome Style Sh
sabro 2013/02/08
css

compass

sass
ãƒªãƒ³ã‚¯
Textillate.js
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
sabro 2013/02/05
jquery

CSS

text
ãƒªãƒ³ã‚¯
H1ä¸€ã¤ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹CSSè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢9å€‹ / SQUEEZE - Web Design Studio -
HTMLã¯h1è¦ç´ ã ã‘ã§ã€CSSã®ã€Œborderã€ã‚„ã€Œbox-shadowã€ã€Œtransf ormã€ã€Œlinear-gradientã€ã€æ“¬ä¼¼è¦ç´ ã®ã€Œ:beforeã€ã‚„ã€Œ:afterã€ã‚’ä½¿ã£ãŸè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ Â» 01.åˆ‡ã‚Šå–ã‚Šç·š ç´™ã‚’åˆ‡ã‚Šå–ã£ãŸã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã‚‹ Â» ãƒã‚¤ãƒ³ãƒˆåž‚ç›´æ–¹å‘ã®å½±ã®ã‚ªãƒ•ã‚»ãƒƒãƒˆè·é›¢ã‚’è¨å®šã—ãŸã ã‘ã§ã¯ã€å·¦å³ä¸¡è„‡ã«ã‚‚å½±ãŒã§ãã¦ã—ã¾ã†ã®ã§ã€ä¸€æ—¦5pxä¸‹ã«å½±ã‚’ã‚ªãƒ•ã‚»ãƒƒãƒˆã—ãŸã†ãˆã§ã€åºƒãŒã‚Šè·é›¢ã‚’è² ã®å€¤(-4px)ã«ã—ç¸®å°ã™ã‚‹ã“ã¨ã§ã€ä¸Šéƒ¨ã®å½±ã®ã¿ã‚’æ®‹ã—ã¦ã„ã¾ã™ã€‚ border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
sabro 2013/02/05
css

webdesign

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