minamo_bunkoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ - ã¯ã¦ãªãƒ

minamo_bunko id:minamo_bunko

minamo_bunkoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

${{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ã‚µãƒ¼ãƒ“ã‚¹ï¼ˆAPIï¼‰
è‡ªåˆ†ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚„ãƒ–ãƒã‚°ã‚’ç´¹ä»‹ã™ã‚‹éš›ã«ã€ãŸã ã®ãƒªãƒ³ã‚¯ã‚’è²¼ã‚‹ã ã‘ã ã¨ã‚ã¾ã‚Šç›®ç«‹ã¡ã¾ã›ã‚“ã€‚ ãªã®ã§ã€ç›®ç«‹ã£ã¦ã€ã‹ã¤è¦šãˆã¦ã‚‚ã‚‰ã„ã‚„ã™ã„è‰¯ã„æ–¹æ³•ã¯ãªã„ã‹ãªã¨è€ƒãˆã¦ã„ã¾ã—ãŸã€‚ ãã‚“ãªæ™‚ã«ãµã¨ç›®ã«ç•™ã¾ã£ãŸã®ãŒã€ã“ã¡ã‚‰ã€‚ ã€ŒGoogleã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ãƒ„ãƒ¼ãƒ«ã€ã®ã‚µã‚¤ãƒˆé¸æŠžã®ã¨ã“ã‚ãªã‚“ã ãŒã€ã©ã†ã‚‚ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚’å–å¾—ã—ã¦ç”»åƒã‚’è¡¨ç¤ºã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã€ãƒªãƒ³ã‚¯ã®å‰ã«ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ç”»åƒã‚’è¡¨ç¤ºã§ããŸã‚‰ã€ç›®ç«‹ã£ã¦è¦šãˆã¦ã‚‚ã‚‰ã„ã‚„ã™ãã¦è‰¯ã•ãã†ï¼ ã¨ã„ã†ã“ã¨ã§ã€ãã®æ–¹æ³•ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚
minamo_bunko 2022/03/01
ãƒ•ã‚¡ãƒ“ã‚³ãƒ³API

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

HTML

ãƒ•ã‚¡ãƒ“ã‚³ãƒ³API
ãƒªãƒ³ã‚¯
YouTube å‹•ç”»åŸ‹ã‚è¾¼ã¿ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œæ–¹æ³• - by Takumi Hirashima
YouTube ã®å‹•ç”»åŸ‹ã‚è¾¼ã¿ã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ åŸ‹ã‚è¾¼ã¿ã‚³ãƒ¼ãƒ‰ã‚’ãƒ–ãƒãƒƒã‚¯è¦ç´ ã§å›²ã¿ã€CSS ã® aspect-ratio ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã„ã€ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ 16:9 ã«å›ºå®šã™ã‚‹ã“ã¨ã§å¯¾å¿œã—ã¾ã™ã€‚ç¸¦åž‹å‹•ç”»ã®å ´åˆã¯ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ä»»æ„ã®å€¤ã«å¤‰æ›´ã—ã¦ãã ã•ã„ã€‚ ã¾ãŸã€å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã‚‚å¯¾å¿œã§ãã‚‹ padding-top ãƒãƒƒã‚¯ã‚’ä½¿ã£ãŸæ–¹æ³•ã‚‚ç´¹ä»‹ã—ã¾ã™ã€‚ å‹•ç”»ã®åŸ‹ã‚è¾¼ã¿ã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã™ã‚‹æ–¹æ³• aspect-ratio ã‚’ä½¿ã£ãŸæ–¹æ³• padding-top ãƒãƒƒã‚¯ã‚’ä½¿ã£ãŸæ–¹æ³• å‹•ç”»ã®åŸ‹ã‚è¾¼ã¿ã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã™ã‚‹æ–¹æ³• ã¾ãšã¯ YouTube ã‹ã‚‰ã‚³ãƒ”ãƒ¼ã—ãŸã€Œå‹•ç”»ã®åŸ‹ã‚è¾¼ã¿ã®ã‚³ãƒ¼ãƒ‰ï¼ˆiframeï¼‰ã€ã‚’ãƒ–ãƒãƒƒã‚¯è¦ç´ ï¼ˆ<div class="youtube">ã€œ</div>ï¼‰ã§å›²ã¿ã¾ã™ã€‚ <div class="youtube"> <iframe width="560" heig
minamo_bunko 2021/06/04
Tips

CSS

HTML

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ã‚µã‚¤ãƒˆ

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç°¡å˜ã«è¨ç½®ã§ãã‚‹ï¼Blogger ãƒ–ãƒã‚°ã§ãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚’è¨ç½®ã™ã‚‹
æ³¨æ„ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ç·¨é›†ï¼ˆ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰æ”¹å¤‰ ï¼‰ã™ã‚‹ã¨ãã¯ã€å¿…ãšãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’å–ã£ã¦ã‹ã‚‰ç·¨é›†ã—ã¾ã—ã‚‡ã†ã€‚ ä¸å®‰ãªæ–¹ã¯ä»¥ä¸‹ã®é–¢é€£è¨˜äº‹ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ã€ è¶…åˆå¿ƒè€…å‘ã‘ ã€‘ Blogger ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’åæ˜ ãƒ»ç·¨é›†ã™ã‚‹æ–¹æ³• JQuery ã®å°Žå…¥ JQuery ã®å°Žå…¥ã‚’ã—ã¦ã„ãªã„å ´åˆã€ä»¥ä¸‹ã® script ã‚’ <head> ã®ç›´ä¸‹ã«è¨˜è¿°ã—ã¾ã™ã€‚  <script src='https://ajax.google apis.com/ajax/libs/jquery/3.4.1/jquery.min.js'/> Font Awesome ã®å°Žå…¥ Font Awesome ã‚’å°Žå…¥ã—ã¦ã„ãªã„å ´åˆã€ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’ <head> ã®ç›´ä¸‹ã«è¨˜è¿°ã—ã¾ã™ã€‚ <link href='https://use.fontawesome.com/releases/v5.6.4/css/al
minamo_bunko 2021/05/30
Tips

ãƒ–ãƒã‚°

CSS

è±†çŸ¥è˜

HTML

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryã§ç°¡å˜ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼
æµæ¯”å¯¿ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œãƒ»Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ã®ãƒ–ãƒã‚°ã€‚Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€SEOå¯¾ç–ã¾ã§å¹…åºƒãæ‰‹æŽ›ã‘ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯jQueryã‚’ä½¿ã£ã¦ã‚³ãƒ”ãƒšã§ä½œæˆã§ãã‚‹ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå›žä½œæˆã™ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‡ãƒ¢ãŒã“ã¡ã‚‰ DEMO æ—©é€Ÿä½œæˆã—ã¦ã„ãã¾ã—ã‚‡ã†ï¼ jQueryã‚’èªã¿è¾¼ã¾ã›ã‚‹ã€‚ <script src="https://ajax.google apis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> ã“ã‚Œã‚’HTMLã®bodyã®é–‰ã˜ã‚¿ã‚°ã®å‰ã«å…¥ã‚Œã¾ã—ã‚‡ã†ã€‚ HTMLã§å½¢ã‚’ä½œã‚‹ã€‚ <ul class="dropdwn"> <li>HOME</li> <li>A <ul class="dropdwn_menu"> <li><a href="#">A1</a></li> <li><a href=
minamo_bunko 2021/05/26
Tips

CSS

HTML

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

Dropdown

ãƒ¡ãƒ‹ãƒ¥ãƒ¼

è±†çŸ¥è˜
ãƒªãƒ³ã‚¯
ã€Œç—°ãŒçµ¡ã‚“ã§åˆ‡ã‚Œãªã„æ™‚ã€ã«åŠ¹æžœçš„ãªï¼“ã¤ã®å¯¾å‡¦æ³•ã¨ã¯ï¼Ÿï¼šé”äººã«è¨Šã‘ï¼ï¼šä¸æ—¥æ–°èžWeb
ç—°ã‚’æ²»ã™3ã¤ã®æ–¹æ³• ç§ã®å ´åˆã¯å®¶ã«ã„ã¦ã€ãŠèŒ¶ãªã©æ°´åˆ†ã‚’ãŸã£ã·ã‚Šæ‘‚ã£ã¦ã„ã‚‹ã¨ã„ã„ã®ã§ã™ãŒã€å¤–ã«å‡ºã‚‹ã¨ã€ã¨ãŸã‚“ã«ç—°ãŒã‹ã‚‰ã‚“ã§ãã¾ã™ã€‚ çŸ¥ã‚Šåˆã„ã®è–¬å‰¤å¸«ã•ã‚“ã®å ´åˆã¯ã€æœã¯ã„ã„ã‘ã‚Œã©ã€è–¬å±€ã«å‡ºå‹¤ã—ã€ãŠå®¢ã•ã‚“ã¨è©±ã—å§‹ã‚ã‚‹ã¨ã¤ã‚‰ããªã‚‹ã€ã¨ã®ã“ã¨ã€‚æš–æˆ¿ã«ã‚ˆã‚‹ä¹¾ç‡¥ãŒå¤§ãã„ã€ã¨è¨€ã£ã¦ã„ã¾ã—ãŸã€‚ãã“ã§ã€ 1.ã€Œæ°´åˆ†ã‚’æ‘‚ã‚‹ã€ 2.ã€Œæš–æˆ¿ã®ä¹¾ç‡¥ãƒ»æ¸©åº¦ã®å¤‰åŒ–ã«æ°—ã‚’ã¤ã‘ã‚‹ã€ 3.ã€ŒæŠµæŠ—åŠ›ã‚’ä¸Šã’ã‚‹ã€ ã“ã¨ãŒãƒã‚¤ãƒ³ãƒˆã ãã€ã¨ã„ã†ã¨ã“ã‚ã§ã€è©±ãŒè½ã¡ç€ãã¾ã—ãŸã€‚ ä»¥ä¸‹ã§å…·ä½“çš„ãªå¯¾å‡¦æ³•ã‚’èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ ã€é–¢é€£è¨˜äº‹ã€‘ è‚ºã«åŠ¹ãã€Ž5ã¤ã®ãƒ„ãƒœã€ã§å‘¼å¸å™¨ãƒˆãƒ©ãƒ–ãƒ«ã‚’è§£æ¶ˆã—ã‚ˆã† ç—°ã‚’åˆ‡ã‚‹ã®ã«ã€Œè‰¯ã„é£Ÿã¹ç‰©ã€ã€Œæ‚ªã„é£Ÿã¹ç‰©ã€ â‘ ç—°ã‚’åˆ‡ã‚‹é£Ÿã¹ç‰© ç—°ãŒã‹ã‚‰ã‚€ã®ã‚’é˜²ãé£Ÿã¹ç‰©ã‚‚ã‚ã‚Šã¾ã™ã€‚ æ˜”ã‹ã‚‰ã‚ˆãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ã®ãŒã€ ãƒ»å¤§æ ¹ ãƒ»å±±èŠ‹ ãƒ»ãƒ¬ãƒ³ã‚³ãƒ³ ãƒ»ã‚¿ã‚±ãƒŽã‚³ å¤§æ ¹ã®ãŠã‚ã—æ±ã«ãƒãƒãƒŸãƒ„ã‚’æ··ãœã€ã‚†ã£ãã‚Šå–‰ã‚’æ½¤ã—ãªãŒã‚‰é£²ã‚€ã¨ã€ç—°ã®ã‹ã‚‰ã¿ãŒå°‘ãªããªã‚Šã¾ã™ã€‚ã‹
minamo_bunko 2021/05/14
è±†çŸ¥è˜ã€‚

è±†çŸ¥è˜
ãƒªãƒ³ã‚¯
ã½ã£ã“ã‚ŠãŠè…¹ã«åŠ¹ãã®ã¯ã€Œè…¹ç‹ã€ã§ã¯ãªãã€Œå°»ç‹ãƒˆãƒ¬ã€ã ã£ãŸï¼
1976å¹´æ±äº¬éƒ½å‡ºèº«ã€‚ã‚¹ãƒãƒ¼ãƒ„ãƒˆãƒ¬ãƒ¼ãƒŠãƒ¼ã€ã‚³ãƒ³ãƒ‡ã‚£ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ã‚³ãƒ¼ãƒã€é¼ç¸å¸«ã€‚æ—¥æœ¬å¤§å¦ã‚’å’æ¥å¾Œã€ã‚ªãƒã‚¤ã‚ªå·žç«‹å¤§å¦ãƒˆãƒ¬ãƒ‰å¤§å¦ã«ã¦é‹å‹•ç§‘å¦ã‚’å°‚æ”»ã€‚ç±³å›½MLBå‚˜ä¸‹3Aãƒãƒ¼ãƒ ã«ã¦é‡Žçƒã«ãŠã‘ã‚‹ã‚³ãƒ³ãƒ‡ã‚£ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ãƒ»ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ã®çµŒé¨“ã‚’ç©ã‚€ã€‚2003å¹´ã‚ˆã‚Šåƒè‘‰ãƒãƒƒãƒ†ãƒžãƒªãƒ¼ãƒ³ã‚ºã®ã‚³ãƒ³ãƒ‡ã‚£ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒãƒ¼ã‚¿ãƒ¼ã‚’å‹™ã‚ã€05å¹´ã®æ—¥æœ¬ä¸€ã«è²¢çŒ®ã€‚14å¹´ã«ã¯å…ƒWBCä»£è¡¨é¸æ‰‹ãƒ»æ¸¡è¾ºä¿Šä»‹æŠ•æ‰‹ã®MLBæŒ‘æˆ¦ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã€ãƒ‘ãƒ¼ã‚½ãƒŠãƒ«ãƒˆãƒ¬ãƒ¼ãƒŠãƒ¼ã¨ã—ã¦ç±³å›½ã«åŒè¡Œã€‚15å¹´ã€ãƒ©ã‚°ãƒ“ãƒ¼ã®ãƒˆãƒƒãƒ—ãƒªãƒ¼ã‚°ãƒãƒ¼ãƒ ãƒ»è¿‘é‰„ãƒ©ã‚¤ãƒŠãƒ¼ã‚ºã®ãƒ˜ãƒƒãƒ‰ã‚³ãƒ³ãƒ‡ã‚£ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ã‚³ãƒ¼ãƒã«å°±ä»»ã€‚18å¹´ã‹ã‚‰ã¯ç¤¾ä¼šäººãƒ©ã‚°ãƒ“ãƒ¼ãƒãƒ¼ãƒ ãƒ»æ¸…æ°´å»ºè¨ãƒ–ãƒ«ãƒ¼ã‚·ãƒ£ãƒ¼ã‚¯ã‚¹ã®ã‚³ãƒ³ãƒ‡ã‚£ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ã‚³ãƒ¼ãƒã‚’å‹™ã‚ã‚‹ã¨ã¨ã‚‚ã«ã€æ—¥æœ¬å¤§å¦ã®ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦ã€ãƒ©ã‚°ãƒ“ãƒ¼éƒ¨ã‚’ä¸å¿ƒã«ã€é§…ä¼ã‚„ã‚µãƒƒã‚«ãƒ¼éƒ¨ã®ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ç®¡ç†ã—ã¦ã„ã‚‹ã€‚ ãƒ‹ãƒ¥ãƒ¼ã‚¹3é¢é¡ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ç™»å ´ä»¥æ¥ã€
minamo_bunko 2021/05/13
è±†çŸ¥è˜ã€‚

è±†çŸ¥è˜

ç‹ãƒˆãƒ¬
ãƒªãƒ³ã‚¯
onclickå±žæ€§ã‚’ä½¿ã£ãŸã€Œä¸Šã¸æˆ»ã‚‹ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«
Result ãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦çš„ãªã€‚ html<a onclick="$('html, body').animate({scrollTop:0},'slow');" href="javascript:void(0);"> Go to top </a>
minamo_bunko 2021/04/14
Tips

è±†çŸ¥è˜

HTML
ãƒªãƒ³ã‚¯
onclickã§ç”»é¢é·ç§»
ã“ã‚“ã«ã¡ã¯ã€ã•ã‚‹ã¾ã‚Šã‚“ã§ã™ã€‚ <form>ã‚¿ã‚°ã«å›²ã¾ã‚ŒãŸãƒœã‚¿ãƒ³ã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚µãƒ–ãƒŸãƒƒãƒˆã™ã‚‹ã®ã§ã¯ãªãå˜ç´”ã«åˆ¥ã®ãƒšãƒ¼ã‚¸ã¸é·ç§»ã—ãŸã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°è¤‡æ•°ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚Œã‚‹å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã§ã€Œæ¬¡ã¸ã€ã§ã¯ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚µãƒ–ãƒŸãƒƒãƒˆã—ã¦ã€ã€Œæˆ»ã‚‹ã€ã§ã¯å˜ç´”ã«å‰ã®ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹å ´åˆã§ã™ã€‚ ã©ã†ã‚„ã‚ã†ã‹ãªï¼Ÿã¨è€ƒãˆã¦ã„ãŸã‚‰<button>ã‚„<input type="button">ã®onclickã‚’æ€ã„ã¤ã„ãã¾ã—ãŸã€‚ onclickã«location.hrefã§é£›ã³å…ˆãƒšãƒ¼ã‚¸ã‚’è¨å®šã™ã‚‹ã¨å¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ <button>ã‚¿ã‚° <button type="button" onclick="location.href='[é·ç§»å…ˆ]"> <input>ã‚¿ã‚° <intput type="button" onclick="location.href='[é·ç§»å…ˆ]"> ãƒãƒžã£ãŸã®ã¯<button>ã«typeã‚’è¨å®šã—ã¦ã„ãªã„æ™‚ã«
minamo_bunko 2021/04/14
Tips

è±†çŸ¥è˜

HTML
ãƒªãƒ³ã‚¯
ãƒãƒ¼ãƒ†ã‚£ãƒ–ãŒã‚«ãƒãƒ³ã¨ãã‚‹6ã¤ã®ç›´è¨³è‹±èªž é›»è©±ã®ç›¸æ‰‹ã«Who are you? ã¯NG
â€œI expect you to come at 4 pm.â€ã¯ã€Œ4æ™‚ã«å¿…ãšæ¥ã„ã€ã®æ„å‘³ ãƒãƒ¼ãƒ†ã‚£ãƒ–ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ã¨ã®å•†è«‡ã‚„ä¼šè°ã§ã€æ£ã—ãè‹±èªžã‚’è©±ã—ã¦ã„ãŸã¤ã‚‚ã‚Šã§ã‚‚ã€ç›¸æ‰‹ãŒæ€¥ã«æ€ªè¨ãªè¡¨æƒ…ã‚’ã—ãŸã‚Šã€ä¸æ©Ÿå«Œã«ãªã£ãŸã‚Šã—ãŸã“ã¨ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿã€€ã‚‚ã—ã‹ã™ã‚‹ã¨ã€è¦šãˆãŸå˜èªžã‚’çµ„ã¿åˆã‚ã›ãŸã ã‘ã§ã¯ã€ãƒãƒ¼ãƒ†ã‚£ãƒ–ã«ã‚ãªãŸã®æ„å›³ã™ã‚‹ã“ã¨ãŒãã¡ã‚“ã¨ä¼ã‚ã£ã¦ã„ãªã„ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã“ã‚Œã‹ã‚‰ã€è‹±ä¼šè©±ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ãŸã¤ã‚‚ã‚Šã®æ—¥æœ¬äººãŒçŠ¯ã™NGäº‹ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å®Ÿéš›ã«ã‚ã£ãŸäº‹ä¾‹ã§ã¯ã€ã‚ã‚‹ä¼šè°ã§æ—¥æœ¬ã®ãƒ“ã‚¸ãƒã‚¹ãƒ‘ãƒ¼ã‚½ãƒ³ãŒã€ç±³å›½äººã«â€œHow do you think?â€ã¨å°‹ããŸã¨ã“ã‚ã€ãã®ç±³å›½äººã¯æ€’ã‚Šã ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚æ—¥æœ¬äººã¯ã€ã€Œã‚ãªãŸã¯ã©ã†æ€ã„ã¾ã™ã‹ï¼Ÿã€ã¨ä¼ãˆãŸã‹ã£ãŸã®ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€ãã®è¡¨ç¾ã¯ã€Œã©ã®ã‚ˆã†ã«è€ƒãˆã‚‹ã®ã‹ã€ã§ã¯ãªãã€ã€Œï¼ˆã©ã†ã—ã¦ãã†è€ƒãˆã‚‹ã®ï¼‰è‡ªåˆ†ã§è€ƒãˆã‚Œã°ã‚ã‹ã‚‹ã§ã—ã‚‡ï¼Ÿã€ã¨ã€ç›¸æ‰‹ã‚’è»½è”‘ã™ã‚‹ãƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ã«ãªã£ã¦ã—ã¾
minamo_bunko 2021/03/07
è±†çŸ¥è˜

è‹±èªž

è±†çŸ¥è˜
ãƒªãƒ³ã‚¯
GOOGLE BLOGGERã®è¨å®šï¼šHTMLã‚³ãƒ¼ãƒ‰ã§æ–‡å—ã«å›²ã¿æž ã€ç„¡æ–™ã€‘
è‡ªåˆ†ãŒãƒ–ãƒã‚°ã‚’å§‹ã‚ã¦ã‹ã‚‰ã„ã‚ã„ã‚ãƒ–ãƒã‚°ã‚’è¦‹ã¦ã‚‹ã¨ã€ ã“ã®æ–‡å—ã‚’å›²ã‚€æž ã¯ã©ã†ã‚„ã£ã¦è¨å®šã™ã‚‹ã®ã ã‚ã†ã‹? ã¨ã„ã†ç–‘å•ã«ã¶ã¤ã‹ã‚Šã¾ã—ãŸã€‚ BLOGGERã®ãƒ„ãƒ¼ãƒ«ãƒœã‚¿ãƒ³ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸãŒã€ã©ã†ã‚‚æž ã‚’ä½œã‚‹æ©Ÿèƒ½ã¯ç„¡ã„ã‚ˆã†ãªã®ã§ã€ ã‚„ã¯ã‚Šã€è‡ªåˆ†ã§ã‚³ãƒ¼ãƒ‰ã‚’å…¥åŠ›ã™ã‚‹ã—ã‹ãªã„ã§ã™ã€‚ ã§ã™ãŒã€æº–å‚™ã—ã¦ãŠã‘ã°ã€ã‚³ãƒ”ãƒšã§å®Œäº†ã™ã‚‹ã®ã§ã€ãã‚Œã»ã©é›£ã—ãã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„è‰²ã¯å¥½ã¿ãŒã‚ã‚‹ã®ã§é›£ã—ã„ã§ã™ãŒã€æŽ¢ã›ã°ã„ã‚ã„ã‚ã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ GOOGLE BLOGGERã§ã€HTMLã‚³ãƒ¼ãƒ‰ã®ã¿ã§æ–‡å—ã®å›²ã¿æž ã‚’æŒ¿å…¥ã™ã‚‹ æ‰‹é †ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ GOOGLE BLOGGERã®è¨å®šï¼šHTMLã‚³ãƒ¼ãƒ‰ã§æ–‡å—ã«å›²ã¿æž ã€ç„¡æ–™ã€‘ å›²ã¿æž ã¨ã¯ ã“ã‚“ãªæ„Ÿã˜ã®æž ã§ã™ ã“ã‚“ãªæ„Ÿã˜ã®æž ã§ã™ ã“ã‚Œã ã‘ã§ã‚‚æž ã®è‰²ã¨èƒŒæ™¯ã®è‰²ã‚’å¤‰ãˆã‚Œã°ã€ã‹ãªã‚Šã®ã‚¢ãƒ¬ãƒ³ã‚¸ãŒã§ãã¾ã™ æ£ç›´ã„ã†ã¨ã€æ¥½ã—ã„ã®ã¯æœ€åˆã ã‘ã§ã€ã„ã‚ã„ã‚è©¦ã—ã¾ã™ãŒã€ãã®ã†ã¡ã„ã¤ã‚‚ä½¿ã†ã‚‚ã®ã¯ã‚
minamo_bunko 2021/02/16
Tips

HTML

ãƒ–ãƒã‚°

è±†çŸ¥è˜
ãƒªãƒ³ã‚¯
CSS ã§ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã‚‹æ–¹æ³• - by Takumi Hirashima
CSS ã§ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¾‹ãˆã°ã€CSS ã§è¦ç´ ã«å½±ã‚’ã¤ã‘ãŸã„ã¨ãã«ä¾¿åˆ©ãªæ–¹æ³•ã§ã™ã€‚ é¡žä¼¼æ©Ÿèƒ½ã®ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã¨æ¯”ã¹ã¦ã€ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã¯æ“¬ä¼¼è¦ç´ ã‚‚å¯¾è±¡ã«ãªã‚Šã¾ã™ã€‚ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä»˜ã‘ã‚‹æ–¹æ³• ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ box-shadow ã˜ã‚ƒã ã‚ãªã®ï¼Ÿ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä»˜ã‘ã‚‹æ–¹æ³• CSS ã§ç‰¹å®šã®è¦ç´ ã«ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä»˜ã‘ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã‚‹ã«ã¯ filter ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®é–¢æ•° drop-shadow ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ å®Ÿéš›ã®è¦‹ãŸç›®ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ãƒ™ãƒ¼ã‚¹ã® HTML ã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ <div class="dropshadow">ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦</div> CSS ã¯ã“ã¡ã‚‰ã€‚ .dropshadow { position: relative; width: 240px; margin: 0 auto; padding: 15
minamo_bunko 2021/02/09
tips

CSS
ãƒªãƒ³ã‚¯
box-shadowã¯ã‚‚ã†å¤ã„ï¼ŸCSSæ–°æ™‚ä»£ã®ã€Œå½±ã®è½ã¨ã—æ–¹ã€
é•·ã„é–“Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ„›ã—ã¦ã‚„ã¾ãªã„ã‚‚ã®ã®1ã¤ã«*ã€Œbox-shadowï¼ˆãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ï¼‰ã€*ãŒã‚ã‚Šã¾ã™ã€‚ Photoshopã®ã‚ˆã†ãªç‰¹æ®Šãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ä½¿ã‚ãªãã¨ã‚‚ã€ã‚³ãƒ¼ãƒ‰ã ã‘ã§å½±ã‚’è½ã¨ã™ã“ã¨ãŒã§ãã‚‹ã¨ã„ã†ç‚¹ã§ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ä¸ã§å¤§å¤‰é‡å®ã•ã‚Œã¦ã„ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ box-shadowã®æ´å²ã¯é•·ãã€2005å¹´æ™‚ç‚¹ã§W3Cå†…ã§box-shadowã®è‰æ¡ˆãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚å½±ã‚’è½ã¨ã™æ™‚ã«ã€å½±ã®é•·ã•ã‚„è§’åº¦ã€è‰²ã‚„é€æ˜Žåº¦ã¾ã§æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ã“ã®æŠ€è¡“ãŒç™»å ´ã—ãŸå½“åˆã¯æ„Ÿå‹•ã—ãŸæ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã®ã§ã—ã‚‡ã†ã‹ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€box-shadowã‚’ä½¿ã£ãŸå½±ã®è½ã¨ã—æ–¹ã¯ã€ç™»å ´ã‹ã‚‰10å¹´ä»¥ä¸ŠçµŒéŽã—ãŸç¾åœ¨ã€ãã®ä½¿ã„æ‰€ã‚’è€ƒãˆã¦ã„ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯ãƒ–ãƒ©ã‚¦ã‚¶ãŒæ§˜ã€…ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã‚µãƒãƒ¼ãƒˆã—ãŸã“ã¨ãŒç†ç”±ã§ã‚ã‚Šã€å½±ã®è½ã¨ã—æ–¹ã‚’å†è€ƒã—ã¦ã¿ã‚‹ã®ã‚‚å¤§åˆ‡ã§ã™ã€‚ ãã“ã§æœ¬ç¨¿ã§ã¯ã€CSSæ–°æ™‚ä»£ã®å½±ã®è½ã¨ã—æ–¹ã«ã¤ã„
minamo_bunko 2021/02/08
Tips

CSS
ãƒªãƒ³ã‚¯
box-shadow
CSS3 ã® box-shadow ã¯ãƒœãƒƒã‚¯ã‚¹ã«ï¼‘ã¤ã‚ã‚‹ã„ã¯è¤‡æ•°ã®å½±ï¼ˆãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦åŠ¹æžœï¼‰ã‚’ä»˜åŠ ã™ã‚‹ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ã“ã‚Œã‚’ä½¿ã†ã“ã¨ã«ã‚ˆã£ã¦ã€ç«‹ä½“çš„ãªè¦ç´ ã®è¡¨ç¾ãŒå¯èƒ½ã«å¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ ä»–ã®è¦ç´ ã®é…ç½®ã«å½±éŸ¿ã‚’ä¸Žãˆãªã„ã®ã§é‡ãªã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ box-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ãƒœãƒƒã‚¯ã‚¹ã«å½±ã‚’è¡¨ç¤º â€»ä¸‹è¨˜ã€€ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ï¼šé«˜ã•,å¹…,ãƒœãƒ¼ãƒ€ãƒ¼ãªã©ã®ã‚³ãƒ¼ãƒ‰ã¯çœç•¥ã—ã¦ã¾ã™ã€‚å„è‡ªã§è¨å®šã—ã¦ãã ã•ã„ã€‚ ã‚·ãƒ£ãƒ‰ã‚¦ã€€å¤–å´ å³æ–¹å‘ã€ä¸‹æ–¹å‘ box-shadowæ§‹æ–‡ï¼š æ°´å¹³æ–¹å‘ã€€åž‚ç›´æ–¹å‘ã€€ã¼ã‹ã—ã€€åºƒãŒã‚Šã€€è‰²ã€€å‘ãï¼ˆå†…å‘ãã«ã™ã‚‹å ´åˆinsetã‚’ä»˜åŠ ï¼‰ï¼› .shadow { box-shadow:6px 0px 0px 0px blue; } /* æ°´å¹³æ–¹å‘ å³ã¸ 6px */ .shadow { box-shadow:6px 7px 0px 0px blue; } /* åž‚ç›´æ–¹å‘ ä¸‹ã¸ 7px */ .sha
minamo_bunko 2021/02/06
Tips

CSS
ãƒªãƒ³ã‚¯
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¦ç´ ãŒä¸€çž¬ä¼¸ç¸®ã—ãŸã‚Šã¡ã‚‰ã¤ãå ´åˆã®å¯¾å‡¦æ³• | TechMemo
transitionã‚„transf ormã§CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¦ç´ ã«ã‹ã‘ãŸæ™‚ã«ã€è¦ç´ ã®å¹…ãŒä¸€çž¬ã ã‘ä¼¸ç¸®ã—ã¦ã—ã¾ã£ãŸã‚Šã€ã¡ã‚‰ã¤ã„ã¦ã—ã¾ã†å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ç§ã‚‚ã‚ˆãä»¥ä¸‹ã®ã‚ˆã†ãªCSSã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ™‚ã«ç”»åƒãŒä¸€çž¬ã ã‘ä¼¸ç¸®ã—ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ a img{ transition:all .3s ease-in-out; } a:hover img{ opacity:0.8; } ã“ã®ã‚ˆã†ãªç¾è±¡ã‚’å¯¾å‡¦ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¦ç´ ãŒä¸€çž¬ä¼¸ç¸®ã—ãŸã‚Šã¡ã‚‰ã¤ã„ãŸã‚Šã™ã‚‹å ´åˆã®å¯¾å‡¦æ³• è¦ç´ ãŒä¼¸ç¸®ã—ãŸã‚Šã¡ã‚‰ã¤ã„ã¦ã—ã¾ã†ç¾è±¡ãŒç™ºç”Ÿã™ã‚‹å ´åˆã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã—ã¦ã„ã‚‹è¦ç´ ã«å¯¾ã—ã¦ã€ä»¥ä¸‹ã®CSSã‚’è¿½åŠ ã—ã¾ã™ã€‚ a img{ -webkit-backface-visibility:hidden; backface-visibility:hid
minamo_bunko 2021/01/30
Tips

CSS
ãƒªãƒ³ã‚¯
CSSã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆlinear-gradientï¼‰ã®ä½¿ã„æ–¹ã‚’ç·ã¾ã¨ã‚ï¼
ã“ã®è¨˜äº‹ã§ã¯ã€ã€ŒèƒŒæ™¯ã€ã‚„ã€Œãƒœã‚¿ãƒ³ã€ãªã©Webãƒšãƒ¼ã‚¸ã®æ§˜ã€…ãªéƒ¨åˆ†ã«CSSã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚
minamo_bunko 2021/01/30
Tips

CSS
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§è¦ç´ ã‚’å…è§’å½¢ã«ã™ã‚‹æ–¹æ³• | TechMemo
CSSã‚’ä½¿ã£ã¦è¦ç´ ã‚’å…è§’å½¢ã«ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ ç”»åƒã‚’ä½¿ã‚ãªãã¦ã‚‚å…è§’å½¢ã‚’å®Ÿè£…ã§ãã‚‹ã®ã§ã€èƒŒæ™¯è‰²ã‚’å¤‰ãˆãŸã„æ™‚ãªã©ã«CSSã®ä¿®æ£ã®ã¿ã§å¯¾å¿œã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ CSSã®ã¿ã§å…è§’å½¢ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³• ä¸Šè¨˜ã®ã‚ˆã†ãªå…è§’å½¢ã‚’å®Ÿè£…ã—ã¾ã™ã€‚ ã¾ãšã€HTMLã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ä»Šå›žã¯divã«ã—ã¦ã„ã¾ã™ãŒã€ãƒªãƒ³ã‚¯ç‰ã§ã‚‚OKã§ã™ã€‚ .hexagon { width: 88px; height: 50px; background: #aaa; position: relative; } .hexagon_cont { height: 100%; font-size: 16px; font-weight: bold; color: #fff; display: flex; justify-content: center; align-it ems: center; position: relativ
minamo_bunko 2021/01/28
Tips

CSS
ãƒªãƒ³ã‚¯
ã€Œç†è€…ã€ã€Œè‘—è€…ã€ã€Œä½œè€…ã€ ã®é•ã„ã¨ã¯ : é•ã„ãŒã‚ã‹ã‚‹äº‹å…¸
ç†è€…ã¯ã€æ–‡ç« ã‚’æ›¸ã„ãŸäººã€‚æ›¸ç”»ã‚’æ›¸ã„ãŸäººã‚‚ã„ã†ã€‚ è‘—è€…ã¯ã€æ›¸ç‰©ã‚’æ›¸ãè‘—ã—ãŸäººã€‚ æ–‡ç« ã‚’æ›¸ã„ãŸäººã§ã‚ã‚Œã°ã€Œç†è€…ã€ã ãŒã€ãã®æ–‡ç« ãŒæ›¸ç±åŒ–ã•ã‚Œã¦ã„ãªã‘ã‚Œã°ã€Œè‘—è€…ã€ã§ã¯ãªã„ã€‚ æ›¸ç±åŒ–ã•ã‚Œã¦ã„ã‚Œã°ã€ã€Œç†è€…ã€ã§ã‚‚ã‚ã‚Šã€Œè‘—è€…ã€ã§ã‚‚ã‚ã‚‹ãŒã€ã€Œç†è€…ã€ã¯ä¸€äººç§°ã¨ã—ã¦ã‚‚ä½¿ãˆã‚‹ã®ã«å¯¾ã—ã€ã€Œè‘—è€…ã€ã¯ä¸€äººç§°ã¨ã—ã¦ä½¿ãˆãšã€æ›¸ãæ‰‹ãŒè‡ªèº«ã‚’æŒ‡ã™æ™‚ã¯ã€Œç†è€…ã€ã§ã‚ã‚‹ã€‚ ã¾ãŸã€ã€Œè‘—è€…ã€ã¯æ›¸ç‰©ã‚’æ›¸ãè‘—ã—ãŸäººã‚’åºƒãè¡¨ã™è¨€è‘‰ã ãŒã€ã€Œç†è€…ã€ã¯äº‹å®Ÿã®ã¿ã‚’æ›¸ãè¨˜ã™ã®ã§ã¯ãªãã€ä½•ã‚‰ã‹ã®ä¸»å¼µã‚’å«ã‚“ã æ–‡ç« ã‚’æ›¸ãäººã«å¯¾ã—ã¦ç”¨ã„ã‚‰ã‚Œã‚‹ã€‚ ä½œè€…ã¯ã€å‰µä½œçš„ãƒ»èŠ¸è¡“çš„ãªå†…å®¹ã®æ›¸ç‰©ã€è„šæœ¬ãªã©ã‚’æ›¸ã„ãŸäººã€‚æ–‡ç« ã«é™ã‚‰ãšã€çµµç”»ã‚„å½«åˆ»ãªã©ã®èŠ¸è¡“ä½œå“ã‚’ä½œã£ãŸäººã‚‚ã„ã†ã€‚ ã€Œè‘—è€…ã€ã¨é‡ãªã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚‹ãŒã€ã€Œä½œè€…ã€ã¯äº‹å®Ÿã‚„è‡ªèº«ã®ä¸»å¼µã§ã¯ãªãã€å°èª¬ãªã©ã€Œä½œå“ã€ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã®ä½œã‚Šæ‰‹ã«å¯¾ã—ã¦ç”¨ã„ã‚‰ã‚Œã‚‹ã€‚
minamo_bunko 2021/01/21
è±†çŸ¥è˜

è±†çŸ¥è˜
ãƒªãƒ³ã‚¯
ã€CSSã€‘ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã‚¢ãƒ³ãƒ€ãƒ¼ãƒ©ã‚¤ãƒ³ãŒï¾‡ï¾™ï½¯ã¨ä¼¸ã³ã¦ãã‚‹ãƒ†ã‚ã‚¹ãƒˆã®ä½œã‚Šæ–¹
ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ã‚¢ãƒ³ãƒ€ãƒ¼ãƒ©ã‚¤ãƒ³ãŒãƒŒãƒ«ã£ã¨å‡ºã¦ãã‚‹ãƒªãƒ³ã‚¯ãƒ†ã‚ã‚¹ãƒˆã‚’æœ€è¿‘è‰¯ãè¦‹ã‚‹ã®ã§ã€ä½¿ç”¨çŽ‡ãŒé«˜ãã†ãª2ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚
minamo_bunko 2021/01/20
Tips

CSS
ãƒªãƒ³ã‚¯
ã€ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ã€‘ã‚³ã‚¯ãƒ¼ãƒ³ã«è¨ç½®ã—ãŸã€ã‚«ã‚¹ã‚¿ãƒ æ¤œç´¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’èª¿æ•´ã—ã¾ã—ãŸ
minamo_bunko 2021/01/09
Tips

CSS
ãƒªãƒ³ã‚¯
æœ€è¿‘ã‚ˆãè¦‹ã‚‹ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«ãƒŒãƒ«ã£ã¨æ‹¡å¤§ã™ã‚‹ç”»åƒã®ä½œã‚Šæ–¹+Î±
æœ€è¿‘ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®è¨˜äº‹ä¸€è¦§ã‚’ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§çµ„ã‚“ã§ã„ã‚‹ãƒ–ãƒã‚°ãŒå¤šã„ã§ã™ã‚ˆãï¼ˆã†ã¡ã®ãƒ–ãƒã‚°ã‚‚ã ã‘ã©ï¼‰ ãã—ã¦ã€ã»ã¨ã‚“ã©ã®ãƒ–ãƒã‚°ãŒå„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã¨ã„ã†ã‚«ãƒ¼ãƒ‰ã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆä¸Šã«ç”»åƒãƒ»ä¸‹ã«ã‚¿ã‚¤ãƒˆãƒ«ï¼‰ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ã¾ãæ™®é€šã«ãŠæ´’è½ã§ã™â€¦ãŒã€ç”»åƒéƒ¨åˆ†ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸæ™‚ã€ä½•ã‚‚ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæŽ›ã‹ã‚‰ãªã„ã®ã£ã¦ã¡ã‚‡ã£ã¨å‘³æ°—ãªã„ã§ã™ã‚ˆãã€‚ ãã“ã§ä»Šå›žã¯ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸéš›ã«ç”»åƒã‚’ãƒŒãƒ«ã£ã¨æ‹¡å¤§ã•ã›ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ï¾‡ï¾™ï¾˜ã€‚
minamo_bunko 2021/01/08
Tips

CSS
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸