ボタンやアイコンやナビゲーションãªã©ã€ã‚¯ãƒªãƒƒã‚¯ãƒ»ã‚¿ãƒƒãƒ—å¯èƒ½ãªé ˜åŸŸã®ã‚µã‚¤ã‚ºã‚’広ãã™ã‚‹å®Ÿè£…方法ã®ã¾ã¨ã‚ボタンやアイコンã€ãƒŠãƒ“ゲーションã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãªã©ã€ã•ã¾ã–ã¾ãªUIè¦ç´ ã«é©ã—ãŸã‚¯ãƒªãƒƒã‚¯ãƒ»ã‚¿ãƒƒãƒ—å¯èƒ½ãªé ˜åŸŸã®ã‚µã‚¤ã‚ºã‚’æ‹¡å¼µã™ã‚‹å®Ÿè£…方法を紹介ã—ã¾ã™ã€‚ Enhancing The Clickable Area Size by Ahmad Shadeed 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠ユーザーエクスペリエンスã®è¦³ç‚¹ ボタンã®ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªé ˜åŸŸã‚’æ‹¡å¼µã™ã‚‹ リンクã®ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªé ˜åŸŸã‚’æ‹¡å¼µã™ã‚‹ アイコンã®ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªé ˜åŸŸã‚’æ‹¡å¼µã™ã‚‹ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã®ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªé ˜åŸŸã‚’æ‹¡å¼µã™ã‚‹ サイドãƒãƒ¼ã®ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªé ˜åŸŸã‚’æ‹¡å¼µã™ã‚‹ セクションヘッダã®ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªé ˜åŸŸã‚’æ‹¡å¼µã™ã‚‹ ç–‘ä¼¼è¦ç´ を使用ã—ã¦ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªé ˜åŸŸã‚’æ‹¡å¼µã™ã‚‹ 終ã‚ã‚Šã« ã¯ã˜ã‚㫠例ãˆã°ã€ãƒœã‚¿ãƒ³ã‚„リンクãªã©ã®è¦ç´ をクリック・タップã—よã†ã¨ã—ãŸæ™‚ã«
Next.jsを勉強ã—ã¦ã¿ã‚‹ ãã®â‘ 〜何も考ãˆãšç’°å¢ƒæ§‹ç¯‰ç·¨ã€œ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
{{#tags}}- {{label}}
{{/tags}}