[B! webåˆ¶ä½œ] fumiruiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fumirui id:fumirui

webåˆ¶ä½œã«é–¢ã™ã‚‹fumiruiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (170)

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

å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£…ã—ãŸã ã‘ãªã®ã«ã‚¹ãƒ‘ãƒ ãƒ¡ãƒ¼ãƒ«ã®åŠ å®³è€…ã«ãªã£ã¦ã„ãŸè©± - Qiita
ã‚ˆãã‚ã‚‹å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’æä¾›ã—ã¦ã„ãŸã‚‰ã€çŸ¥ã‚‰ã¬é–“ã«ã‚¹ãƒ‘ãƒ ãƒ¡ãƒ¼ãƒ«ã®åŠ å®³è€…ã«ãªã£ã¦ã„ãŸè©±ã§ã™ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒçŸ¥ã£ã¦ãŠãã¹ã ãƒ¡ãƒ¼ãƒ«é€ä¿¡ãƒ»é‹ç”¨ãƒŽã‚¦ãƒã‚¦ã€ãƒ¡ãƒ¼ãƒ«ã®èªè¨¼æŠ€è¡“ã‚„ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«ã¤ã„ã¦æŠ•ç¨¿ã—ã‚ˆã†ï¼ by blastengine Advent Calendar 2024 ã®8æ—¥ç›®ã§ã™ã€‚ è¦ä»¶ ãŠå•ã„åˆã‚ã›å†…å®¹ã®ä»–ã€åå‰ã‚„æ‰€å±žã€ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®å…¥åŠ›ãŒå¿…é ˆ å•ã„åˆã‚ã›å®Œäº†å¾Œã€å…¥åŠ›ã•ã‚ŒãŸãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹å®›ã«è‡ªå‹•å¿œç”ãƒ¡ãƒ¼ãƒ«ã‚’é€ã‚‹ è‡ªå‹•å¿œç”ãƒ¡ãƒ¼ãƒ«ã«ã¯å…¥åŠ›ã•ã‚ŒãŸå•ã„åˆã‚ã›å†…å®¹ã‚’è¨˜è¼‰ã™ã‚‹ åŒæ§˜ã«æŒ‡å®šã—ãŸã‚µãƒ¼ãƒ“ã‚¹æ‹…å½“è€…å®›ã«ã‚‚å•ã„åˆã‚ã›é€šçŸ¥ãƒ¡ãƒ¼ãƒ«ã‚’é€ã‚‹ ä»¥ä¸Šã®è¦ä»¶ã§ä½œæˆã—ã¾ã—ãŸã€‚ å®Ÿç¾æ–¹æ³• ãƒ¡ãƒ¼ãƒ«é€ä¿¡ã«ã¯AWS SESã‚’ä½¿ç”¨ã—ã¾ã—ãŸã€‚å•ã„åˆã‚ã›ç¢ºå®šãƒœã‚¿ãƒ³ã‚’æŠ¼ä¸‹å¾Œã«AWS Lambdaã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é£›ã°ã—ã€SESã¨é€£æºã—ã¦ãƒ¡ãƒ¼ãƒ«ã‚’é€ä¿¡ã™ã‚‹æµã‚Œã§ã™ã€‚ å®Ÿè£…å¾Œã®ã“ã¨ å®Ÿè£…å¾Œã€ã—ã°ã‚‰ãæ£å¸¸ã«ç¨¼åƒã—ã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€
fumirui 2024/12/10
security

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³ã§ä¸å¤®é…ç½®ãŒãšã‚Œã¦ã—ã¾ã†ç†ç”±ã¨è§£æ±ºæ–¹æ³•
UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯ã€è‡³ã‚‹æ‰€ã«ä¸å¤®æƒãˆãŒä½¿ç”¨ã•ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ã‚¢ã‚¤ã‚³ãƒ³ã¨ãƒ†ã‚ã‚¹ãƒˆãŒç¾Žã—ãæƒã‚ãªã„ã€ãƒ†ã‚ã‚¹ãƒˆãŒãƒœã‚¿ãƒ³ã®ä¸å¤®ã‹ã‚‰ãšã‚Œã¦ã„ã‚‹ã€ãã‚“ãªã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ UIãƒ‡ã‚¶ã‚¤ãƒ³ã§ä¸å¤®é…ç½®ãŒãšã‚Œã¦ã—ã¾ã†ã¨ãã®ç†ç”±ã€å®Ÿè£…æ™‚ã«ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãŒã§ãã‚‹ã“ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã§ãã‚‹ã“ã¨ã€æ•°å—çš„ãã—ã¦è¦–è¦šçš„ãªèª¿æ•´æ–¹æ³•ãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã™ãã«å®Ÿè£…ã§è©¦ã—ãŸããªã‚‹ã“ã¨ã°ã‹ã‚Šã§ã™ã€‚ Hardest Probl em in Computer Science: Centering Things by Niki Tonsky ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒ•ã‚©ãƒ³ãƒˆã«ãŠã‘ã‚‹ä¸å¤®æƒãˆ line-heightã«ãŠã‘ã‚‹ä¸å¤®æƒãˆ ã‚¢ã‚¤ã‚³ãƒ³ã«ãŠã‘ã‚‹ä¸å¤®æƒãˆ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ãŠã‘ã‚‹ä¸å¤®æƒãˆ ä¸å¤®é…ç½®ãŒãšã‚Œã¦ã„ã‚‹ã®ã¯ã€ã‚¹ã‚ãƒ«ã®å•é¡Œ æ°´å¹³æ–¹å‘ã®ä¸å¤®æƒãˆ
fumirui 2024/06/01
ui

css

webåˆ¶ä½œ

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

design
ãƒªãƒ³ã‚¯
Midjourneyã‚’ï¼‘å¹´é–“ä½¿ã£ã¦è¦‹ã¤ã‘ãŸã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹ãƒ—ãƒãƒ³ãƒ—ãƒˆå…¨ã‚¬ã‚¤ãƒ‰
ã€Œã©ã†ã™ã‚Œã°AIã‚’Webãƒ‡ã‚¶ã‚¤ãƒ³ã«æ´»ç”¨ã§ãã‚‹ã ã‚ã†ã€ äººå·¥çŸ¥èƒ½ AIãŒã“ã‚Œã ã‘è©±é¡Œã«ãªã£ãŸã„ã¾ã€Webã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚¤ãƒ©ã‚¹ãƒˆã‚„ã‚²ãƒ¼ãƒ ãªã©ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªæ¥å‹™ã‚’ã“ãªã™äººãªã‚‰ã€ä¸€åº¦ã¯è€ƒãˆãŸã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ç”ãˆã®ã²ã¨ã¤ã¯ãšã°ã‚Šã€Midjourneyãªã©ã®ç”»åƒç”ŸæˆAIã§ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å…·ç¾åŒ–ã™ã‚‹ã“ã¨ã€‚ ã—ã‹ã—ã€ãã†ã¯è¨€ã£ã¦ã‚‚å…¥åŠ›ã§ãã‚‹ãƒ—ãƒãƒ³ãƒ—ãƒˆã¯ç„¡é™ã«ã‚ã‚Šã€å®Ÿéš›ã«ã©ã®ã‚ˆã†ã«å…¥åŠ›ã™ã‚Œã°æœ€é«˜ã®çµæžœã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã‹ã€ã™ã¹ã¦èª¿ã¹ã‚‹ã®ã¯ã‚ã¾ã‚Šã«ã‚‚å¤§å¤‰ã§ã™ã€‚ ãã“ã§ã“ã®è¨˜äº‹ã§ã¯ã€Midjourneyã‚’ï¼‘å¹´é–“ä½¿ã„ç¶šã‘ã¦è¦‹ã¤ã‘ãŸã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹Midjourneyãƒ—ãƒãƒ³ãƒ—ãƒˆã€å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å…·ä½“çš„ãªã‚µãƒ³ãƒ—ãƒ«ä¾‹ã¨ãƒ—ãƒãƒ³ãƒ—ãƒˆã‚’ä¸€ç·’ã«è¨˜è¼‰ã—ã¦ãŠã‚Šã€ã‚³ãƒ”ãƒšã§ãã®ã¾ã¾åˆ©ç”¨ã§ãã¾ã™ã€‚ ã€ŒMidjourneyã£ã¦ä½•ï¼Ÿã€ã¨ã„ã†ã²ã¨ã¯ã€åŸºæœ¬ã®ä½¿ã„æ–¹ã‚’ã¾ã¨ã‚ãŸä»¥ä¸‹ã®ã‚¬ã‚¤ãƒ‰ã‚’å‚è€ƒã«ã©
fumirui 2023/11/14
design

AI

webåˆ¶ä½œ

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

ChatGPT

Midjourney
ãƒªãƒ³ã‚¯
RandomA11y - Endless collection of accessible color combos
fumirui 2022/10/20
webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ

design

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

tool
ãƒªãƒ³ã‚¯
åˆ†ã‹ã‚‹ã¨ã€å®Ÿã«ã€ãŠã‚‚ã—ã‚ã„ï¼ QRã‚³ãƒ¼ãƒ‰ã®ä»•çµ„ã¿
å°‘ã—ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªçŸ¥è˜ã€QRã‚³ãƒ¼ãƒ‰ã®ä»•çµ„ã¿ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ QRã‚³ãƒ¼ãƒ‰æ±ºæ¸ˆã€ãƒªãƒ³ã‚¯ã‚’QRã‚³ãƒ¼ãƒ‰ã§æä¾›ã™ã‚‹ãªã©ã€æ—¥å¸¸çš„ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹QRã‚³ãƒ¼ãƒ‰ã«ã‚ã‚‹ãã‚Œãžã‚Œã®ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã—ã¦ã„ã‚‹ã‹ã€ã©ã†ã„ã†å½¹å‰²ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã€ãªãœä¸Šä¸‹é€†ã•ã«ã—ã¦ã‚‚èªã¿å–ã‚Œã‚‹ã®ã‹ã€ãªãœä¸€éƒ¨ãŒéš ã•ã‚Œã¦ã‚‚èªã¿å–ã‚Œã‚‹ã®ã‹ãªã©ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ QR codes by Dan Hollick (@DanHollick) ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« QRã‚³ãƒ¼ãƒ‰ã®ä»•çµ„ã¿ çµ‚ã‚ã‚Šã« ã¯ã˜ã‚ã« QRã‚³ãƒ¼ãƒ‰ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã—ã¦ã„ã‚‹ã®ã‹ã€ç–‘å•ã«æ€ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ æŽ§ãˆã‚ã«è¨€ã£ã¦ã€å®Ÿã«ã€ãŠã‚‚ã—ã‚ã„ï¼ æ³¨æ„: ã“ã®è¨˜äº‹â¬‡ã§ã¯éžå¸¸ã«ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªå†…å®¹ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ QRã‚³ãƒ¼ãƒ‰ã®ä»•çµ„ã¿ QRã‚³ãƒ¼ãƒ‰ï¼ˆQuick Response codeï¼‰ã¯è‡ªå‹•è»Šéƒ¨
fumirui 2022/10/01
IT

technology

algorithm

design

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Adobeã€Figmaã‚’ç´„2.9å…†å††ã§è²·åŽã¸ã€€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ©ãƒœãƒ„ãƒ¼ãƒ«å¤§æ‰‹
ç±³Adobeã¯9æœˆ15æ—¥ï¼ˆç¾åœ°æ™‚é–“ï¼‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«å¤§æ‰‹ã®Figmaã‚’200å„„ãƒ‰ãƒ«ï¼ˆç´„2.9å…†å††ï¼‰ã§è²·åŽã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã€‚2023å¹´å†…ã«è²·åŽã‚’å®Œäº†ã™ã‚‹äºˆå®šã¨ã—ã¦ã„ã‚‹ã€‚ Figmaã¯ã€Webã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œå…¨èˆ¬ã‚’Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Œçµã§ãã‚‹ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã€‚ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒžãƒã‚¸ãƒ£ãƒ¼ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒžãƒ¼ã‚±ã‚¿ãƒ¼ãªã©ã€éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼äººæã‚‚å‚åŠ ã—ã¦ã€ä¸€ç·’ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚Šä¸Šã’ã‚‰ã‚Œã‚‹ã®ãŒç‰¹å¾´ã€‚ãƒãƒ¼ãƒ ã§ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆåˆ¶ä½œã‚’æ”¯æ´ã™ã‚‹ã€‚ æµ·å¤–ã§ã¯Googleã€Microsoftã€vmwareã€Twitterã€Uberã€Blockï¼ˆæ—§Squareï¼‰ãªã©ãƒ†ãƒƒã‚¯ã‚¸ãƒ£ã‚¤ã‚¢ãƒ³ãƒˆã§å°Žå…¥ã•ã‚Œã¦ãŠã‚Šã€å›½å†…ã§ã‚‚ãƒ¤ãƒ•ãƒ¼ã€LINEã€æ¥½å¤©ã€å¯Œå£«é€šãªã©ãŒã™ã§ã«æŽ¡ç”¨ã—ã¦ã„ã‚‹ã€‚2022å¹´7æœˆã«ã¯æ—¥æœ¬é€²å‡ºã‚’æžœãŸã—ãŸã°ã‹ã‚Šã ã€‚ è²·åŽå¾Œã¯ã€Figmaã®å…±åŒå‰µæ¥è€…å…¼CEOã®ãƒ‡ã‚£ãƒ©ãƒ³ãƒ»ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰æ°ãŒå¼•ãç¶šãFigmaãƒãƒ¼ãƒ
fumirui 2022/09/17
ã‚„ã ãªã€‚ã€‚ã€‚

adobe

design

business

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
é˜¿éƒ¨å¯›ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ã•ã‚‰ã«é«˜é€ŸåŒ–ã—ãŸçŒ›è€…ç¾ã‚‹ã€€35ï¼…ã®é«˜é€ŸåŒ–ã«æˆåŠŸã—é€Ÿåº¦åˆ¶é™æœªæº€ã§ã‚‚ä¸€çž¬ã§è¡¨ç¤ºå¯èƒ½ã«
ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã«ã‚ˆã‚Šçˆ†é€Ÿã§è¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ã§æœ‰åãªé˜¿éƒ¨å¯›ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã§ã™ãŒã€ã•ã¾ã–ã¾ãªæŠ€è¡“ã‚’é§†ä½¿ã—ã¦ã•ã‚‰ã«35ï¼…ã®é«˜é€ŸåŒ–ã‚’å®Ÿç¾ã—ãŸå‹•ç”»ãŒäººæ°—ã§ã™ã€‚ãœã²æœ¬å®¶ã‚µã‚¤ãƒˆã§ã‚‚å–ã‚Šå…¥ã‚Œã¦ã»ã—ã„æ”¹å–„ç–ã€‚ ã¾ã é«˜é€ŸåŒ–ã®ä½™åœ°ãŒâ€¦â€¦!? ã“ã®å‹•ç”»ã‚’å…¬é–‹ã—ãŸã®ã¯ã€ã‚³ã‚¹ãƒ¡ãƒ†ã‚£ãƒƒã‚¯ç”°ä¸ã•ã‚“ï¼ˆYouTubeï¼Twitterï¼‰ã€‚å‹•ç”»ã«ã‚ˆã‚‹ã¨ã€é˜¿éƒ¨å¯›ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãŒãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãƒ“ãƒ«ãƒ€ãƒ¼ã¨ã„ã†ã‚„ã‚„å¤ã„ã‚½ãƒ•ãƒˆã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ãªã©ã€è¿‘ä»£çš„ãªæŠ€è¡“ã‚’é§†ä½¿ã™ã‚Œã°æ”¹å–„ã§ãã‚‹ä½™åœ°ãŒè¦‹ã‚‰ã‚Œã‚‹ã“ã¨ã‚’ç™ºè¦‹ã—ã€é«˜é€ŸåŒ–ã«ä¹—ã‚Šå‡ºã—ãŸãã†ã§ã™ã€‚ ä»Šå›žå®Ÿæ–½ã™ã‚‹é«˜é€ŸåŒ– ã“ã®2ç‚¹ã‚’æ”¹å–„ã—ã¦ã„ãã¾ã™ æœ€åˆã«å®Ÿæ–½ã—ãŸé«˜é€ŸåŒ–ã¯ã€ã‚µã‚¤ãƒˆã®é€šä¿¡é€Ÿåº¦ã®æ”¹å–„ã‹ã‚‰ã€‚CDNã¨ã„ã†æŠ€è¡“ã§é€šä¿¡é€Ÿåº¦ã‚’ä¸Šã’ã‚‹æŠ€è¡“ã‚’ä½¿ç”¨ã™ã‚‹ãŸã‚ã€Amazonã®CloudFrontã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãã®ã¾ã¾ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã€ã‚³ãƒ”ãƒ¼ã®é˜¿éƒ¨å¯›ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã™ ã“ã®CDN
fumirui 2022/07/20
webåˆ¶ä½œ

technology

neta
ãƒªãƒ³ã‚¯
WCAG - Contrast Checker
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sd diam nonmumy eiusmod rom tempor incidunt ut lsbore et dolore magna aliquam erat volupat.
fumirui 2021/08/12
webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹

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

accessibility
ãƒªãƒ³ã‚¯
Web Content Accessibility Guidelines (WCAG) 2.0
ã€æ³¨æ„ã€‘ ã“ã®æ–‡æ›¸ã¯ã€2008 å¹´ 12 æœˆ 11 æ—¥ä»˜ã® W3C å‹§å‘Šã€ŒWCAG 2.0ã€ (åŽŸæ–‡ã¯è‹±èªž)ã‚’ã€æƒ…å ±é€šä¿¡ã‚¢ã‚¯ã‚»ã‚¹å”è°ä¼šã®ã€Œã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£åŸºç›¤å§”å“¡ä¼š (WAIC)ã€ãŒç¿»è¨³ã¨ä¿®æ£ã‚’ãŠã“ãªã£ã¦å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ã“ã®æ–‡æ›¸ã®æ£å¼ç‰ˆã¯ã€ã‚ãã¾ã§ W3C ã®ã‚µã‚¤ãƒˆå†…ã«ã‚ã‚‹è‹±èªžç‰ˆã§ã‚ã‚Šã€ã“ã®æ–‡æ›¸ã«ã¯ç¿»è¨³ä¸Šã®é–“é•ã„ã€ã‚ã‚‹ã„ã¯ä¸é©åˆ‡ãªè¡¨ç¾ãŒå«ã¾ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ ã€æ³¨æ„ã€‘ã“ã®æ–‡æ›¸ã«ã¯ã‚ˆã‚Šæ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå˜åœ¨ã—ã¾ã™: Web Content Accessibility Guidelines (WCAG) 2.1 W3C å‹§å‘Š 2008 å¹´ 12 æœˆ 11 æ—¥ã“ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³:http://www.w3.org/TR/WCAG20/å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³:
fumirui 2021/08/12
webåˆ¶ä½œ

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

ui

éšœå®³
ãƒªãƒ³ã‚¯
I/O 3000
I/O 3000ã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã‚ã‚‹äººã®ãŸã‚ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚å›½å†…å¤–ã‚’å•ã‚ãšã€Webåˆ¶ä½œã®å‚è€ƒã¨ãªã‚‹ã‚µã‚¤ãƒˆã‚’ã‚»ãƒ¬ã‚¯ãƒˆã—ã¦ã„ã¾ã™ã€‚
fumirui 2021/08/12
webåˆ¶ä½œ

design

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Web Design Clip [WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¯ãƒªãƒƒãƒ—ãƒ»ãƒªãƒ³ã‚¯é›†]
Web Design Clipã¯ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãƒ»Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã®å‚è€ƒã«ãªã‚‹æ—¥æœ¬ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ»ã‚¯ãƒªãƒƒãƒ—é›†ã§ã™ã€‚ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æŠ¼ã•ãˆãŸã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ã®é«˜ã„Webã‚µã‚¤ãƒˆã‚’ã‚¯ãƒªãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚
fumirui 2021/08/12
webåˆ¶ä½œ

design

è³‡æ–™

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
å…¨éƒ¨ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¦ä¾¿åˆ©ï¼iPhone, iPadãªã©ã€Appleãƒ‡ãƒã‚¤ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãƒ»è§£åƒåº¦ã®ã¾ã¨ã‚ -Screen Sizes
Webã‚µã‚¤ãƒˆåˆ¶ä½œè€…ãƒ»ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªé–‹ç™ºè€…å‘ã‘ã€Appleãƒ‡ãƒã‚¤ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã€å„ã‚µã‚¤ã‚ºã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ãƒ¢ãƒ‡ãƒ«ã€è§£åƒåº¦ã€PPIã€è¡¨ç¤ºã‚¿ã‚¤ãƒ—ã€æ¯”çŽ‡ã€æœ€å¾Œã«ã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸOSã€ã‚»ãƒ¼ãƒ•ã‚¨ãƒªã‚¢ã€ã‚µã‚¤ã‚ºã‚¯ãƒ©ã‚¹ã€ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã®ã‚µã‚¤ã‚ºæƒ…å ±ãªã©ã€å®Ÿè£…æ™‚ã«å½¹ç«‹ã¤æƒ…å ±ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸScreen Sizesã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…ˆé€±ãƒãƒ¼ãƒ³ãƒã•ã‚ŒãŸã°ã‹ã‚Šã®ã‚µã‚¤ãƒˆã§ã€2021å¹´æœ€æ–°ãƒ¢ãƒ‡ãƒ«ã®iPad Proã‹ã‚‰ã€2007å¹´ã®iPhoneã¾ã§ã€æœ€æ–°æ©Ÿç¨®ã‹ã‚‰åˆä»£ã¾ã§ã®ãƒ‡ãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚ºãŒç¶²ç¾…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Screen Sizes ã‚µã‚¤ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ã®ã¯ç°¡å˜ã€ç™»éŒ²ãªã©é¢å€’ãªã“ã¨ã¯ä¸€åˆ‡ä¸è¦ã§ã™ã€‚ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‹ã‚‰ãƒ‡ãƒã‚¤ã‚¹ã‚’é¸æŠžã—ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚ã‚‹ã„ã¯ãƒ¢ãƒ‡ãƒ«ã‚’é¸æŠžã—ã¾ã™ã€‚ ç§ãŒä½¿ç”¨ã—ã¦ã„ã‚‹iPhone 12 Proã‚’è¦‹ã¦ã¿ã¾ã—ãŸã€‚ ã‚µã‚¤ãƒˆã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€shiftã‚ãƒ¼ã‚’æŠ¼ã™ã¨ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã®ä¸€è¦§ãŒè¡¨ç¤ºãƒ»éž
fumirui 2021/05/17
apple

iPhone

iPad

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã¨ã»ã»ã®é™¶ç£å™¨å…¥é–€ - ã¨ã»ã»ã®WWWå…¥é–€
ã¯ã˜ã‚ã« é™¶ç£å™¨ã¨ã¯ ç„¼ãç‰©ã®å·¥ç¨‹ ç„¼ç‰©ç”¨èªž åœ°å›³ çŸ¥ååº¦ æ—¥æœ¬å„åœ°ã®é™¶ç£å™¨ åŒ—æµ·é“ æœå¹Œç„¼ï¼ˆã•ã£ã½ã‚ã‚„ãï¼‰ å²©æ‰‹çœŒ å°ä¹…æ…ˆç„¼ï¼ˆã“ãã˜ã‚„ãï¼‰ å±±å½¢çœŒ ä¸Šã®ç•‘ç„¼ï¼ˆã‹ã¿ã®ã¯ãŸã‚„ãï¼‰ å®®åŸŽçœŒ å ¤ç„¼ï¼ˆã¤ã¤ã¿ã‚„ãï¼‰ èŒ¨åŸŽçœŒ ç¬ é–“ç„¼ï¼ˆã‹ã•ã¾ã‚„ãï¼‰ æ ƒæœ¨çœŒ ç›Šåç„¼ï¼ˆã¾ã—ã“ã‚„ãï¼‰ çŸ³å·çœŒ ä¹è°·ç„¼ï¼ˆããŸã«ã‚„ãï¼‰ ç æ´²ç„¼ï¼ˆã™ãšã‚„ãï¼‰ ç¦äº•çœŒ è¶Šå‰ç„¼ï¼ˆãˆã¡ãœã‚“ã‚„ãï¼‰ å²é˜œçœŒ ç¾Žæ¿ƒç„¼ï¼ˆã¿ã®ã‚„ãï¼‰ æ„›çŸ¥çœŒ ç€¬æˆ¸ç„¼ï¼ˆã›ã¨ã‚„ãï¼‰ å¸¸æ»‘ç„¼ï¼ˆã¨ã“ãªã‚ã‚„ãï¼‰ ä¸‰é‡çœŒ è¬å¤ç„¼ï¼ˆã°ã‚“ã“ã‚„ãï¼‰ ä¼Šè³€ç„¼ï¼ˆã„ãŒã‚„ãï¼‰ æ»‹è³€çœŒ ä¿¡æ¥½ç„¼ï¼ˆã—ãŒã‚‰ãã‚„ãï¼‰ è†³æ‰€ç„¼ï¼ˆãœãœã‚„ãï¼‰ äº¬éƒ½åºœ æ¥½ç„¼ï¼ˆã‚‰ãã‚„ãï¼‰ äº¬ç„¼ãƒ»æ¸…æ°´ç„¼ï¼ˆãã‚‡ã†ã‚„ããƒ»ã—ã¿ãšã‚„ãï¼‰ æœæ—¥ç„¼ï¼ˆã‚ã•ã²ã‚„ãï¼‰ å…µåº«çœŒ å‡ºçŸ³ç„¼ï¼ˆã„ãšã—ã‚„ãï¼‰ ä¸¹æ³¢ç„¼ï¼ˆãŸã‚“ã°ã‚„ãï¼‰ æ˜ŽçŸ³ç„¼ï¼ˆã‚ã‹ã—ã‚„ãï¼‰ å¥ˆè‰¯çœŒ èµ¤è†šç„¼ï¼ˆã‚ã‹ã¯ã ã‚„ãï¼‰ å’ŒæŒå±±çœŒ ç‘žèŠç„¼ï¼ˆãšã„ã—ã‚„ãï¼‰ å•æ¥½åœ’ç„¼ï¼ˆã‹ã„ã‚‰ããˆã‚“ã‚„ãï¼‰ ç”·å±±ç„¼ï¼ˆãŠã¨ã“
fumirui 2021/04/27
webåˆ¶ä½œ

å·¥èŠ¸

æ–‡åŒ–

è€ƒãˆæ–¹
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒã¾ã¨ã‚ã¦ã„ã‚‹ã€ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®æŒ‡é‡ã§ã™ã€‚ã“ã‚Œã‚‰ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹æ§˜ã€…ãªæ–‡çŒ®ã¨ã€å®Ÿéš›ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã§å¾—ãŸçŸ¥è¦‹ã‚’ã‚‚ã¨ã«ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒç‹¬è‡ªã«ç·¨çº‚ã—ãŸã‚‚ã®ã§ã™ã€‚ç¶™ç¶šçš„ã«è¿½åŠ ãƒ»æ›´æ–°ã—ã¦ã„ãã¾ã™ã€‚ ã™ã¹ã¦ãƒ¢ãƒ‡ãƒ«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³
fumirui 2021/01/07
ui

design

webåˆ¶ä½œ

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

å‹‰å¼·
ãƒªãƒ³ã‚¯
100 DAYS OF POETRY
100 DAYS OF POETRY is an artwork, which consists of a graphic designÂ NottyÂ created per day for 100 days. These 100 days were also the days when he faced his own complexes and frustrations. He thought he could get closer to his ideal self by doing this project. He did not create each work as a separate piece of art, but instead expressed his feelings and thoughts as 100 graphics as if he were writi
fumirui 2020/06/17
webåˆ¶ä½œ

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

graphic
ãƒªãƒ³ã‚¯
Vue.jsï¼‹Vuexï¼‹TypeScriptã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç¾å ´ã‚’å‰å‘ãã«æ”¹å–„ã—ãŸè©± - ZOZO TECH BLOG
ã“ã‚“ã«ã¡ã¯ã€‚Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ¾äº•èœç©‚åã§ã™ã€‚ ZOZOãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚ºã«å…¥ç¤¾ã—ã¦ä¸€å¹´ã»ã©çµŒã¡ã¾ã™ã€‚ ã‚ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®ç«‹ã¡ä¸Šã’ã‹ã‚‰é‹ç”¨ã¾ã§ã€Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒãƒ¼ãƒ ãƒªãƒ¼ãƒ€ãƒ¼ãƒ»é–‹ç™ºãƒ¡ãƒ³ãƒãƒ¼ã¨ã—ã¦é–¢ã‚ã£ã¦ãã¾ã—ãŸã€‚ å½“è¨˜äº‹ã§ã¯ã€å½“ç¤¾ã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç¾å ´ã«ã‚ã£ãŸå•é¡Œã¨ã€ãã‚Œãžã‚Œã®èª²é¡Œã«å¯¾ã—ã¦å …å®Ÿã«ç©ã¿é‡ããŸæŠ€è¡“çš„ãªæ”¹å–„æ–¹æ³•ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒ¢ãƒ€ãƒ³ãªæŠ€è¡“ã§ã‚‚è² å‚µã¯ç”Ÿã¾ã‚Œã‚‹ è² å‚µã‚’ä½•æ•…æ”¹å–„ã™ã‚‹ã®ã‹ è¦å› ãã®1: Vueã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç¶ºéº—ã«åˆ†å‰²ã™ã‚‹ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ ä½¿ç”¨ä¾‹ è§£æ±ºç– ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ ä½¿ç”¨ä¾‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ä½¿ç”¨ä¾‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚«ã‚¿ãƒã‚°ã§æ±Žç”¨åŒ–ã‚’ä¿ƒã™ ã‚³ãƒ¼ãƒ‰ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆatoms.vueï¼‰ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ï¼ˆatoms.vueï¼‰ ã‚µãƒ³ãƒ—ãƒ« ãã®2: Vuexã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã™ã‚‹ Sta
fumirui 2019/05/14
webåˆ¶ä½œ

é–‹ç™º
ãƒªãƒ³ã‚¯
æ‹å•“ã€ãŠå®¢æ§˜ã€‚Webã‚µã‚¤ãƒˆåˆ¶ä½œã®ã‚³ã‚¹ãƒˆã¯ã“ã“ã«ã‹ã‹ã‚Šã¾ã™ã€‚ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ä»¤å’Œã§ã™ãã€‚ã“ã‚“ã«ã¡ã¯ã€‚ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã¾ã•ãã«ã§ã™ã€‚ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ã§ä¼‘ã‚“ã§ã„ãŸã‚‰ã€ã‚·ãƒ¥ãƒ¯ã‚·ãƒ¥ãƒ¯ã¨ç‹çµ„ç¹”ãŒèžè§£ã—ã€ã€Œè‡ªç„¶ã«å¸°ã‚ã†â€¦â€¦è‡ªç„¶ã«å¸°ã‚ã†â€¦â€¦ã€ã¨éºä¼åã«åˆ»ã¿è¾¼ã¾ã‚ŒãŸå†…ãªã‚‹å£°ãŒåƒ•ã‚’å…‰å°„ã™æ–¹ã¸èª˜ã„ã¾ã—ãŸã€‚ã‚‚ã¯ã‚„ç¤¾ä¼šå¾©å¸°ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œãªã„ã€‚ ã•ã¦ã€‚ã•ã¦ã•ã¦ã€‚ çš†ã•ã¾ã€ã„ã‹ãŒãŠéŽã”ã—ã§ã™ã‹ã€‚æ–°ã—ã„æœŸã«å…¥ã‚Šã€å¿ƒæ©Ÿä¸€è»¢ã—ãŸã„æ°—æŒã¡ã§ã—ã‚‡ã†ã‹ã€‚ä½•ãªã‚‰ã‚¢ãƒ¬ã§ã™ã‹ã€‚ãŠæŒã¡ã®Webã‚µã‚¤ãƒˆã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã„ã€ãã‚“ãªæ°—æŒã¡ã‚’ãã‚ãã‚ãŠæŒã¡ã§ã—ã‚‡ã†ã‹ã€‚ å¤±ç¤¼ãªãŒã‚‰ã€ãã®ãŠæ°—æŒã¡ã€ ãŸã¶ã‚“5ãƒ¶æœˆã€é…ã„ã§ã™ï¼ ä»•äº‹ã¨ã—ã¦Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã«æºã‚ã£ã¦ã‹ã‚‰ã€5å¹´ãã‚‰ã„ãŒéŽãŽã¾ã—ãŸã€‚ç¾åœ¨ã¯ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®ä½œæ¥ã‚’è¡Œã„ãªãŒã‚‰ã€TDï¼ˆãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ï¼‰ã‚„PMï¼ˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ï¼‰ã¨ã—ã¦ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«é–¢ã‚ã‚‹ã“ã¨ã‚‚å¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚ãã®è¦³ç‚¹ã‹ã‚‰è¨€ã£ã¦ã€ãŠå®¢æ§˜ã¨æˆ‘ã€…ã®é–“ã«ã¯ã€ŒWebåˆ¶ä½œã€ã®è€ƒãˆæ–¹ã«ãŠ
fumirui 2019/05/09
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’åˆ†æžã—ã€ã‚³ãƒ¼ãƒ‰ã®æ§‹é€ ã‚„éšŽå±¤ãƒ»ä¾å˜é–¢ä¿‚ã‚’å¯è¦–åŒ–ã™ã‚‹ä¾¿åˆ©ãªç„¡æ–™ãƒ„ãƒ¼ãƒ« -Code Crumbs
ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆ â€»ä¾å˜é–¢ä¿‚ãƒ»ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã¯JavaScriptã®ã¿ã§ã™ã€‚ å¯¾å¿œè¨€èªžã¯ã€ä¸‹è¨˜ã®é€šã‚Šã€‚ JavaScript TypeScript Python PHP Java C++ æœ›ã‚€è¨€èªžãŒä»–ã«ã‚ã‚Œã°Issueã«ã©ã†ãžã€ã¨ã®ã“ã¨ã§ã™ã€‚ Code Crumbsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ã§ãã®å‹•ä½œã‚’ç¢ºèªã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ä¾å˜é–¢ä¿‚ã¯Dependenciesã‚’ã‚ªãƒ³ã«ã€ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã¯FlowChartã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ Code Crumbsã®ä½¿ã„æ–¹ ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— codecrumbã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ï¼ˆyarn global add codecrumbsï¼‰ã€‚ codecrumbs -d project-src-dir -e project-src-dir/index.jsã‚’å®Ÿè¡Œã—ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«åˆã‚ã›ã¦ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’å¤‰æ›´ã—ã¾ã™ã€‚-dã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å«ã‚€ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆ
fumirui 2019/02/26
webåˆ¶ä½œ

tool
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆï½œ37ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä¸€è¦§ã§è§£èª¬
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã§ã¯ã€è¦ç´ ã‚»ãƒ¬ã‚¯ã‚¿ / classã‚»ãƒ¬ã‚¯ã‚¿ / idã‚»ãƒ¬ã‚¯ã‚¿ / å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ / è¤‡æ•°ã‚»ãƒ¬ã‚¯ã‚¿ / åå«ã‚»ãƒ¬ã‚¯ã‚¿ / å…„å¼Ÿã‚»ãƒ¬ã‚¯ã‚¿ / éš£æŽ¥ã‚»ãƒ¬ã‚¯ã‚¿ / æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ / æ“¬ä¼¼è¦ç´ / å…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‹ã‚‰37ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã‚»ãƒ¬ã‚¯ã‚¿ã®èª¬æ˜Žã¨å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã§ä½¿ã„æ–¹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
fumirui 2019/02/08
css

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Diana Smith | UI Engineer / Web Developer / Frontend Specialist | cyanharlow @ GitHub
Diana Smith | UI Engineer / Web Developer / Frontend Specialist - Diana Smith aka cyanHarlow
fumirui 2018/05/29
webåˆ¶ä½œ

ui

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