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

logi id:logi

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

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

ãƒªãƒƒãƒãªè¡¨ç¾ã‚’æ‰‹è»½ã«å®Ÿç¾ã™ã‚‹ã€Vueå‘ã‘UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒVuetifyã€ã®ç´¹ä»‹
ãƒªãƒƒãƒãªè¡¨ç¾ã‚’æ‰‹è»½ã«å®Ÿç¾ã™ã‚‹ã€Vueå‘ã‘UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒVuetifyã€ã®ç´¹ä»‹ 2019å¹´1æœˆ23æ—¥ æŠ€è¡“æƒ…å ± vue, vuetify ä¸æ´¥å·ç¯¤å¸ å‰å›žã¯ã€PC/ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ä¸¡å¯¾å¿œã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒElementã€ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€Elementã¨åŒæ§˜ã«PC/ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã—ãŸVueãƒ™ãƒ¼ã‚¹ã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒVuetifyã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã®ã§ã€ä»Šé¢¨ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ç´¹ä»‹ Vuetifyã§ã¯ã‚ã‚‰ã‹ã˜ã‚ãŸãã•ã‚“ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãšã¯ãã‚Œã‚‰ã‚’è¦‹ã¦ã€Vuetifyã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã‚’æ„Ÿã˜ã¦ãã ã•ã„ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ + ãƒªã‚¹ãƒˆ ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ©ãƒ™ãƒ«ãªã©ã‚’çµ„ã¿åˆã‚ã›ãŸãƒªã‚¹ãƒˆè¡¨ç¤ºã§ã™ã€‚å¹…ãŒåºƒã„ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«é©ã—ãŸUIã§ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ + ãƒãƒƒã‚¸
logi 2019/09/12
UI

Vue.js
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ã‚„ã‚ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚ã†ï¼ˆå‰ç·¨ï¼‰ | Goodpatch Blog
å…ˆæ—¥ã€é•·è°·å·æä¹…ã•ã‚“ã¨ã®å…±åŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€â€œPatch Projectâ€ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã—ãŸã€‚ã“ã‚Œã¯UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æ–°ã—ã„ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ä½œã‚‹ãŸã‚ã«ç«‹ã¡ä¸ŠãŒã£ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ã“ã‚Œã¾ã§ã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’è¦‹ç›´ã—ã¦ã€ã‚ˆã‚Šè‰¯ã„UIã‚’ä½œã£ã¦ã„ããŸã‚ã«ã¯ã©ã†ã™ã‚‹ã¹ããªã®ã‹ã€å®Ÿéš›ã«ä½•ã‹ã®UIã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰æ¨¡ç´¢ã—ã¦ã„ãã¾ã™ã€‚ãã®ãƒ—ãƒã‚»ã‚¹ã‚„çµæžœã¯ã©ã‚“ã©ã‚“ã‚ªãƒ¼ãƒ—ãƒ³ã«ã—ã¦ã„ãã¾ã™ã®ã§ãŠæ¥½ã—ã¿ã«ï¼ ã¾ãšä»Šå›žã¯ãã®å°Žå…¥éƒ¨åˆ†ã¨ã—ã¦ã€ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®ææ¡ˆã«ã¤ã„ã¦é•·è°·å·ã•ã‚“ã«è©±ã—ã¦é ‚ã„ãŸå†…å®¹ã‚’è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚å‰ç·¨ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ã‚„ã‚ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚‹ã¹ãç†ç”±ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚UIã¨ã¯ä½•ã‹ UIã®è©±ã¨ã„ã†ã¨å¤šãã®äººãŒãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ã‚’ã—ã¾ã™ãŒã€ãã‚‚ãã‚‚UIã¨ã¯äººé–“ã¨ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®é–¢ä¿‚ã‚’å††æ»‘ã«ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚äººãŒã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã¨é–¢ã‚ã‚‹ã¨ãã€ãã“ã«ã¯å¿…ãšã‚¤ãƒ³ãƒ—ãƒƒãƒˆã¨ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ãã®ä¸ã§
logi 2013/04/20
ã‚ã¨ã§ã‚ˆã‚€

Webåˆ¶ä½œ

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

UI
ãƒªãƒ³ã‚¯
ã€ŒOKã€ã¨ã€Œã‚ãƒ£ãƒ³ã‚»ãƒ«ã€ã€ã©ã¡ã‚‰ãŒæœ‰åŠ¹ã‹ â€• ï¼ IT
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ãƒ’ãƒ³ãƒˆï¼ˆæœ€çµ‚å›žï¼‰ ã€ŒOKã€ã¨ã€Œã‚ãƒ£ãƒ³ã‚»ãƒ«ã€ã€ã©ã¡ã‚‰ãŒæœ‰åŠ¹ã‹ ã€Œæƒ…å ±è¡¨ç¾ã®æœ€é©åŒ–ã€ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2006/10/20 ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ¡ãƒ¢å¸³ã‚’æ–°è¦ã«é–‹ã„ã¦ã€ãƒ¡ãƒ¢ã‚’æ›¸ãã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‰ã˜ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ã€Œå¤‰æ›´ã‚’ä¿å˜ã—ã¾ã™ã‹ï¼Ÿã€ã¨ã„ã†ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ€ã‚¤ã‚¢ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã—ã¦ã¿ã‚Œã°ã€ã€Œæ–°ã—ã„ãƒ¡ãƒ¢ã‚’ã„ã¾æ›¸ã„ãŸã¨ã“ã‚ãªã®ã«ã€ãªãœã€Žå¤‰æ›´ã€ãªã‚“ã ï¼Ÿã€ã¨æ€ã†ã§ã—ã‚‡ã†ï¼ˆæœ¬æ–‡ã‹ã‚‰ï¼‰ è‹±èªžã‚„ã€æ—¥æœ¬èªžã®æ¨ªæ›¸ãã§ã¯ã€æƒ…å ±ã¯å¤§ããä¸Šã‹ã‚‰ä¸‹ã«ã€å·¦ã‹ã‚‰å³ã«å±•é–‹ã—ã¦ã„ãã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ç”»é¢ï¼ˆã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å†…ï¼‰ã®å·¦ä¸Šã‹ã‚‰å³ä¸‹ã«å‘ã‹ã£ã¦æ„è˜ã‚’æŽ¨ç§»ã•ã›ã¦ã€ãã“ã§è¡¨ç¾ã•ã‚Œã¦ã„ã‚‹æƒ…å ±ã‚’å–å¾—ã—ã¦ã„ãã¾ã™ã€‚ å®Ÿéš›ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€ã¾ãšç”»é¢ä¸å¤®ä»˜è¿‘ã«è¦–ç·šã‚’ã‚„ã‚Šã€ãã—ã¦å…¨ä½“ã‚’ã–ã£ã¨è¦‹æ¸¡ã—ã¦ã‹ã‚‰ã€é‡è¦ã¨æ€ã‚ã‚Œã‚‹å€‹æ‰€ã«æ³¨ç›®ã—ã¦ã„ãã‚ˆã†ã§ã™ã€‚ã²ã¨ãŸã³å†…å®¹ã‚’èªã‚‚ã†ã¨ã‹ã€å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’åŸ‹ã‚ã¦ã„ã“ã†ã¨æ±ºã‚ãŸã‚‰ã€å½“ç„¶ã€ä¸Šã‹ã‚‰
logi 2006/10/20
/*ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒœã‚¿ãƒ³ã¯å·¦å³ã®ã©ã¡ã‚‰ãŒã‚ˆã„ã®ã‹ã€ã¨ã„ã†å•é¡Œã®ç”ãˆã¯ã€ãŠãã‚‰ãã€Œå³ã®æ–¹ãŒã‚ˆã„ã€ã§ã—ã‚‡ã†ã€‚*/ãã®ã¨ã‰ï½žã‚Šï¼

UI
ãƒªãƒ³ã‚¯
å¹´é…ã»ã©å·¦æ‰‹ã§æºå¸¯ã‚’æ‰±ã†ï¼Ÿ
æºå¸¯ã¯å³æ‰‹ã§æ‰±ã†ã‚‚ã®ãªã®ã‹ã€ãã‚Œã¨ã‚‚å·¦æ‰‹ã§æ‰±ã†ã‚‚ã®ãªã®ã‹ã€‚ã“ã‚Œã¯æºå¸¯ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è€ƒãˆã‚‹ä¸Šã§ã€é‡è¦ãªå•é¡Œã ã€‚ã•ã‚‰ã«ã„ãˆã°ã€Œæºå¸¯ã¯åˆ©ãæ‰‹ã§æ“ä½œã™ã‚‹ã®ã‹ã€åˆ©ãæ‰‹ã§ãªã„æ–¹ã§æ“ä½œã™ã‚‹ã®ã‹ã€ã€Œãƒ¡ãƒ¼ãƒ«ã¨é€šè©±ã§ã¯ã€æ“ä½œã™ã‚‹æ‰‹ãŒç•°ãªã‚‹ã®ã‹ã€ãªã©ã‚‚æ°—ã«ãªã‚‹ã¨ã“ã‚ã€‚ ITmediaãƒ¢ãƒã‚¤ãƒ«ç·¨é›†éƒ¨ã§ã¯å…ˆæ—¥ã€ITmediaèªè€…ã‚’å¯¾è±¡ã«ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆï¼ˆ11æœˆ15æ—¥ã®è¨˜äº‹å‚ç…§ï¼‰ã‚’è¡Œã£ãŸã€‚ãã®çµæžœã‚’ç™ºè¡¨ã—ã‚ˆã†ã€‚ èª¿æŸ»æœŸé–“ï¼š11æœˆ15æ—¥ï½ž21æ—¥ èª¿æŸ»å½¢å¼ï¼šWebã‚¢ãƒ³ã‚±ãƒ¼ãƒˆ å›žç”ç·æ•°ï¼š2386 ç”·å¥³æ¯”ï¼šç”·æ€§87ï¼…ã€å¥³æ€§13ï¼… å›žç”ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å±žæ€§ã‚’è¦‹ã‚‹ã¨ã€å³åˆ©ããŒå…¨ä½“ã®87.3ï¼…ã¨å¤šæ•°æ´¾ã€‚å·¦åˆ©ããŒ9.2ï¼…ã§ã€ã€Œç‰¹ã«ã©ã¡ã‚‰ã®æ‰‹ãŒã€Žåˆ©ãæ‰‹ã€ã¨ã„ã†ã“ã¨ã¯ãªã„ã€ãŒ3.2ï¼…ã ã£ãŸã€‚ã¾ãŸå›žç”è€…ã®å¹³å‡å¹´é½¢ã¯ã€29æ³ã ã£ãŸã€‚ ã‚°ãƒ©ãƒ•ã‹ã‚‰åˆ†ã‹ã‚‹ã‚ˆã†ã«ã€ä¸»ã«å·¦æ‰‹ã§é€šè©±ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒ67.6ï¼…ã¨3åˆ†ã®2å¼·ã€‚ãƒ¡ãƒ¼ãƒ«ã§ä½¿ç”¨ã™ã‚‹æ‰‹ã®å ´åˆã¯ã‚‚
logi 2005/12/11
æºå¸¯

UI
ãƒªãƒ³ã‚¯
1