[B! ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°] nao-tã®ãƒ

nao-t id:nao-t

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«é–¢ã™ã‚‹nao-tã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

ã€WordPressãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã€‘2ãƒšãƒ¼ã‚¸ç›®ãŒè¡¨ç¤ºã•ã‚Œãªã„å ´åˆã®å¯¾å‡¦æ³• | wp.geek
WordPressã‚µã‚¤ãƒˆåˆ¶ä½œã‚µãƒ¼ãƒ“ã‚¹ã€Œwp.makeã€ã‚„WordPressä¿å®ˆãƒ»é‹ç”¨ã‚µãƒ¼ãƒ“ã‚¹ã€Œwp.supportã€ãªã©ã‚’å±•é–‹ã™ã‚‹æ ªå¼ä¼šç¤¾e2eã®æƒ…å ±ç™ºä¿¡ãƒãƒ¼ãƒ ã§ã™ã€‚ãŠå®¢æ§˜ã®èª²é¡Œè§£æ±ºã«å½¹ç«‹ã¤ã€WordPressã®æœ€æ–°æƒ…å ±ã‚’ãŠå±Šã‘ã„ãŸã—ã¾ã™ã€‚ WordPressã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ãŸã‚‚ã®ã®ã€ã„ã–å‹•ã‹ãã†ã¨ã™ã‚‹ã¨2ãƒšãƒ¼ã‚¸ç›®ä»¥é™ãŒè¡¨ç¤ºã•ã‚Œãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰è¨˜è¿°æ¼ã‚Œã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºè¨å®šã€ãƒ‘ãƒ¼ãƒžãƒªãƒ³ã‚¯ãªã©ã®åŽŸå› ãŒè€ƒãˆã‚‰ã‚Œã€ãã‚Œãžã‚Œå¯¾å‡¦ã™ã‚‹ã“ã¨ã§å•é¡ŒãŒè§£æ±ºã™ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€ã“ã®ã‚ˆã†ãªãƒˆãƒ©ãƒ–ãƒ«ã§ã‚ˆãã‚ã‚‹åŽŸå› ã¨å¯¾å‡¦æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ãŒã†ã¾ãã„ã‹ãªã„åŽŸå› ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒšã—ã¦ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã—ãŸå ´åˆã€å¤§ããåˆ†ã‘ã¦ä»¥ä¸‹ã®4ã¤ã®åŽŸå› ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ å¿…è¦ãªã‚³ãƒ¼ãƒ‰ãŒæŠœã‘ã¦ã—ã¾ã£ã¦æ£ã—ãå‹•ä½œã—ãªã„ã‚±ãƒ¼ã‚¹ è¡¨ç¤ºä»¶æ•°ã®è¨å®šãŒæ£ã—ããªã„ãŸã‚æ£ã—ãå‹•ä½œã—ãªã„ã‚±ãƒ¼ã‚¹ ãƒ‘
nao-t 2024/08/20
wordpress

tips

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

php
ãƒªãƒ³ã‚¯
ã€æœ€æ–°ã€‘ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã¾ã¨ã‚ï½œã©ã®ãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ç¶ºéº—ã«è¦‹ãˆã‚‹ç§˜è¨£ã¨ã¯Â ï½œcaroa times
PCã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ç¾ä»£ã§ã¯ã•ã¾ã–ã¾ãªç¨®é¡žã®ãƒ‡ãƒã‚¤ã‚¹ã‚’é€šã—ã¦Webã‚µã‚¤ãƒˆã‚’é–²è¦§ã—ã¾ã™ã€‚ å¤šç¨®å¤šæ§˜ãªè¦‹æ–¹ãŒå˜åœ¨ã™ã‚‹ã‹ã‚‰ã“ãè¿‘å¹´ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ˆã‚Šé‡è¦è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€2023å¹´ç¾åœ¨ã«ãŠã‘ã‚‹æœ€é©ãªç”»é¢å¹…ã®ã‚µã‚¤ã‚ºã¨ã¯ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚
nao-t 2022/11/03
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

design

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€2023å¹´ç‰ˆã€‘font-familyã®æ£ã—ã„æŒ‡å®šæ–¹æ³•ãƒ»ã‚¿ã‚¤ãƒ—åˆ¥ãŠã™ã™ã‚ãƒ•ã‚©ãƒ³ãƒˆè¨å®šä¾‹
ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹ãŸã‚ã®CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã€Œfont-familyã€ã®æ›¸ãæ–¹ã«ã¤ã„ã¦ä¸€ã‹ã‚‰è©³ã—ãè§£èª¬ã—ã¾ã™ã€‚font-familyã‚’è¨å®šã—ãŸã“ã¨ãŒç„¡ã„æ–¹ã§ã‚‚ã€æ£ã—ããƒ•ã‚©ãƒ³ãƒˆãŒæŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®æ›¸ãæ–¹ã‹ã‚‰ã€OSã”ã¨ã®è¨å®šã®é•ã„ã€ãŠã™ã™ã‚ã®ãƒ•ã‚©ãƒ³ãƒˆè¨å®šä¾‹ãªã©ã‚‚ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã€Œfont-familyã¯ã„ã¤ã‚‚ã‚³ãƒ”ãƒšã—ã¦ã„ã‚‹â€¦ã€ãªã‚“ã¦æ–¹ã‚‚ã€æ£ã—ã„çŸ¥è˜ãŒæœ‰ã‚‹ã‹ç„¡ã„ã‹ã¯å¤§ããªé•ã„ã§ã™ã€‚ãœã²ã“ã®æ©Ÿä¼šã«ã€font-familyã®æ£ã—ã„è¨å®šæ–¹æ³•ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ãã ã•ã„ã€‚ â€»æœ¬è¨˜äº‹ã¯ã€å„OSã®æ¨™æº–ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚„ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆçŠ¶æ³ãªã©ã‚’è¸ã¾ãˆã¦ã€ãªã‚‹ã¹ãæœ€æ–°ã®æƒ…å ±ã‚’ãŠå±Šã‘ã§ãã‚‹ã‚ˆã†ã«ã€å†…å®¹ã‚’éšæ™‚æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚è‘—è€…ã®èª¿æŸ»ã—ãŸæƒ…å ±ã«åŸºã¥ã„ã¦åŸ·ç†ã—ã¦ã„ã‚‹ãŸã‚ã€å†…å®¹ã«é–“é•ã„ã‚„ä¸å‚™ã®ã‚ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ã€‚ï¼ˆæœ€çµ‚èª¿æŸ»æ—¥ï¼š2023å¹´7æœˆï¼‰ font-familyã®å½¹å‰²ã¨ã¯ CSSã®f
nao-t 2022/10/15
ãƒ•ã‚©ãƒ³ãƒˆ

è¨å®š

css

tips

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
Illustratorã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‹ã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å¿…è¦ãªç”»åƒã‚„å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³• | HPcodeï¼ˆãˆã„ã¡ã´ãƒ¼ã“ãƒ¼ã©ï¼‰
Webã‚³ãƒ¼ãƒ€ãƒ¼ã¯Illustratorã‚’å®Œå…¨ã«æ‰±ãˆã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å¿…è¦ãªå€¤ã‚„ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã§ããªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ ï¼ˆIllustratorè‡ªä½“ã¯ã€ã‚ãŸã—ã¯ã»ã¼ä½¿ãˆã¾ã›ã‚“â€¦ï¼žï¼œï¼‰ ã¨ã„ã†ã®ã‚‚ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ãŒä½œæˆã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’å…ƒã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã®ãŒã‚³ãƒ¼ãƒ€ãƒ¼ã®ãŠä»•äº‹ã ã‹ã‚‰ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã¯Illustratorã§ä½œã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã€Illustratorã‹ã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å¿…è¦ãªå€¤ã‚„ç”»åƒã‚’å–å¾—ã™ã‚‹çŸ¥è˜ãŒå¿…è¦ã¨ã„ã†ã“ã¨ã§ã™ãã€‚ ã“ã®è¨˜äº‹ã§ã¯Illustratorã‹ã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹éš›ã«å¿…è¦ãªå€¤ã‚„ç”»åƒã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
nao-t 2022/10/03
Illustrator

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
BEM(MindBEMding)ã«ã¤ã„ã¦ã‚„ã‚„ã“ã—ããªã„èª¬æ˜Žã‚’ã—ã¦ã¿ãŸ - Qiita
ã‚¨ã‚¤ãƒãƒ¼ãƒ ãƒ•ã‚£ãƒŠã‚¸ãƒ¼ ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼2019ã®20æ—¥ç›®ã¯ã€ ä»Šå¹´ã®10æœˆã‹ã‚‰ä¸é€”å…¥ç¤¾ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒãƒ¼ãƒ ã«Joinã•ã›ã¦é ‚ã„ãŸã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®@masaki632dãŒæ‹…å½“ã—ã¾ã™ï¼ èƒŒæ™¯ ç›´è¿‘ã®è‡ªåˆ†ã®å½¹å‰²ã¨ã—ã¦ã€ä¸»ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å¯„ã‚Šã®ä»•äº‹ãŒå¤šã„ã®ã§ã™ãŒã€ æ‹…å½“ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§SCSSã‚’BEMã¨ã„ã†ãƒ«ãƒ¼ãƒ«ã®è¨è¨ˆæ–¹æ³•ã§å®Ÿè£…ã—ã¦ãŠã‚Šã€ BEMã®çŸ¥è˜ã‚„è€ƒãˆæ–¹ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€å‚™å¿˜éŒ²ã‚’å…¼ãã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã®ãŸã‚ã€è‡ªåˆ†ã¨åŒã˜ã‚ˆã†ã«ã€ŒBEMã£ã¦ï¼Ÿï¼Ÿã€ã¨ã„ã†æ–¹ã‚„ã€ŒBEMã‚’ã‚µãƒƒã¨ç†è§£ã—ãŸã„ï¼ã€ã¨ã„ã†æ–¹ã¸ã€ ç†è§£åº¦ãŒã‚¢ãƒƒãƒ—ã™ã‚‹ä¸€åŠ©ã«ãªã‚Œã°ã€ã¨æ€ã„ã¾ã™ï¼ BEMã«ã¤ã„ã¦ BEMã¨ã¯ CSSã®è¨˜è¿°æ–¹æ³•è«–ã®ã“ã¨ ï¼ˆCSSã‚»ãƒ¬ã‚¯ã‚¿ã®ã€Œå‘½åè¦å‰‡ã€ï¼‰ BEMã¯ã€Blockã€Elementã€Modifierã¨ã„ã†3ã¤ã®æ¦‚å¿µã‚’ç†è§£ã§ãã‚Œã°ã€ ã‚ã¨ã¯classåã®å‘½åè¦å‰‡ã«å‰‡ã£ã¦è¨˜è¿°ã™ã‚‹ã ã‘
nao-t 2021/12/17
webãƒ‡ã‚¶ã‚¤ãƒ³

css

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
videoã‚¿ã‚°ã«ã‚ˆã‚‹ãƒ«ãƒ¼ãƒ—ãƒ»è‡ªå‹•å†ç”Ÿå‹•ç”»ã®å®Ÿè£…æ–¹æ³•ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãƒ»ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã®æŽ¨å¥¨å€¤ | ã‚¦ã‚§ãƒ–åˆ¶ä½œ | é›‘å¤šåˆ¶ä½œ - Web/å‹•ç”»/ç´™åª’ä½“ãªã©ã®åˆ¶ä½œæ‰€
ðŸ“ ã‚¦ã‚§ãƒ–åˆ¶ä½œ åˆ¶ä½œé›‘è¨˜ Published @2021-03-16 (Tuesday) Updated @2021-04-03 (Saturday) åŸ·ç†è€… : æ¸…æ°´å…¬å¤ª ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã«videoã‚¿ã‚°ã§ãƒ«ãƒ¼ãƒ—å‹•ç”»ã‚’æŽ²è¼‰ã™ã‚‹ã“ã¨ã¯ã€ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒ©ãƒ³ãƒ‰ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ä¼ãˆã‚‹æœ‰åŠ¹ãªæ‰‹æ³•ã®ã²ã¨ã¤ã§ã™ã€‚ ä¸€æ–¹ã§ã€å‹•ç”»ã¯å½“ç„¶ã®äº‹ãªãŒã‚‰ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ãããªã‚ŠãŒã¡ã§ã™ã€‚ ä»Šå›žã¯ã€ã“ã®videoã‚¿ã‚°ã§ã®å‹•ç”»ã®å®Ÿè£…æ–¹æ³•ï¼ˆã‚³ãƒ¼ãƒ‰ï¼‰ã¨ã€åˆ©ç”¨ã™ã‚‹å‹•ç”»ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®æŽ¨å¥¨ã‚µã‚¤ã‚ºã€ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã®æ–¹æ³•ã‚’å®Ÿä¾‹ã‚’ã‚‚ã¨ã«æ¤œè¨¼ã—ã¾ã™ã€‚ çµè«– ã¾ãšä»Šå›žã®è¨˜äº‹ã®çµè«–ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã¯mp.4ã€ã‚³ãƒ¼ãƒ‡ãƒƒã‚¯ã¯H.264ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º : 3MB ä»¥å†… ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ‡ãƒ¼ã‚¿ã¯å…¥ã‚Œãªã„ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¬ãƒ¼ãƒˆ : 23.98fps è§£åƒåº¦ : 1920px * 1080px ï½ž 1280px * 720px
nao-t 2021/11/29
å‹•ç”»

è¨å®š

tips

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

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
Sassï¼ˆSCSSè¨˜æ³•ï¼‰ã®æ›¸ãæ–¹ç´¹ä»‹ | æ±äº¬ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œ / WEBåˆ¶ä½œä¼šç¤¾ BRISK
2020å¹´ã®å†¬ã‹ã‚‰SassãŒç¤¾å†…æ¨™æº–ã¨ã—ã¦æŽ¡ç”¨ã•ã‚Œã¾ã—ãŸã€‚ æœ€åˆã¯æˆ¸æƒ‘ã„ã¾ã—ãŸãŒã€æ…£ã‚Œã‚‹ã¨CSSã‚’æ›¸ãã®ãŒã¤ã‚‰ããªã‚‹ãã‚‰ã„ä¾¿åˆ©ã§ã™ã€‚ Sassã®ã”ãä¸€éƒ¨ã®æ©Ÿèƒ½ã—ã‹ä½¿ã£ã¦ã„ãªã„ãªã€ã¨æ€ã£ãŸã®ã§æ›¸ãæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Sassã«ã¤ã„ã¦Sassï¼ˆSyntactically Awesome StyleSheetï¼‰ã¯CSSã®ãƒ¡ã‚¿è¨€èªžã§ã™ã€‚CSSã®ãƒ¡ã‚¿è¨€èªžã‚’CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã¨å‘¼ã‚“ã ã‚Šã—ã¾ã™ã€‚ ãƒ¡ã‚¿è¨€èªžã¯è¨€èªžã‚’å®šç¾©ã—ãŸã‚Šã€è¨€èªžã«ã¤ã„ã¦ã®æƒ…å ±ã‚’è¨˜è¿°ã—ãŸã‚Šã™ã‚‹ãŸã‚ã®è¨€èªžã§ã™ã€‚CSSã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã—ãŸè¨€èªžã®1ã¤ãŒSassã¨è¨€ãˆã¾ã™ã€‚ Sassã¯CSSã«å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼‰ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ç’°å¢ƒæ§‹ç¯‰ãŒé¢å€’ã¨ã„ã†æ–¹ã‚‚GUIã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚„VSCodeã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã©ã‚’ä½¿ãˆã°ã€æ°—è»½ã«Sassã‚’å°Žå…¥ã§ãã¾ã™ã€‚ GUIã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Sass(SCSS)ã‚’å§‹ã‚ã‚ˆã†
nao-t 2021/11/21
scss

css

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQuery ã§ innerHTML ã®æ›¸ãæ›ãˆï¼å–å¾—ï¼è¿½è¨˜ï¼å‰Šé™¤ã‚’è¡Œã†æ–¹æ³•
<div> ã‚¿ã‚°ã®å†…å®¹ã‚’ç·¨é›†ã—ãŸã„ï¼ <span> ã‚¿ã‚°ã®å†…å®¹ã‚’ç·¨é›†ã—ãŸã„ï¼ ãã‚“ãªæ™‚ JavaScript ã§ã¯ innerHTML ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚æŒ‡å®šã—ãŸè¦ç´ ã®ä¸èº«ã‚’å–å¾—ã€æ›¸ãæ›ãˆã€ãã—ã¦å‰Šé™¤ãŒè¡Œãˆã¾ã™ã€‚ã“ã‚Œã‚’ jQuery ã§å®Ÿè£…ã™ã‚‹å ´åˆ .html() ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ã—ã‹ã— innerHTML ã®å‡¦ç†ã‚’å…¨ã¦ .html() ã«ç½®ãæ›ãˆã‚‹ã®ã¯ãŠã™ã™ã‚ã§ãã¾ã›ã‚“ã€‚ ç”¨é€”ã«å¿œã˜ã¦ã„ãã¤ã‹ã®é–¢æ•°ã‚’ä½¿ã„åˆ†ã‘ã‚‹ã“ã¨ã§ã€å‡¦ç†å†…å®¹ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ãƒ—ãƒã‚°ãƒ©ãƒ ã«ãªã‚Šã¾ã™ã€‚ã§ã¯å…·ä½“çš„ãªå‡¦ç†ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä¾‹ã«æŒ™ã’ã¦ã€innerHTML ã‚’ jQuery ã§å®Ÿè£…ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã—ã‚‡ã†ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã¯ã€id:hogehoge ã‚’æŒã¤ div è¦ç´ ã«å¯¾ã—ã¦å‡¦ç†ã™ã‚‹ä¾‹ã§èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ãã‚Œãžã‚Œå‡¦ç†ç”¨ãƒœã‚¿ãƒ³ã®ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’èµ·ç‚¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒ ãŒèµ°ã‚‹ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¾ã™ã€‚ <div id
nao-t 2021/09/08
]

jQuery

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ãƒ—ãƒã‚°ãƒ©ãƒ

JavaScript
ãƒªãƒ³ã‚¯
HTMLã®srcsetã‚’ä½¿ã£ã¦ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«Retinaå¯¾å¿œã•ã›ã¦ã¿ã‚ˆã† | Kia King
WEBã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã™ã‚‹ã¨ãã«çµæ§‹å¤§å¤‰ãªã®ãŒç”»åƒã®æ‰±ã„ã€‚iPhoneç‰ã®é«˜è§£åƒåº¦ãƒ‡ãƒã‚¤ã‚¹(Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç‰)ã«ã¯2å€ã®ç”»åƒã‚’ç”¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã—ã€æœ€è¿‘ã¯ç”»é¢ã®ã‚µã‚¤ã‚ºã«ä¼šã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆãŸã„å ´åˆã‚‚å¤šã„ã€‚ãã‚“ãªæ™‚ã«HTML5ã®srcsetãŒã™ã“ã¶ã‚‹ä¾¿åˆ©ã ã£ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ srcsetã§ã§ãã‚‹ã“ã¨ æ¬¡ã®ã‚ˆã†ãªã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å‹•çš„ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§imgã‚¿ã‚°ã«ä½¿ç”¨ã—ã¾ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãã€‚ <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/[email protected] 2x" alt
nao-t 2021/05/13
html5

Webåˆ¶ä½œ

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

tips
ãƒªãƒ³ã‚¯
CSSã§è¤‡æ•°è¡Œã®dtã¨ddã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹æ–¹æ³•ã€åˆå¿ƒè€…å‘ã‘ã€‘
åˆå¿ƒè€…å‘ã‘ã«CSSã§è¤‡æ•°è¡Œã®dtã¨ddã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚dlãƒ»dtãƒ»ddã‚¿ã‚°ã¯å®šç¾©ãƒªã‚¹ãƒˆã¨å‘¼ã°ã‚Œã‚‹è¦ç´ ã§ç”¨èªžã®å¾Œã«èª¬æ˜ŽãŒç¶šãå½¢ã§ä½¿ã„ã¾ã™ã€‚ä»Šå›žã¯dtã‚„ddã‚¿ã‚°ã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦å¦ã³ã¾ã™ã€‚ ãƒ†ãƒƒã‚¯ã‚¢ã‚«ãƒ‡ãƒŸãƒ¼ãƒžã‚¬ã‚¸ãƒ³ã¯å—è¬›è€…æ•°No.1ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã€Œãƒ†ãƒƒã‚¯ã‚¢ã‚«ãƒ‡ãƒŸãƒ¼ã€ãŒé‹å–¶ã€‚åˆå¿ƒè€…å‘ã‘ã«ãƒ—ãƒãŒè§£èª¬ã—ãŸè¨˜äº‹ã‚’å…¬é–‹ä¸ã€‚ç¾å½¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã¯ã“ã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ã€‚ â€» ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒ¢ãƒ‹ã‚¿ãƒ¼æä¾›å…ƒï¼šGMOãƒªã‚µãƒ¼ãƒæ ªå¼ä¼šç¤¾ã€€èª¿æŸ»æœŸé–“ï¼š2021å¹´8æœˆ12æ—¥ï½ž8æœˆ16æ—¥ã€€ èª¿æŸ»å¯¾è±¡ï¼š2020å¹´8æœˆä»¥é™ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã‚’å—è¬›ã—ãŸ18ï½ž80æ³ã®ç”·å¥³1,000åã€€ èª¿æŸ»æ‰‹æ³•ï¼šã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆèª¿æŸ» CSSã§è¤‡æ•°è¡Œã®dtã¨ddã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ dtè¦ç´ ã¨ddè¦ç´ ã‚’æ”¹è¡Œã•ã›ãªã„compactå±žæ€§ãŒãŒHTML5ã‹ã‚‰å»ƒæ¢ã•ã‚ŒãŸã®ã§ã€CSSã§èª¿æ•´ã™ã‚‹å¿…è¦ãŒã‚ã‚Š
nao-t 2021/04/13
css

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

WebçŸ¥è˜

Webåˆ¶ä½œ

tips
ãƒªãƒ³ã‚¯
h1ã‚¿ã‚°ã‚’ãƒã‚´ç”»åƒã«è¨å®šã—ã¦è‰¯ã„ã®ã‹SEO
TOPãƒšãƒ¼ã‚¸ã¯SEOä¸Šh1ã‚¿ã‚°ã«ãƒã‚´ãƒžãƒ¼ã‚¯ç”»åƒã‚’ä½¿ã£ã¦ã‚‚è‰¯ã„ã§ã™ã€‚Altãƒ†ã‚ã‚¹ãƒˆãŒç”»åƒã®èª¬æ˜Žã¨ã‚µã‚¤ãƒˆã®å›ºæœ‰åè©žã‚’å…¼ãã‚‹ãŸã‚ã§ã™ã€‚ TOPä»¥å¤–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒšãƒ¼ã‚¸ã¯SEOä¸Šh1ã¨ãƒã‚´ç”»åƒã¨ã¯åˆ†ã‘ã‚‹ã¹ãã§ã™ã€‚Altãƒ†ã‚ã‚¹ãƒˆãŒç”»åƒã®èª¬æ˜Žã¨h1ã®ãƒ†ã‚ã‚¹ãƒˆã‚’ã‚’å…¼ããªã„ãŸã‚ã§ã™ã€‚ ãã‚Œä»¥å¤–ã®hã‚¿ã‚°ã¯ç”»åƒè¦‹å‡ºã—ã‚’ä½¿ã£ã¦ã‚‚ã„ã„ã§ã™ã€‚Altã«ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’ãã¡ã‚“ã¨å…¥ã‚Œã¾ã—ã‚‡ã†ã€‚ ä»Šã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„SEOã®æ™‚ä»£ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ ä»ŠSEOã§ä½•ã‚ˆã‚Šé‡è¦ãªã®ã¯ã€ä¾¡å€¤ã‚ã‚‹æœ‰ç›Šãªæƒ…å ±ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æä¾›ã§ãã¦ã„ã‚‹ã‹ã©ã†ã‹ã§ã™ã‚ˆãã€‚ ãã‚Œã¾ã§ã¯å¤–éƒ¨ãƒªãƒ³ã‚¯ã‚„headã‚¿ã‚°ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚„ãƒ‡ã‚£ã‚¹ã‚¯ãƒªãƒ—ã‚·ãƒ§ãƒ³ã€ãã—ã¦æœ¬è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹h1ãªã©ã®è¦‹å‡ºã—ã‚¿ã‚°ã®å·¥å¤«ãŒé¨’ãŒã‚Œã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—æœ€è¿‘ã¯ä¸Šè¨˜ã®ã‚ˆã†ãªç´°ã‹ã„éƒ¨åˆ†ã«ã‚ã¾ã‚Šã“ã ã‚ã‚‹å¿…è¦ã¯ç„¡ã„ã¨ã„ã†ã®ãŒä¸€èˆ¬èªè˜ã§ã—ã‚‡ã†ã‹ã€‚ é‡è¦è¦–ã•ã‚Œã‚‹ã®ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ã§ã¯ãªãœä»¥å‰ã®ã‚ˆã†ã«è¨˜è¿°ã®å·¥å¤«ãŒé‡è¦è¦–ã•ã‚Œãªã
nao-t 2021/02/02
Webåˆ¶ä½œ

SEO

tips

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
è¦ç´ ã®é‡ãªã‚Šã«ã¤ã„ã¦æœ¬æ°—å‡ºã—ã¦è€ƒãˆã¦ã¿ãŸï¼ˆz-indexã¨ã‹ä½•ã¨ã‹ã¨ã‹ï¼‰ â€“ No.1026
ã‚ãªãŸã¯html/cssã«ãŠã‘ã‚‹è¦ç´ ã®é‡ãªã‚Šæ–¹ã‚’çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ z-indexã‚’æŒ‡å®šã—ãªã‘ã‚Œã°å…ˆã«æ›¸ã„ãŸã»ã†ãŒä¸‹å±¤ã§å¾Œã«æ›¸ã‘ã°ä¸Šå±¤ã«æ¥ã‚‹ï¼Ÿ ã¨ã„ã†ã‚ã‘ã§ã€å®Ÿã¯å‰²ã‚Šã¨è¤‡é›‘ãªè¦ç´ ã®é‡ãªã‚Šã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ãã“ã¾ã§æ„è˜ã—ãªãã¨ã‚‚æ”¯éšœãŒã§ã‚‹ã“ã¨ã¯æ»…å¤šã«ãªã„ã¨æ€ã„ã¾ã™ãŒã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã¯ãšã§ã™ã€‚ ã¡ãªã¿ã«ã€æ˜¨ä»ŠCSS3ãªã‚‹ã‚‚ã®ãŒæµè¡Œã—ã¦ã„ã¾ã™ãŒã€ã“ã®è¨˜äº‹ã¯W3Cã®CSS2.1å‹§å‘Šï¼ˆã¨ä»˜éŒ²ï¼‰ã‚’å…ƒã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ åŸºæœ¬çš„ãªå†…å®¹ã§ã‚ã‚Šã€ç›®æ–°ã—ã„ã“ã¨ã¯ç‰¹ã«ãªã«ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚¹ã‚¿ãƒƒã‚¯ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã¨ã‚¹ã‚¿ãƒƒã‚¯ãƒ¬ãƒ™ãƒ« ç”¨èªžã¨æ¦‚å¿µã‹ã‚‰ã€‚ ã‚ã‚‹æ„å‘³ã€ã“ã“ãŒä¸€ç•ªã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ã“ã“ãŒã‚ã‹ã‚‰ãªã„ã¨ä½•ã‚‚ã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ ã‚¹ã‚¿ãƒƒã‚¯ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆï¼ˆã‚¹ã‚¿ãƒƒã‚ãƒ³ã‚°ãƒ»ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆï¼‰ ç°¡å˜ã«è¨€ãˆã°autoä»¥å¤–ã®z-indexã¨ä½ç½®ï¼ˆstaticä»¥å¤–ã®positionï¼‰ã‚’æŒ‡å®šã—ãŸè¦ç´ ã«ã‚ˆã£ã¦ç”Ÿæˆã•ã‚Œã‚‹éšŽå±¤æ§‹é€ ã‚’å½¢æˆã™ã‚‹å›ºã¾ã‚Šã§ã™
nao-t 2013/06/25
Webåˆ¶ä½œ

CSS3

z-index

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

position
ãƒªãƒ³ã‚¯
1