[B! UI] straighttreeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

straighttree id:straighttree

UIã«é–¢ã™ã‚‹straighttreeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

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

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

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
è¦‹æ „ãˆãŒã‚ˆããªã£ãŸï¼Webåˆ¶ä½œã™ã‚‹ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚
ä½œæˆï¼š2014/05/7 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚„ECã‚µã‚¤ãƒˆãªã©ã§ã€æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã€åˆ¶ä½œå‰ã«çŸ¥ã£ã¦ãŠãã¨åŠ©ã‹ã‚‹ã€ã€Œã©ã£ã‹ã§è¦‹ãŸã“ã¨ã‚ã‚‹ã‘ã©ä½•ã ã£ã‘ï¼Ÿã€ã¨ã„ã£ãŸæ„Ÿã˜ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãªã‚‹ã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ãƒšãƒ¼ã‚¸ã«ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ã‚’å‡ã‚‰ã—ãŸã„ã¨ãã€å‹•ãã®ã‚ã‚‹ä»•æŽ›ã‘ã§ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãŸã„ã¨ãã«ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼‘ï¼Žãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒªã‚¹ãƒˆ ï¼’ï¼Žã‚¹ãƒ†ã‚£ãƒƒã‚ãƒ¼ãƒ˜ãƒƒãƒ€ãƒ¼ ç”»åƒã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ï¼“ï¼Žãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ç”»åƒã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ ï¼”ï¼Žã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼ã‚¢ ï¼•ï¼Žã‚ºãƒ¼ãƒ ã‚¤ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ï¼–ï¼Žãƒ–ãƒ©ãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ã‚¹ã‚¯ãƒãƒ¼ãƒ« ï¼—ï¼ŽInfinite Scroll(ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«) ï¼˜ï¼Žç”»åƒã‚·ãƒ¼ã‚±ãƒ³ã‚¹ ï¼™ï¼Žæ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ« ï¼‘ï¼ï¼Žãƒ•ãƒªãƒƒã‚¯æ©Ÿèƒ½ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ï¼‘ï¼‘ï¼Žç”»é¢å…¨
straighttree 2014/05/07
jQuery

javascript

UI

ãŠå½¹ç«‹ã¡
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³ã¨UXã®è¶…åŸºç¤Žã€ŒUI Design & UX for ENGINEERã€
3/26/2014 @LightningSpot Shibuya - Powered by PROsheet - Designed by IMPATHRead less
straighttree 2014/04/18
webãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

UIã«é–¢ã™ã‚‹straighttreeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

UIã«é–¢ã™ã‚‹straighttreeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒç†è§£ã—ã¦ãŠãã¹ã11ç¨®é¡žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ç‰¹å¾´ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒ­ã‚°

è¦‹æ „ãˆãŒã‚ˆããªã£ãŸï¼Webåˆ¶ä½œã™ã‚‹ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚

UIãƒ‡ã‚¶ã‚¤ãƒ³ã¨UXã®è¶…åŸºç¤Žã€ŒUI Design & UX for ENGINEERã€

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

UIã«é–¢ã™ã‚‹straighttreeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒç†è§£ã—ã¦ãŠãã¹ã11ç¨®é¡žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ç‰¹å¾´ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°

è¦‹æ „ãˆãŒã‚ˆããªã£ãŸï¼Webåˆ¶ä½œã™ã‚‹ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚

UIãƒ‡ã‚¶ã‚¤ãƒ³ã¨UXã®è¶…åŸºç¤Žã€ŒUI Design & UX for ENGINEERã€

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹