[B! design] kiririmodeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kiririmode id:kiririmode

designã«é–¢ã™ã‚‹kiririmodeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (70)

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

Figma MCPã¨Code Connectã§å®Ÿè£…åŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹æ–¹æ³• - Sansan Tech Blog
ã“ã‚“ã«ã¡ã¯ã€æŠ€è¡“æœ¬éƒ¨ Contract One Engineering Unitã§AIå¥‘ç´„ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã€ŒContract Oneã€ã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹äº•ä¸Šã§ã™ã€‚ ä»Šå›žã¯ã€ç¾åœ¨å„æ‰€ã§æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹Figma MCPï¼ˆModel Context Protocolï¼‰ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ Figma MCPã¨ã¯ Figma MCPã®è¨å®šæ–¹æ³• 1. Figma ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 2. MCPã®æœ‰åŠ¹åŒ– 3. MCPã‚µãƒ¼ãƒãƒ¼ã®è¨å®š 4. è¨å®šå®Œäº† Figma Code Connectã®è¨å®šæ–¹æ³• 1. @figma/code-connectã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 2. ã‚¢ã‚¯ã‚»ã‚¹ãƒˆãƒ¼ã‚¯ãƒ³ã®å–å¾— 3. Figmaã¨ã®æŽ¥ç¶š 4. ã²ãªåž‹ã‚³ãƒ¼ãƒ‰ã®ç”Ÿæˆ 5. Prop Mappingã®è¨å®š 6. è¨å®šã®åæ˜ å®Ÿéš›ã®æ´»ç”¨äº‹ä¾‹ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¿®æ£ã«çˆ†é€Ÿã§å¯¾å¿œã™ã‚‹ æ–°ã—ã„ç”»é¢ã‚’çˆ†é€Ÿã§ä½œã‚‹ ã¾ã¨ã‚ å‚è€ƒãƒªãƒ³ã‚¯ Figma M
kiririmode 2025/07/30
mcp

figma

react

design
ãƒªãƒ³ã‚¯
AI ã§æ–‡ç« ã‚’ã‹ã—ã“ãæ¯”è¼ƒï¼ Sentence-Transformers ã®ã”ç´¹ä»‹ | SBãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ (SBT)
DX station AI ã§æ–‡ç« ã‚’ã‹ã—ã“ãæ¯”è¼ƒï¼ Sentence-Transf ormers ã®ã”ç´¹ä»‹ å°åˆ·ã™ã‚‹ ã“ã‚“ã«ã¡ã¯ã€‚ãƒ‡ãƒ¼ã‚¿ã‚µã‚¤ã‚¨ãƒ³ã‚¹ãƒãƒ¼ãƒ ã®é«˜æ©‹ã§ã™ã€‚ ä»¥å‰ã®è¨˜äº‹ã§ã¯ Transf ormers ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ´»ç”¨ã—ã¦ BERT ã‚„ ELECTRA ã®åˆ©ç”¨æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚Transf ormers ã¯ BERT ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹è‡ªç„¶è¨€èªžå‡¦ç†ãƒ¢ãƒ‡ãƒ«ã‚’ä½¿ã†ã¨ãã«å¿…ãšã¨è¨€ã£ã¦ã‚ˆã„ã»ã©åˆ©ç”¨ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€å½“ç¤¾ã§ã‚‚æ§˜ã€…ãªæ¡ˆä»¶ã‚„æ¥å‹™ã§æ´»ç”¨ã—ã¦ã„ã¾ã™ã€‚ éžå¸¸ã«æ±Žç”¨æ€§ã®é«˜ã„ Transf ormers ã§ã™ãŒã€ä¸€æ–¹ã§ç‰¹å®šã®ãƒ¢ãƒ‡ãƒ«ã‚’ã‚ˆã‚Šç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚å˜åœ¨ã—ã¦ãŠã‚Šã€ç›®çš„ã«å¿œã˜ã¦ä½¿ã„åˆ†ã‘ã‚‹ã¨åŠ¹æžœçš„ã§ã™ã€‚ãã“ã§ä»Šå›žã¯ã€æ–‡ç« ã®å‡¦ç†ã«æœ‰åŠ¹ãª Sentence-Transf ormers ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å–ã‚Šä¸Šã’ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Sentence-Transf ormers ã§ã¯æ–‡ç« ã‚’é©åˆ‡ãªãƒ™
kiririmode 2025/07/01
æ–‡ç« é–“ã®æ„å‘³è«–ã§ã®é¡žä¼¼åº¦æ¯”è¼ƒã€‚è¨è¨ˆãŒä¼¼é€šã£ã¦ã„ãŸã‚‰å…±é€šã‚³ãƒ³ãƒã‚„æŠ½è±¡åŒ–ä½™åœ°ã«ç¹‹ã’ã‚‰ã‚Œã‚‹

ai

ci

design

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

postgresql

db

design
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ¡ã‚¤ãƒ³ç®¡ç†ã®ãƒ‡ãƒ¼ã‚¿ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã«ãŠã‘ã‚‹é‡è¦æ€§ - Qiita
ã“ã®ãƒ«ãƒ¼ãƒ«ã«å¾“ã†ã¨å…ˆã®ä¾‹ã§ã¯ ä¸Šå¸ç¤¾å“¡IDï¼ˆä¸Šå¸ + ç¤¾å“¡ + IDï¼‰ã«ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ï¼ˆã¾ã©ã‚ã£ã“ã—ã„ã¨æ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å±žæ€§ã®å‘½åã¯åå‰ã‚’è¦‹ã¦æ„å‘³ã‚’ç†è§£ã§ãã‚‹ã“ã¨ãŒé‡è¦ã§ã™ï¼‰ã€‚ ã“ã®éš› [ä¸»è¦èªž] + [åŒºåˆ†èªž] ãŒãƒ‰ãƒ¡ã‚¤ãƒ³åã¨ä¸€è‡´ã™ã‚‹ã“ã¨ãŒå¤šãï¼ˆä»Šå›žã ã¨ ç¤¾å“¡IDï¼‰ã€ãƒ‰ãƒ¡ã‚¤ãƒ³ç®¡ç†ã‚’ã—ã¦ãŠãã¨å‘½åã®æºã‚Œã‚’æŠ‘ãˆã‚‹ã€ãƒ«ãƒ¼ãƒ«ã«æ²¿ã£ãŸæ©Ÿæ¢°çš„ãªå‘½åã‚„ãã®ãƒã‚§ãƒƒã‚¯ãŒã—ã‚„ã™ããªã‚‹ãªã©ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ï¼ˆã‚‚ã¡ã‚ã‚“ã€ã“ã‚“ãªã«å˜ç´”ã§ãªã„ã‚±ãƒ¼ã‚¹ã¯ã‚ã‚Šã¾ã™ã—ã€ã¹ãè«–ã¨ã—ã¦ã¯ã‚ˆã‚Šç´°ã‹ãä¿®é£¾èªžã€ä¸»è¦èªžã€åŒºåˆ†èªžã‚’è¾žæ›¸ã¨ã—ã¦ç®¡ç†ã—ãŸæ–¹ãŒè‰¯ã„ã¨ã„ã†ã“ã¨ã¯ã‚ã‚‹ã®ã§ã™ãŒï¼‰ (2) ãƒ‡ãƒ¼ã‚¿åž‹ãªã©ã®ä¿®æ£æ™‚ã®å½±éŸ¿ç¯„å›²æ˜Žç¢ºåŒ– ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã‚„æ”¹ä¿®ã‚’ç¶šã‘ã¦ã„ã‚‹ã¨ã€å±žæ€§ã®ãƒ‡ãƒ¼ã‚¿åž‹ã‚’ä¿®æ£ã™ã‚‹å¿…è¦æ€§ãŒå‡ºã¦ãã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ï¼ˆvarchar(100) ã‚’ varchar(200) ã«ã—ãŸã‚Šã€date ã‚’ datetime ã«ã—ãŸ
kiririmode 2025/06/16
design

datamodel

db
ãƒªãƒ³ã‚¯
å¤§å…¬é–‹ï¼ãƒãƒƒãƒã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å“è³ªã‚’é«˜ã‚ã‚‹ZOZOã®ã€Žãƒãƒƒãƒé–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ - ZOZO TECH BLOG
ã“ã‚“ã«ã¡ã¯ã€‚MAéƒ¨ã®ç”°å³¶ã§ã™ã€‚ å¼Šç¤¾ã§ã¯é–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã‚’ç”¨ã„ã¦ã€ã‚·ã‚¹ãƒ†ãƒ ã®å“è³ªã‚’æ‹…ä¿ã—ã¦ã„ã¾ã™ã€‚ä»Šå›žç§ãŒãƒ†ãƒƒã‚¯ãƒªãƒ¼ãƒ‰ã‚’å‹™ã‚ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ãƒãƒƒãƒã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œæˆã—ã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€Œé–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã¨ã€Œãƒãƒƒãƒé–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒãƒƒãƒã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«é™å®šã—ãŸTipsã¯ã¾ã¨ã¾ã£ã¦ã„ã‚‹ã‚‚ã®ãŒå¤šããªã„ãŸã‚å‚è€ƒã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ é–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«ã¤ã„ã¦ã®ç´¹ä»‹ å†’é ã§ã‚‚ç´¹ä»‹ã—ãŸé€šã‚Šå¼Šç¤¾ã§ã¯ã€é–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã‚’ç”¨ã„ã¦ã‚·ã‚¹ãƒ†ãƒ ã®å“è³ªã‚’æ‹…ä¿ã—ã¦ã„ã¾ã™ã€‚ãƒãƒƒãƒé–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ç´¹ä»‹ã™ã‚‹å‰ã«ã€ã¾ãšé–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ç¨®é¡ž é–‹ç™ºã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ç¾åœ¨ã€ä»¥ä¸‹ã®ç¨®é¡žãŒå˜åœ¨ã—ã¾ã™ã€‚ å…±é€š Android iOS Frontend Backend Infra API Batch DB(Datab
kiririmode 2025/06/16
design

batch
ãƒªãƒ³ã‚¯
ç”»é¢ä»•æ§˜æ›¸ã¸ã®é™çš„æ¤œæŸ»å™¨ã‚’å®Ÿè£…ã—ãŸã‚‰ãŸãã•ã‚“ã®æ¬ é™¥ã‚’ç™ºè¦‹ã§ããŸè©± - DeNA Testing Blog
SWETç¬¬äºŒã‚°ãƒ«ãƒ¼ãƒ—ã®Kuniwakã§ã™ã€‚æœ¬è¨˜äº‹ã§ã¯ç”»é¢ä»•æ§˜ï¼ˆå¾Œè¿°ï¼‰ã®ä»•æ§˜æ›¸ã«å¯¾ã™ã‚‹é™çš„æ¤œæŸ»å™¨ã‚’é–‹ç™ºã—ãŸäº‹ä¾‹ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ä¼ãˆãŸã„ã“ã¨ ç”»é¢è¡¨ç¤ºã¨ç”»é¢é·ç§»ã‚’è¨˜è¿°ã™ã‚‹ä»•æ§˜æ›¸ã¯æ©Ÿæ¢°å¯èªã«ã§ãã‚‹ ä»•æ§˜æ›¸ãŒæ©Ÿæ¢°å¯èªã§ã‚ã‚Œã°ä»•æ§˜ã®é™çš„æ¤œæŸ»ãŒã§ãã‚‹ é™çš„æ¤œæŸ»ã«ã‚ˆã£ã¦è‡ªèº«ã®æ‹…å½“ç¯„å›²ã®15%ã®ç”»é¢ã‹ã‚‰è¨ˆ40ä»¶å¼±ã®æ¬ é™¥ã‚’ç™ºè¦‹ã—ãŸ æ©Ÿæ¢°å¯èªãªä»•æ§˜æ›¸ã«ã¯ã•ã‚‰ãªã‚‹å¿œç”¨ãŒè¦‹è¾¼ã‚ã‚‹ ãŠã•ã‚‰ã„ï¼šä»•æ§˜ã¨ã¯ ä»•æ§˜ã®å®šç¾©ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ ã“ã“ã§ã¯ä»•æ§˜ã¨ã¯å®Ÿè£…ã®æ£ã—ã„æŒ¯ã‚‹èˆžã„ã‚’å®šã‚ã‚‹åŸºæº–ã¨ã—ã¾ã™ã€‚ ã‚ã‚‹å®Ÿè£…ãŒæ£ã—ã„ã¨åˆ¤å®šã•ã‚Œã‚‹ã“ã¨ã‚’ã€å®Ÿè£…ãŒä»•æ§˜ã‚’æº€ãŸã—ãŸã¨ã„ã„ã¾ã™ã€‚ èª°ã«ã‚ˆã‚‹åˆ¤å®šã§ã‚‚å®Ÿè£…ãŒä»•æ§˜ã‚’æº€ãŸã—ãŸã‹ã©ã†ã‹ã®åˆ¤å®šçµæžœã¯ä¸€è‡´ã™ã¹ãã§ã™ã€‚ ã•ã¦å®Ÿè£…ã®æ¬ é™¥ã¨åŒæ§˜ã«ã€ä»•æ§˜ã«ã‚‚æ¬ é™¥ãŒç”Ÿã˜ãˆã¾ã™ã€‚ æœ¬æ¥æ£ã—ã„ã¨æ„å›³ã—ãŸå®Ÿè£…ã®æŒ¯ã‚‹èˆžã„ã‚’èª¤ã£ã¦ã„ã‚‹ã¨åˆ¤æ–ã—ãŸã‚Šã€ãã®é€†ã«èª¤ã£ã¦ã„ã‚‹ã¨æ„å›³ã—ãŸå®Ÿè£…ã‚’æ£ã—ã„ã¨åˆ¤æ–ã™ã‚‹ä»•æ§˜ã«ã¯æ¬ é™¥ãŒã‚
kiririmode 2025/04/18
æ©Ÿæ¢°ã«å¯¾ã—ã¦è§£é‡ˆå®¹æ˜“ãªä»•æ§˜ãƒ»è¨è¨ˆã«ã¤ã„ã¦ã¯é™çš„è§£æžãƒ»ãƒã‚§ãƒƒã‚¯ãŒå¯èƒ½ã€‚ãã‚Œã‚‰ã¯ãƒ—ãƒ©ã‚¬ãƒ–ãƒ«ã§å®Ÿè£…ã™ã‚‹ã€‚ æ©Ÿæ¢°ã¨äººé–“åŒæ–¹ã«è§£é‡ˆå®¹æ˜“ãƒ»ä¿å®ˆå®¹æ˜“ã§ã‚ã‚‹å¿…è¦ã€‚

design

ai

engineering

specification
ãƒªãƒ³ã‚¯
GitHub - TimHolden/figma-mcp-server: Model Context Protocol server implementation for Figma API
kiririmode 2025/02/13
Figmaç”¨ã®MCPã‚µãƒ¼ãƒ

mcp

figma

design
ãƒªãƒ³ã‚¯
GitHub - systemdesign42/system-design: Newsletter to help busy software engineers become good at system design ðŸ‘‡
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
kiririmode 2025/01/12
å„ç¤¾ã®ã‚·ã‚¹ãƒ†ãƒ è¨è¨ˆäº‹ä¾‹

design

github
ãƒªãƒ³ã‚¯
https://www.digital.go.jp/assets/contents/node/basic_page/field_ref_resources/1948e3cd-736a-4378-9e31-039b08d11106/10b4c14d/20240903_resources_dashboard-guidebook_guidebook_01.pdf
kiririmode 2025/01/06
ãƒ‡ã‚¸ã‚¿ãƒ«åºç™ºè¡Œã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¬ã‚¤ãƒ‰

dashboard

design
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«åˆºã•ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³å®Ÿç”¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯37é¸
ã‚·ãƒ³ãƒ—ãƒ«ãªUIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€ã‚ˆã‚Šè‰¯ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæº€è¶³ã™ã‚‹æ–¹æ³•ã‚’ä¸€ç·’ã«å¦ã³ã¾ã—ã‚‡ã†ã€‚ ç¾å½¹UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚¸ãƒ ãƒ»ãƒ©ãƒ—ãƒ†ã‚£ã‚¹æ°ãŒå®Ÿéš›ã®è£½å“ã§ãƒ†ã‚¹ãƒˆã€æ¤œè¨¼ã—ãŸå®Ÿç”¨åº¦ã®é«˜ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ãªã®ã§ã€æ‰‹è»½ã«è©¦ã™ã“ã¨ãŒã§ãã€åŠ¹æžœçš„ã«ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã®UIã‚’æ”¹å–„ã§ãã¾ã™ã€‚ æ™‚é–“ãŒãªã„äººã®ãŸã‚ã«ã€ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ãŒã“ã¡ã‚‰ã€‚ å„é …ç›®ã§ã¯å®Ÿéš›ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã¤ã‹ã£ã¦ã€ã€Œè‰¯ã„ä¾‹ã€ã¨ã€Œæ‚ªã„ä¾‹ã€ã‚’æ¯”è¼ƒã€‚ã™ãã§ãã‚‹è§£æ±ºç–ã¨ä¸€ç·’ã«è©³ã—ãç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
kiririmode 2024/09/07
ã“ã†ã„ã†ã®ã‚’æºœã‚ã¦ãŠããŸã„

design

designsystem
ãƒªãƒ³ã‚¯
ã€2024å¹´11æœˆæœ€æ–°ã€‘v0ï¼ˆãƒ–ã‚¤ã‚¼ãƒï¼‰ã¨ã¯ï¼Ÿä½¿ã„æ–¹ã‚„å§‹ã‚æ–¹ã€æ–™é‡‘ã‚’ç´¹ä»‹ï½œSHIFT AI TIMES
ãƒ†ã‚ã‚¹ãƒˆã ã‘ã§ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’æ§‹ç¯‰ã§ãã‚‹v0ï¼ˆãƒ–ã‚¤ã‚¼ãƒï¼‰ã¨å‘¼ã°ã‚Œã‚‹AIãƒ„ãƒ¼ãƒ«ãŒã€SNSã‚’ä¸å¿ƒã«è©±é¡Œã¨ãªã£ã¦ã„ã¾ã™ã€‚ v0ã§ã¯ã€ãƒ†ã‚ã‚¹ãƒˆã ã‘ã§ï¼ˆãƒŽãƒ¼ã‚³ãƒ¼ãƒ‰ã§ï¼‰ã€ã‚µã‚¤ãƒˆã®è¦‹ãŸç›®ï¼ˆUIï¼šãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼‰ã‚„ã‚²ãƒ¼ãƒ ãƒ»ã‚¢ãƒ—ãƒªã‚’ä½œæˆã§ãã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ã€Œv0ãŒè©±é¡Œãªã®ã¯çŸ¥ã£ã¦ã„ã‚‹ãŒã€ã©ã†ã‚„ã£ã¦ä½¿ãˆã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã€ã¨ç–‘å•ã‚’ã‚‚ã£ã¦ã„ã‚‹æ–¹ã¯å¤šã„ã§ã—ã‚‡ã†ã€‚ ãã“ã§æœ¬è¨˜äº‹ã§ã¯ã€v0ã®å§‹ã‚æ–¹ã‚„ä½¿ã„æ–¹ã‚’å¾¹åº•è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€å®Ÿéš›ã«ä½œæˆã—ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„ã€v0ã‚’ä½¿ã†ã‚³ãƒ„ã‚‚ç´¹ä»‹ã—ã¦ã„ã‚‹ãŸã‚ã€ãœã²å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã“ã®è¨˜äº‹ã‚’èªã‚€ã“ã¨ã§ã€v0ã®ä½¿ã„æ–¹ãŒã‚ã‹ã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ä»¥å¤–ã®æ–¹ã§ã‚‚ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚ ï¼ˆæ ªï¼‰SHIFT AI ä»£è¡¨å–ç· å½¹ / GMO AI & Web3æ ªå¼ä¼šç¤¾AIæ´»ç”¨é¡§å• / ç”ŸæˆAIæ´»ç”¨æ™®åŠå”ä¼šï¼ˆGUGAï¼‰å”è°å“¡ / Microsoft Copi
kiririmode 2024/08/31
text to uiã®v0ã€‚shadcn/ui + tailwind cssã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ§‹æˆã—ã¦ãã‚Œã‚‹ã€‚è‡ªç¤¾åˆ¤æ–ã§å•†ç”¨åˆ©ç”¨å¯èƒ½ã ãŒã€ç¾æ®µéšŽã§ã¯å…¥åŠ›æƒ…å ±ã¯å¦ç¿’ã•ã‚Œã‚‹ã€‚ç¾åœ¨ãã®ã‚ªãƒ—ãƒˆã‚¢ã‚¦ãƒˆã‚‚å¯¾å¿œä¸ã€‚

ai

design

text2ui
ãƒªãƒ³ã‚¯
CSSã®ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚¯ãƒ©ã‚¹ã¨ã€Œé–¢å¿ƒã®åˆ†é›¢ã€â€”â€”ã„ã‹ã«ã—ã¦ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã«ãŸã©ã‚Šç€ã„ãŸã‹ï¼ˆç¿»è¨³ï¼‰ - yuhei blog
Tailwind CSSä½œè€…ã®Adam Wathanæ°ã«ã‚ˆã‚‹ã€ŒCSS Utility Classes and "Separation of Concerns"ã€ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ç¿»è¨³ã«å½“ãŸã£ã¦åŽŸè‘—è€…ã®è¨±è«¾ã‚’å¾—ã¦ã„ã¾ã™ã€‚ 2021å¹´10æœˆ29æ—¥ã«å…¨æ–‡å†ç¿»è¨³ã—ã¾ã—ãŸã€‚ ã“ã®æ•°å¹´ã®é–“ã§ã€ç§ã®CSSã®æ›¸ãæ–¹ã¯ã€éžå¸¸ã«ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã€ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‹ã‚‰ã€Œãƒ•ã‚¡ã‚¯ã‚·ãƒ§ãƒŠãƒ«CSSã€ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã«å¤‰ã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®æ›¸ãæ–¹ã§CSSã‚’æ›¸ãã¨ã€å¤šãã®é–‹ç™ºè€…ã‹ã‚‰ã‹ãªã‚Šã®åæ„Ÿã‚’è²·ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãã®ãŸã‚ã€ç§ãŒã„ã‹ã«ã—ã¦ã“ã“ã¾ã§ãŸã©ã‚Šç€ã„ãŸã‹ã‚’èª¬æ˜Žã™ã‚‹ã“ã¨ã§ã€ãã®éŽç¨‹ã§å¾—ãŸæ•™è¨“ã‚„æ´žå¯Ÿã«ã¤ã„ã¦å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç¬¬1æ®µéšŽã€€ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã€ãªCSS ã‚ˆã„CSSã®ãŸã‚ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¨ã—ã¦ã€è€³ã«ã™ã‚‹ã§ã‚ã‚ã†ã“ã¨ã®ã²ã¨ã¤ã¯ã€Œé–¢å¿ƒã®åˆ†é›¢ã€ã§ã™ã€‚ è€ƒãˆæ–¹ã¨ã—ã¦ã¯ã€HTMLã«ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã¤ã„ã¦ã®çŸ¥è˜ã®ã¿ã‚’å«ã‚ã‚‹ã¹ãã§
kiririmode 2024/08/11
CSSã‚’ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¸å‘ã‹ã‚ã›ã‚‹ãƒã‚¸ãƒƒã‚¯

css

design
ãƒªãƒ³ã‚¯
CSSè¨è¨ˆã«ãŠã‘ã‚‹ã€ã™ã¹ã¦ãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚ã‚‹ã¨ã„ã†èª¤è¬¬
å¾Œæ—¥è¿½è¨˜: WEB+DB PRESS Vol.133ã§ã•ã‚‰ã«è©³ã—ãæ›¸ã„ãŸã€‚ BEMã«ã‚ˆã£ã¦ã‚‚ãŸã‚‰ã•ã‚ŒãŸã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã¯ã€ã€Œãƒšãƒ¼ã‚¸ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é›†åˆã«ã‚ˆã£ã¦è¡¨ç¾ã•ã‚Œã‚‹ã¹ãã§ã‚ã‚Šã€ãƒšãƒ¼ã‚¸ã«å«ã¾ã‚Œã‚‹ã®ã¯ã™ã¹ã¦ãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚ã‚‹ã€ã¨è€ƒãˆã‚‹ã€‚ã—ã‹ã—ã“ã‚Œã¾ã§CSSã‚’æ›¸ã„ã¦ããŸçµŒé¨“ã‹ã‚‰ã€ã“ã‚Œã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³æ„å›³ã‚’ã¾ã¨ã‚‚ã«è¡¨ç¾ã™ã‚‹ã“ã¨ãŒã§ããªã„ã¨æ„Ÿã˜å§‹ã‚ãŸã€‚ãªãœãªã‚‰ã€æ™®é€šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ãƒšãƒ¼ã‚¸ã®ã™ã¹ã¦ãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚ã‚‹ã¨ã¯è€ƒãˆãªã„ã‹ã‚‰ã ã€‚ ã‚‚ã¡ã‚ã‚“ãƒšãƒ¼ã‚¸ã®æ§‹æˆè¦ç´ ã®ãªã‹ã«ã¯ã€æ˜Žã‚‰ã‹ã«ãã‚ŒãŒã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã§ã‚ã‚‹ã¨æ„è˜ã—ã¦ä½œã‚‰ã‚ŒãŸã‚‚ã®ã‚‚ã‚ã‚‹ã€‚ãŸã ã—ãã‚Œã¯ä¸€éƒ¨ã§ã‚ã‚Šã€å…¨éƒ¨ã§ã¯ãªã„ã€‚ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚‚ã‚ã‚Œã°ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã¯ãªã„ã‚‚ã®ã‚‚ã‚ã‚‹ã€ã¨ã„ã†æ„Ÿè¦šã®ã»ã†ãŒæ™®é€šãªã®ã ã€‚ å…¸åž‹çš„ãªUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã‚ã‚‹ã€ã€Œã‚¶ãƒ»ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã¿ãŸã„ãªã‚‚ã®ã ã‘ã§ã¯ãƒšãƒ¼ã‚¸ã¯å®Œæˆã—ãªã„ã€‚ä¾‹ã¨ã—ã¦ã€ä¸€è²«ã—ã¦B
kiririmode 2024/08/11
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚¤ãƒ³ãƒ”ãƒ¼ãƒ€ãƒ³ã‚¹ã‚¢ãƒ³ãƒžãƒƒãƒ

css

design
ãƒªãƒ³ã‚¯
åŠ¹æžœçš„ãªç®¡ç†ç”»é¢ã‚’ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ãŸã‚ã« é¿ã‘ã‚‹ã¹ã5ã¤ã®ç½
ÐœÑ‹ÑˆÐ»ÐµÐ½Ð¸Ðµ Ð¸ÑÑ‚Ð¾Ñ€Ð¸ÑÐ¼Ð¸. ÐšÐ°Ðº Ñ‚ÐµÐºÑÑ‚Ð¾Ð²Ñ‹Ðµ Ð¼Ð¾Ð´ÐµÐ»Ð¸ Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð¿Ð¾Ð¼Ð¾Ð³Ð°ÑŽÑ‚ Ð´Ð¸Ð·Ð°Ð¸Ì†Ð½ÐµÑ€Ñƒ Ð¿Ñ€Ð¾ÐµÐºÑ‚Ð¸Ñ€Ð¾Ð²Ð°Ñ‚ÑŒ
kiririmode 2024/08/10
ãƒ†ãƒ¼ãƒ–ãƒ«ã®å‘ªç¸›

design

ui
ãƒªãƒ³ã‚¯
Breadcrumb Navigation Increasingly Useful
kiririmode 2024/08/04
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã¯å˜åœ¨ã™ã‚‹ã“ã¨ã§ãƒ¦ãƒ¼ã‚¶ã«ãƒ¡ãƒªãƒƒãƒˆã¯ä¸Žãˆã¦ã‚‚ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’ä¸Žãˆã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©ãªãç©æ¥µçš„ã«åˆ©ç”¨ã™ã¹ãã€‚ãŸã ã—ã€ãã‚Œã¯ã‚µã‚¤ãƒˆæ§‹é€ ã‚’è¡¨ã™ã‚‚ã®ã§ã‚ã‚‹ã¹ãã§ã€ãƒ¦ãƒ¼ã‚¶å±¥æ´ã§ã¯ãªã„

ui

ux

breadcrumb

design
ãƒªãƒ³ã‚¯
When You Should Use a Breadcrumb Navigation
If youâ€™re ever lost in a large terr itory, the first thing youâ€™d want to know is where you are. Once you know that you can figure out how far you are from your destination. This is why shopping malls offer wayfinding maps with â€œYou are hereâ€ indicators. Users want to know where they are when theyâ€™re lost deep in a siteâ€™s navigation. Knowing where they are will inform them on where they should go. Y
kiririmode 2024/08/04
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã®UIè¨è¨ˆã€‚ï¼“éšŽå±¤ä»¥ä¸Šã®æ™‚ã«ä½¿ã„ã€separatorã¯çŸ¢å°ã‚„ä¸‰è§’å½¢ã€‚èµ·ç‚¹ã¯Workbench(homepage)ã€‚ãƒªã‚¹ãƒˆã®æœ€å¾Œã¯ç¾åœ¨ã®ãƒšãƒ¼ã‚¸ã§ã€ä¸Šä½ã®ãƒ‘ãƒ³ããšã¨ã¯è¡¨ç¾ã‚’å¤‰ãˆã‚‹ã¨ã¨ã‚‚ã«ãƒªãƒ³ã‚¯ã‚’ã—ãªã„ã€‚

ui

ux

design

breadcrumb
ãƒªãƒ³ã‚¯
Form Page - Ant Design
kiririmode 2024/08/04
Formãƒšãƒ¼ã‚¸ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³

design

antd
ãƒªãƒ³ã‚¯
Stay on the Page - Ant Design
kiririmode 2024/08/04
ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«æŒã¡è¶Šã›ãªã„ã®ã§ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã®ä¹±ç”¨ã¯ãƒ¦ãƒ¼ã‚¶ã®ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã‚’ç ´å£Šã™ã‚‹ã€‚double confirmã¯ã§ãã‚‹ã ã‘å¯¾è±¡ç”»é¢å†…ã§è¡Œã‚ã›ã‚‹ã¹ã

ux

design

modal
ãƒªãƒ³ã‚¯
Make it Direct - Ant Design
kiririmode 2024/08/04
å‡ºåŠ›ãŒã‚ã‚‹ã¨ã“ã‚ã«ã¯å…¥åŠ›ãŒã‚ã‚‹ã¹ãã€ç·¨é›†ç”»é¢ã‚’åˆ¥ã«ä½œã‚‹ã‚ˆã‚Šã‚‚åŒã˜ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã§ç·¨é›†ã§ãã‚‹ã¹ãã¨ã„ã†è€ƒãˆæ–¹

design

ux
ãƒªãƒ³ã‚¯
Using UI System Fonts In Web Design: A Quick Practical Guide â€” Smashing Magazine
Microsoft restarted conversations about system UI fonts with its original Windows Phone design language, which relied heavily on typography in general, and on a font namedÂ SegoeÂ in particular. No wonder that the idea of using those fonts is spreading through the web world as well. Whether you want your website to feel more like an app, to draw clearer lines between the content and user interface,
kiririmode 2024/08/03
CSSã§ã®ã‚·ã‚¹ãƒ†ãƒ UIãƒ•ã‚©ãƒ³ãƒˆã®æŒ‡å®šæˆ¦ç•¥

design

font

ui
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸