[B! ui] nori_dddã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nori_ddd id:nori_ddd

uiã«é–¢ã™ã‚‹nori_dddã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (21)

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

ãªãœã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®ã‚¢ã‚¤ã‚³ãƒ³ã¯è¿‘å¹´ç«‹ä½“çš„ãªãƒãƒƒãƒ—ãªã‚‚ã®ã‹ã‚‰å¹³é¢çš„ãªã‚‚ã®ã«å¤‰ã‚ã£ãŸã®ã§ã™ã‹ï¼Ÿ
å›žç” (3ä»¶ä¸ã®1ä»¶ç›®) ã„ã‚ã‚†ã‚‹ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨å‘¼ã°ã‚Œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ½®æµã¯æ˜Žç¢ºã«åŽŸç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ä»¥ä¸‹ã¯ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒ2010å¹´ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¤ãƒ™ãƒ³ãƒˆMIX10ã§ã‚»ãƒƒã‚·ãƒ§ãƒ³å…¬é–‹ã—ãŸè³‡æ–™ã§ã™ã€‚ https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 ã‚ªãƒªã‚¸ãƒŠãƒ«ã®è³‡æ–™(Windows Phone UI and Design Language)ã¯å…¬é–‹çµ‚äº†ã—ã¦ã—ã¾ã£ãŸã‚ˆã†ãªã®ã§ã€slideshareã«ã‚ã‚‹ã‚³ãƒ”ãƒ¼ã®ãƒªãƒ³ã‚¯ã‚’è²¼ã£ã¦ãŠãã¾ã™ã€‚ iPhoneã®ç™»å ´ã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®å‹ƒèˆˆã«...
nori_ddd 2023/04/20
windows

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

ui

Microsoft
ãƒªãƒ³ã‚¯
Shin Sasaki on Twitter: "Figmaã®æ´å²ã¯ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºè€…ã«ã¨ã£ã¦å¦ã³ã®å®åº«ã ã£ãŸðŸ“ 1. åˆæœŸã‚³ãƒ³ã‚»ãƒ—ãƒˆã€Œãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã€ã¯ä¸ç™º 2. å½“æ™‚ã®å¸¸è˜ã¯ã€Œ1äººã‹ã¤ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã€ 3. æ©Ÿèƒ½ã‚’çµžã‚ŠUIãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—æˆåŠŸ 4. ä»–ãƒ„ãƒ¼ãƒ«ã‹ã‚‰ã‚·ã‚§ã‚¢â€¦ https://t.co/F9dyeR8Gbv"
Figmaã®æ´å²ã¯ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºè€…ã«ã¨ã£ã¦å¦ã³ã®å®åº«ã ã£ãŸðŸ“ 1. åˆæœŸã‚³ãƒ³ã‚»ãƒ—ãƒˆã€Œãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã€ã¯ä¸ç™º 2. å½“æ™‚ã®å¸¸è˜ã¯ã€Œ1äººã‹ã¤ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã€ 3. æ©Ÿèƒ½ã‚’çµžã‚ŠUIãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—æˆåŠŸ 4. ä»–ãƒ„ãƒ¼ãƒ«ã‹ã‚‰ã‚·ã‚§ã‚¢â€¦ https://t.co/F9dyeR8Gbv
nori_ddd 2022/09/17
ui

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
ãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ã€ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«å¤±æ•—ãƒ»ã‚ãšã‹1æ—¥ã§ç„¡ã‹ã£ãŸã“ã¨ã« : å¸‚æ³ã‹ã¶å…¨åŠ›ï¼’éšŽå»º
çªªç”°è£½è–¬(æ—§ã‚¢ã‚ãƒ¥ã‚»ãƒ©ãƒ»ã‚¤ãƒ³ã‚¯)ã€ä¸å›½ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼å‘ã‘ã«77ä¸‡å††ã®ãƒ¡ã‚¬ãƒã€ŒKubota Glassã€å‡ºè·é–‹å§‹ã‚’ãŠçŸ¥ã‚‰ã›ã™ã‚‹ã‚‚1å°ã ã‘ã¨å³ãƒãƒ¬ã—ã¦æ ªä¾¡å…¨æˆ»ã—
nori_ddd 2020/07/09
web

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

ui
ãƒªãƒ³ã‚¯
Appleã®æ–°ã—ã„UIæ§‹ç¯‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒSwiftUIã€ã‚’å¦ã¶ãŸã‚ã®æ•™æã¾ã¨ã‚ #WWDC19 | DevelopersIO
Swift UI ã¯WWDC 2019ã®ã‚ãƒ¼ãƒŽãƒ¼ãƒˆã§ç™ºè¡¨ã•ã‚ŒãŸ iOS/Macã‚¢ãƒ—ãƒªãªã©ã®UIã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ã§ã™ã€‚ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼†ç›´æ„Ÿçš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã®çµ„ã¿åˆã‚ã›ã§ã€è¶…ç°¡å˜ã«UIã‚’æ§‹ç¯‰ã§ãã‚‹ç‰¹é•·ãŒã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ import Swift UI struct ContentView: View { var body: some View { Text("Turtle Rock") .font(.title) .color(.green) } } struct ContentView_Preview: PreviewProvider { static var previews: some View { ContentView() } } ã“ã‚Œã¾ã§ä»¥ä¸Šã«ç°¡å˜ã«UIãŒæ§‹ç¯‰ã§ãã‚‹ã“ã¨ã‹ã‚‰ã€ç™ºè¡¨å¾ŒiOSã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ç•Œéšˆã§ã¯ãƒã‚ºãƒ¯ãƒ¼ãƒ‰ã«ãªã£ã¦ã„ã¾ã™
nori_ddd 2019/06/05
apple

ui

SwiftUI
ãƒªãƒ³ã‚¯
ä»»å¤©å ‚ãŒæ–°äººç ”ä¿®ã§ä¼ãˆã¦ã„ã‚‹ã€ã‚ãã³å¿ƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ï½œå¨¯æ¥½ã®UI å…¬å¼ãƒ¬ãƒãƒ¼ãƒˆ #1 | ã‚ãƒ£ãƒªã‚¢ãƒãƒƒã‚¯ï¼ˆCAREER HACKï¼‰
ä»»å¤©å ‚ã®æ–°äººç ”ä¿®ã§èªžã‚‰ã‚Œã¦ã„ã‚‹ã®ã¯ã€Œã‚ãã³å¿ƒã‚’ä¼ãˆã‚‹ã€ã¨ã„ã†å¤§åˆ‡ã•ã«ã¤ã„ã¦ã€‚ã€Žã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãƒ¡ãƒ¼ã‚«ãƒ¼ã€ã‚’ä¾‹ã«ã€UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ•ã§ã‚ã‚‹æ£æœ¨ç¾©æ–‡ã•ã‚“ãŒèªžã£ã¦ãã‚ŒãŸã€‚ [ç›®æ¬¡] ãƒ»ã€Œã¿ãªã•ã‚“ã¨ã‚¯ã‚¤ã‚ºã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€ ãƒ»ä»»å¤©å ‚æµã€Œä¼ãˆæ–¹ã€ã®ã“ã ã‚ã‚Š â…°æ•™ãˆã‚‹ã‚ˆã‚Šã‚‚ä½“é¨“ã—ã¦ã‚‚ã‚‰ã† â…±ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚¤ãƒ³ãƒ—ãƒ¬ãƒƒã‚·ãƒ§ãƒ³ã‚’å¤§äº‹ã«ã™ã‚‹ â…²ä½“é¨“ã¯é¢ç™½ã ãƒ»ã‚ã‹ã‚Šã‚„ã™ã•ã¨é«˜æ©Ÿèƒ½ã‚’å…¼ãå‚™ãˆãŸã€UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ ãƒ»ã€Œã‚ãã³å¿ƒã‚’ä¼ãˆã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã€3ã¤ã®ãƒã‚¤ãƒ³ãƒˆ â…°UIè„³ã¨å¨¯æ¥½è„³ã®äºŒäººä¸‰è„š â…±çŸæ‰€ã‚’ã€Œå¨¯æ¥½è„³ã€ã§é•·æ‰€ã¸å¤‰ãˆã‚‹ â…²å°†æ£‹3å¸ã€€éº»é›€5å¸ ã€Œã¿ãªã•ã‚“ã¨ã‚¯ã‚¤ã‚ºã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€ â€» 2018å¹´4æœˆã«é–‹å‚¬ã•ã‚ŒãŸã€ŒUI Crunch #13 å¨¯æ¥½ã®UI - by Nintendo -ã€ã®ãƒ¬ãƒãƒ¼ãƒˆè¨˜äº‹ã¨ã—ã¦ãŠå±Šã‘ã—ã¾ã™ã€‚ ã€Œã¾ãšã¯ã€ã¿ãªã•ã‚“ã¨ã‚¯ã‚¤ã‚ºã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€ ãã‚“ãªã€ã‚ãã³å¿ƒæº¢ã‚Œã‚‹ä¸€è¨€ã§å¹•ã‚’é–‹ã‘
nori_ddd 2018/05/21
ä»»å¤©å ‚

ui
ãƒªãƒ³ã‚¯
ã€Žãƒšãƒ«ã‚½ãƒŠ5ã€ã®ã‚«ãƒƒã‚³ã‚ˆã™ãŽã‚‹UIã®åˆ¶ä½œå·¥ç¨‹ã‚’ç´¹ä»‹ï¼ ã‚¢ãƒˆãƒ©ã‚¹ã®å±æ©Ÿã‹ã‚‰ç”Ÿã¾ã‚Œã€ã‚„ãŒã¦ç‰¹å¾´ã¨ãªã£ãŸUIãŒã§ãã‚‹ã¾ã§ã€CEDECï¼‹KYUSHU 2017ã€‘ - ãƒ•ã‚¡ãƒŸé€š.com
2017å¹´10æœˆ28æ—¥ã€ç¦å²¡çœŒã®ä¹å·žç”£æ¥å¤§å¦ã«ã¦ã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ³ãƒ¡ãƒ³ãƒˆé–‹ç™ºè€…å‘ã‘ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹â€œCEDECï¼‹KYUSHU 2017â€ãŒé–‹å‚¬ã€‚æœ¬è¨˜äº‹ã§ã¯ã€åŒã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã¦è¡Œã‚ã‚ŒãŸã‚»ãƒƒã‚·ãƒ§ãƒ³â€œãƒšãƒ«ã‚½ãƒŠã‚·ãƒªãƒ¼ã‚ºã«ãŠã‘ã‚‹UIã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã®æ‰‹æ³•ã€€ï½žãƒšãƒ«ã‚½ãƒŠ5ã®UIäº‹ä¾‹ï½žâ€ã®ãƒªãƒãƒ¼ãƒˆã‚’ãŠå±Šã‘ã™ã‚‹ã€‚ æœ¬ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«ç™»å£‡ã—ãŸã®ã¯ã€ã‚¢ãƒˆãƒ©ã‚¹ã®å’Œç”°å’Œä¹…æ°ã¨é ˆè—¤æ£å–œæ°ã€‚å’Œç”°æ°ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦å…¥ç¤¾å¾Œã€ã•ã¾ã–ã¾ãªä½œå“ã«æºã‚ã‚Šã€ç¾åœ¨ã¯ã€Žãƒšãƒ«ã‚½ãƒŠã€ãƒãƒ¼ãƒ ã‚’çµ±æ‹¬ã—ã¤ã¤ã€ã€Žãƒšãƒ«ã‚½ãƒŠ3 ãƒ€ãƒ³ã‚·ãƒ³ã‚°ãƒ»ãƒ ãƒ¼ãƒ³ãƒŠã‚¤ãƒˆã€ã€ã€Žãƒšãƒ«ã‚½ãƒŠ5 ãƒ€ãƒ³ã‚·ãƒ³ã‚°ãƒ»ã‚¹ã‚¿ãƒ¼ãƒŠã‚¤ãƒˆã€ã®ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã‚’æ‹…å½“ã—ã¦ã„ã‚‹ã€‚é ˆè—¤æ°ã¯ã€ã‚¢ãƒˆãƒ©ã‚¹åˆã®UIï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼‰å°‚å±žãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚Šã€ã€Žãƒšãƒ«ã‚½ãƒŠ5ã€ã§ã¯ã‚¢ãƒ¼ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚’å…¼ä»»ã€‚å„ç¨®ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ç›£ä¿®ã‚„ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ©ã‚¤ãƒ„ãƒ‡ã‚¶ã‚¤ãƒ³ç›£ä¿®ãªã©ã‚‚è¡Œã£ã¦ã„ã‚‹
nori_ddd 2017/11/14
ui

ã‚²ãƒ¼ãƒ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
JetBrainsã®Web UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹åŒ– | Post Blog
Ring UIã‚’ç™ºè¡¨ã—ã¾ã™ã€‚Ring UIã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®Web UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã™ï¼ JetBrainsã¯ä½•å¹´ã«ã‚‚æ¸¡ã£ã¦Ring UIÂ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’é–‹ç™ºã—ã¦ãã¦ãŠã‚Šã€è¤‡é›‘ãªUIã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’æä¾›ã—ã¾ã™ã€‚Ring UIã¯50ã‚’è¶…ãˆã‚‹Reactã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‹ã‚‰ãªã‚Šã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒªãƒ³ã‚¯ã‚„ãƒœã‚¿ãƒ³ã«å§‹ã¾ã‚Šã€ãƒ‡ãƒ¼ãƒˆãƒ”ãƒƒã‚«ãƒ¼ã‚„ãƒ‡ãƒ¼ã‚¿ãƒªã‚¹ãƒˆã¨ã„ã£ãŸæ´—ç·´ã•ã‚ŒãŸã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¾ã§æƒã£ã¦ã„ã¾ã™ã€‚Â ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯YouTrakã€Hubã€Upsourceã‚’ã¯ã˜ã‚ã¨ã™ã‚‹è£½å“ã§ãƒ•ãƒ«æ´»ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã—ã¦JetBrainsã¯ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä»Šå¾Œã‚‚å¼•ãç¶šããƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã¦ã„ãã“ã¨ã«ã‚³ãƒŸãƒƒãƒˆã—ã¾ã™ã€‚ Ring UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†å ´é¢ã¨ã—ã¦ä¸€ã¤ã‚ã’ã‚‰ã‚Œã‚‹ã®ãŒHubã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã«çµ„ã¿è¾¼ã¿ã‚«ã‚¹ã‚¿ãƒ ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã®é–‹ç™ºã§ã™ã€‚Ring UIã‚’ä½¿ã†ã“ã¨ã§ãŠé¦´æŸ“ã¿ã®JetBrainsã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«é¦´æŸ“ã¿ã¾ã™ã€‚æ˜¯éžã‚¯ã‚¤ãƒƒã‚¯
nori_ddd 2017/08/04
ui

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
DBeaver - å¤šå½©ãªãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«å¯¾å¿œã—ãŸç®¡ç†UI
ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚’ä½¿ã£ãŸé–‹ç™ºã‚„é‹ç”¨æ™‚ã«ãŠã„ã¦GUIã®ç®¡ç†ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒæ¬²ã—ã„ã¨æ€ã†ã“ã¨ã¯å¤šã€…ã‚ã‚Šã¾ã™ã€‚ç‰¹ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®ç¨®é¡žãŒé•ã£ãŸã‚Šã€æŽ¥ç¶šå…ˆãŒã‚ã¡ã“ã¡ã«å˜åœ¨ã™ã‚‹ã¨ãã†æ„Ÿã˜ã‚‹ã¯ãšã§ã™ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒDBeaverã§ã™ã€‚å¤šå½©ãªãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«å¯¾å¿œã—ãŸç®¡ç†UIã§ã™ã€‚ DBeaverã®ä½¿ã„æ–¹ æŽ¥ç¶šå…ˆã®é¸æŠžç”»é¢ã§ã™ã€‚PostgreSQL/MySQL/MariaDB/DB2/Oracle/SQL Serverãªã©ã®åŸºæœ¬ã«åŠ ãˆã¦MS Accessã€infomixã€Mongo DBã€Firebirdãªã©ã‚‚é¸æŠžã§ãã¾ã™ã€‚ SSHãƒˆãƒ³ãƒãƒ«ã«å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§æœ¬ç•ªç’°å¢ƒã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚‚ç¢ºèªã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ æŽ¥ç¶šã—ã¾ã—ãŸã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ã®ä¸€è¦§ã§ã™ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚‚ç¢ºèªã§ãã¾ã™ã€‚ ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã¯ãƒªãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã®é–¢ä¿‚ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ DBeaverã‚’å…¥ã‚Œã¦ãŠã‘ã°ã€å¤§æŠµã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«ã¯æŽ¥ç¶šã§
nori_ddd 2017/05/05
ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹

ui
ãƒªãƒ³ã‚¯
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it â€“ why
nori_ddd 2016/11/13
electron

UI
ãƒªãƒ³ã‚¯
å–¶æ¥ãƒ»é‹ç”¨ã‚’æ”¯ãˆã‚‹ "æ°—ä»˜ã‘ã‚‹" ç®¡ç†ç”»é¢
åºƒå‘ŠãŒé‚ªé”ãªã®ã§speakderdeckã«ã‚‚ä¸Šã’ã¾ã—ãŸ https://speakerdeck.com/brtriver/ying-ye-yun-yong-wozhi-eru-qi-fu-keru-guan-li-hua-mian å‹•ç”»: https://youtu.be/CqMILKp3Ens?t=3h53m39s PHPã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹2015ã§ã®è¬›æ¼”è³‡æ–™ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚’ç®¡ç†ã™ã‚‹ã ã‘ãŒç®¡ç†ç”»é¢ã˜ã‚ƒãªã„ã€‚ã‚µãƒ¼ãƒ“ã‚¹ã®è³ªã‚’å‘ä¸Šã•ã›ã¦ã„ãã“ã¨ãŒã§ãã‚‹æœ€å¼·ã®ç®¡ç†ç”»é¢ã‚’é–‹ç™ºé‹ç”¨ã—ã¦ã„ã¦æ„è˜ã—ã¦ã„ã‚‹ã“ã¨ã‚’4ã¤ã®å·¥å¤«ã‚’è»¸ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ joind.in: https://joind.in/15322
nori_ddd 2015/10/06
ç®¡ç†ç”»é¢

ui
ãƒªãƒ³ã‚¯
ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã¯ãƒžã‚¦ã‚¹ã‚ˆã‚Šé…ã„ - WirelessWire News
CTRL+Xã§ã‚«ãƒƒãƒˆã€CTRL+Vã§ãƒšãƒ¼ã‚¹ãƒˆã€‚ ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã®ä½¿ã„æ–¹ã‚’è¦šãˆã‚‹ã¨ã€ãƒ‘ã‚½ã‚³ãƒ³ã®é”äººã«ãªã£ãŸã‚ˆã†ãªæ°—åˆ†ã«ãªã‚Šã¾ã™ã‚ˆãã€‚ ã—ã‹ã—ã€å®Ÿéš›ã«ã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ãƒžã‚¦ã‚¹ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€Œç·¨é›†ã€ã€Œãƒšãƒ¼ã‚¹ãƒˆã€ã‚’é¸ã¶ã‚ˆã‚Šã‚‚å¹³å‡2ç§’ã‚‚é…ã„ã®ã§ã™ã€‚ ã€Œãã‚“ãªãƒã‚«ãªã€ ã¨æ€ã„ã¾ã™ã‚ˆãã€‚ ã—ã‹ã—ã€ã“ã‚Œã¯Togã“ã¨ãƒ–ãƒ«ãƒ¼ã‚¹ãƒ»ãƒˆã‚°ãƒŠãƒƒãƒ„ã‚£ãƒ¼ãƒ‹ãŒAppleã§Macintoshã®é–‹ç™ºã‚’æ‹…å½“ã—ãŸéš›ã«è¡Œã£ãŸè†¨å¤§ãªå®Ÿé¨“ã®çµæžœã€è§£ã£ãŸã“ã¨ãªã®ã ãã†ã§ã™ã€‚ ã“ã‚Œã¯Togã®Webãƒšãƒ¼ã‚¸ã§ã‚‚è©³ã—ãç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—2ç§’ã¨ã¯ã¨ã¦ã‚‚ä¿¡ã˜ã‚‰ã‚Œã¾ã›ã‚“ã€‚ ã‚€ã—ã‚é€†ã®ã‚ˆã†ã«ã•ãˆæ„Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—Togã®ä¸»å¼µã«ã‚ˆã‚Œã°ã€æˆ‘ã€…ãƒ¦ãƒ¼ã‚¶ã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã‚’é¸ã¶ã®ã«2ç§’ã‹ã‹ã£ã¦ã„ã‚‹ã‚‚ã®ã®ã€ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã«ãŸã©ã‚Šç€ãã¾ã§ã®æ™‚é–“ã‚’å–ªå¤±ã—ã¦ã„ã‚‹ã€ã¤ã¾ã‚Šãƒ—ãƒè¨˜æ†¶å–ªå¤±çŠ¶æ…‹ã«ãªã£ã¦ã„ã‚‹ã¨ã„ã†ã®ã§ã™ã€‚ ã“ã‚“ãªä¸æ€è°ãªè©±ãŒã€æ…¶æ‡‰
nori_ddd 2015/03/23
ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ

UI
ãƒªãƒ³ã‚¯
DISã‚‰ã‚Œãªã„UIã‚’ä½œã‚‹ãŸã‚ã«æœ€ä½Žé™å®ˆã‚‹ã¹ã5ã¤ã®é‰„å‰‡ - ãŸã”ã‚‚ã‚Šã™ãƒ¡ãƒ¢
ã¼ãã‚‰ãŒè¿‚é—Šã«UIã‚’ä½œã‚‹ã¨ã€ãã“ã«ã¯ãƒ¦ãƒ¼ã‚¶ã®æ£ç›´ãªç›®ç·šãŒã‚ã‚Šã€éžå¸¸ã«æ§˜ã€…ãªã€ãã—ã¦çœŸã£å½“ãªåå¿œãŒã‚ã‚‹ã€‚ æ›°ãã€Œã‚ã‹ã‚‰ã‚“ã€ã€Œã¾ã•ã‹ãã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã¯ã€ã€Œä¸æ€è°ãªå‹•ä½œã€ã€Œç‹¬è‡ªå®‡å®™ã€ã€Œãƒ¢ãƒªã‚¹UIã€ã€‚ åå¿œãŒã‚‚ã‚‰ãˆã‚‹ã®ã¯éžå¸¸ã«è‰¯ã„ã“ã¨ã ãŒã€ä½•åº¦ã‚‚ä½•åº¦ã‚‚ç¹°ã‚Šè¿”ã—ã¦ã„ã‚‹ã¨ã¤ã‚‰ããªã£ã¦ãã‚‹ã®ã§ã€ã§ãã‚Œã°é¿ã‘ãŸã„ã€‚åˆ†ã‹ã£ã¦ã„ã‚‹(ã„ãŸ)ã“ã¨ã¯æœ€åˆã‹ã‚‰å¯¾å¿œã—ã¦ãŠããŸã„ã‚‚ã®ã ã€‚*1 ã¨ã„ã†ã“ã¨ã§ã€ã“ã“ã§ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§æ“ä½œã™ã‚‹ç®¡ç†ç”»é¢ç‰ã®WebUIã‚’ä½œã‚‹ã¨ãã€çœŸã£å…ˆã«å¿ƒå¾—ã¦ãŠãã¹ã5ã¤ã®é‰„å‰‡ã‚’ç´¹ä»‹ã—ãŸã„ã€‚ã“ã‚Œã‚’å®ˆã£ã¦ã„ã¦ã‚‚DISã‚‰ã‚Œãªããªã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ãŒã€ã“ã‚Œã‚’å®ˆã‚‰ãªã„ã¨é–“é•ã„ãªãDISã‚‰ã‚Œã‚‹ã®ã§æ³¨æ„ã—ã‚ˆã†ã€‚ ãªãŠã“ã®è¨˜äº‹ã§ã¯ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã¨ã„ã†ã‚‚ã®ã«ã¤ã„ã¦ã¯è€ƒæ…®ã—ãªã„ã€‚ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã¨ã‹çŠ¬ã«é£Ÿã‚ã›ã‚ã€‚ ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹å ´æ‰€ã¯cursor:pointerã‚’æŒ‡å®šã—ã‚ ã“ã‚Œã‚’å¿˜ã‚Œã‚‹ã¨ã“ã®ä¸–ã®ã‚‚ã®ã¨ã¯æ€ãˆãªã„ãã‚‰
nori_ddd 2014/07/19
ui

é–‹ç™º
ãƒªãƒ³ã‚¯
Node.jsã‚’ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®UIãƒ¬ã‚¤ãƒ¤ã«é™å®šã™ã‚‹ã®ã‹ï¼Ÿ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova.jp
http://www.nczonline.net/blog/2013/10/07/node-js-and-the-new-web-front-end/ Nicholas Zakasã¯Yahooå‡ºèº«ã§ç¾åœ¨Boxã«å‹¤ã‚ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã€JavaScriptã«é–¢ã™ã‚‹è¤‡æ•°ã®ã‚ªãƒ©ã‚¤ãƒªãƒ¼æœ¬ã®è‘—è€…ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚å½¼ãŒè‡ªèº«ã®ãƒ–ãƒã‚°ã§ã€Node.jsã‚’ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰UIãƒ¬ã‚¤ãƒ¤ã®ã¿ã§æ´»ç”¨ã™ã‚‹ã“ã¨ã‚’æè¨€ã—ã¦ã¾ã™ã€‚ JavaScript ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¯ã§ãã‚‹ãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®UIãƒ¬ã‚¤ãƒ¤ã¯ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®é ˜åŸŸã§ã€ãã‚ŒãŒãƒ•ãƒãƒ³ãƒˆï¼ˆJavaScriptï¼‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢åŒæ–¹ã®ã‚¹ãƒˆãƒ¬ã‚¹ã§ã‚ã£ãŸã€‚ï¼ˆå‚ç…§å›³ï¼‘ï¼‰ Node.jsã®ç™»å ´ã§ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®UIãƒ¬ã‚¤ãƒ¤ã‚’ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®ãƒ“ã‚¸ãƒã‚¹ãƒã‚¸ãƒƒã‚¯ã‹ã‚‰åˆ†é›¢ã—ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ãƒ–ãƒ©ã‚¦ã‚¶ & ã‚µãƒ¼ãƒã®UIãƒ¬ã‚¤ãƒ¤ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³
nori_ddd 2013/10/09
node.js

javascript

ui
ãƒªãƒ³ã‚¯
ä¼Šè—¤ç›´ä¹Ÿæ°ãŒèªžã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ã„ã¾ã¨ã“ã‚Œã‹ã‚‰ï¼ˆå‰ç·¨ï¼‰ï½žSalesforce Developer Conference Tokyo 2013
ä¼Šè—¤ç›´ä¹Ÿæ°ãŒèªžã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ã„ã¾ã¨ã“ã‚Œã‹ã‚‰ï¼ˆå‰ç·¨ï¼‰ï½žSalesforce Developer Conference Tokyo 2013 ã„ã¾å¤šãã®é–‹ç™ºè€…ãŒå–ã‚Šçµ„ã‚‚ã†ã¨ã—ã¦ã„ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã¯ã€çµŒé¨“ã®é¢ã§ã‚‚æŠ€è¡“ã®é¢ã§ã‚‚ã€ã‚³ãƒ³ã‚·ãƒ¥ãƒ¼ãƒžå‘ã‘ã®é–‹ç™ºç¾å ´ãŒå¤§ããå…ˆè¡Œã—ã¦ã„ã¾ã™ã€‚ 9æœˆ6æ—¥é–‹å‚¬ã•ã‚ŒãŸSalesforce Developer Conference Tokyo 2013ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€ŒB2Cã‹ã‚‰ã¿ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ã„ã¾ã¨ã“ã‚Œã‹ã‚‰ã€ã§ã¯ã€ã‚³ãƒ³ã‚·ãƒ¥ãƒ¼ãƒžå‘ã‘ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã®ç¾å ´ã«èº«ã‚’ç½®ã„ã¦ããŸä¼Šè—¤ç›´ä¹Ÿæ°ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’æˆåŠŸã•ã›ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’ã€ã“ã‚Œã¾ã§ã®çµŒé¨“ã‚„ç¾åœ¨ã®é–‹ç™ºç¾å ´ã§å¾—ãŸãƒŽã‚¦ãƒã‚¦ãªã©ã‚’åŸºã«èªžã£ã¦ã„ã¾ã™ã€‚ è©¦è¡ŒéŒ¯èª¤ã®å›žæ•°ã‚’å¢—ã‚„ã™ã€iOSã¨Androidã¯åŒã˜ã‚ˆã†ã«ä½œã£ã¦ã¯ã„ã‘ãªã„ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«é–¢ã‚ã‚‹ã‚¨ãƒ³ã‚¸
nori_ddd 2013/09/10
é–‹ç™º

ãƒ¢ãƒã‚¤ãƒ«

ã‚¢ãƒ—ãƒª

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

UI
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€ãªãœæ©Ÿèƒ½è¿½åŠ ã‚’ã—ç¶šã‘ã‚‹ã¨ã‚¢ãƒ—ãƒªãŒç ´ç¶»ã™ã‚‹ã®ã‹ï¼Ÿ | fladdict
ã“ã®å†™çœŸã¯ã€ã‚¢ãƒ¼ãƒŸãƒ¼ãƒŠã‚¤ãƒ•ã®åé–€ã‚¦ã‚§ãƒ³ã‚¬ãƒ¼ç¤¾ã®ã‚¸ãƒ£ã‚¤ã‚¢ãƒ³ãƒˆãƒŠã‚¤ãƒ•ã¨ã„ã†æœ€é«˜ç´šãƒŠã‚¤ãƒ•ã§ã‚ã‚‹ã€‚141ã®æ©Ÿèƒ½ã‚’æŒã¤ã€ã‚®ãƒã‚¹èªå®šã‚‚ã•ã‚ŒãŸåŽšã•24cmã€é‡é‡1.3kgã®ä¸–ç•Œã§æœ€ã‚‚é«˜æ©Ÿèƒ½ãªãƒŠã‚¤ãƒ•ã ã€‚ãƒˆãƒƒãƒ—ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒè‡ªç¤¾è£½å“ã®å…¨æ©Ÿèƒ½ã‚’ï¼‘ã¤ã«é›†ç´„ã—ãŸã“ã®è£½å“ã“ããŒã€æ©Ÿèƒ½æ‹¡å¼µã®è¡Œãç€ãå…ˆã‚’æŒ‡ã—ç¤ºã—ã¦ã„ã‚‹ã€‚ ãªãœé©åˆ‡ãªæ©Ÿèƒ½è¿½åŠ ã§ã‚ã£ã¦ã‚‚ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¤ã¥ã‘ã‚‹ã“ã¨ã§ç ´ç¶»ã‚’ã™ã‚‹ã®ã‹ï¼Ÿæœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ã€ã€Œã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€é¡§å®¢ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—ãƒªã¯99%ç ´ç¶»ã™ã‚‹ã€ã®ç¶šãã«ãªã‚‹ã€‚ æœ¬ã‚¨ãƒ³ãƒˆãƒªã§ã¯ä»¥ä¸‹ã®ï¼”ã¤ã®å´é¢ã‹ã‚‰ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ãƒªã‚¹ã‚¯ã‚’è€ƒãˆã‚‹ã€‚ã¾ãšç¬¬ä¸€ã«ã€Œé¸æŠžè‚¢ã®æ•°ãŒå¿…ãšã—ã‚‚å–„ã§ã¯ãªã„ã“ã¨ã€ã€‚æ¬¡ã«ã€Œäººé–“ã®åˆ¤æ–åŠ›ã¯ä½¿ã†ã»ã©æ¶ˆè€—ã™ã‚‹ã“ã¨ã€ã€‚ãã—ã¦ã€Œç”»é¢ã‚¹ãƒšãƒ¼ã‚¹ãŒæœ‰é™ã®ãƒªã‚½ãƒ¼ã‚¹ã§ã‚ã‚‹ã“ã¨ã€ã€‚æœ€å¾Œã«ã€Œã©ã‚“ãªã«æ©Ÿèƒ½ã‚’å¢—ã‚„ã—ã¦ã‚‚ã€ä¸€ç”»é¢ã§å¼·èª¿ã§ãã‚‹ã‚‚ã®ã¯é™ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ã€ã€‚ã“ã‚Œã‚‰ã®ï¼”ã¤ã¯å…¨ã¦ã€æ©Ÿèƒ½è¿½åŠ ãŒæœ€
nori_ddd 2013/08/13
ã‚¹ãƒžãƒ›

ui

ã‚¢ãƒ—ãƒª

UX
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€é¡§å®¢ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—ãƒªã¯99%ç ´ç¶»ã™ã‚‹ | fladdict
é¡§å®¢ã‚„ä¸Šå¸ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å ´å½“ãŸã‚Šãªè¦æœ›ã«å¯¾å¿œã—ã¤ã¥ã‘ã‚‹ã¨ã€ã©ã‚“ãªã‚¢ãƒ—ãƒªã‚‚ã‚´ãƒŸã‚¢ãƒ—ãƒªã«ãªã‚‹ã€‚ãŸã¨ãˆãã‚ŒãŒç†ã«ã‹ãªã£ãŸè¦æœ›ã§ã‚ã£ã¦ã‚‚ã€‚ ãªãœãªã‚‰é¢ç©ã®é™ã‚‰ã‚ŒãŸã‚¹ãƒžãƒ›ã§ã¯ã€Œä¸€ç”»é¢ã®æ©Ÿèƒ½æ•°ã¨ãƒœã‚¿ãƒ³æ•°ã€ãŒã€ä½¿ã„æ˜“ã•ã¨å“è³ªã«æ·±ããƒªãƒ³ã‚¯ã—ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã‚’ã€ã‚¨ãƒ©ã„äººã«ãƒ—ãƒ¬ã‚¼ãƒ³ã™ã‚‹ã®ãŒãŠä»•äº‹ã®ä»Šæ—¥ã“ã®é ƒã€‚ã§ã‚‚æ¯Žå›žæ¯Žå›žã€åŒã˜ã“ã¨ã‚’èª¬æ˜Žã™ã‚‹ã®ãŒã‚·ãƒ³ãƒ‰ã‚¤ã®ã§è³‡æ–™ã‚’ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ãŸã„ãªãã¨æ€ã†ãªã©ã€‚ æ€è€ƒå®Ÿé¨“ã¨ã—ã¦ã€ã“ã“ã§ã¯æž¶ç©ºäº‹ä¾‹ã¨ã—ã¦Twitterã‚¢ãƒ—ãƒªã‚’ä¾‹ã«è€ƒãˆã¦ã¿ã‚‹ã€‚ ä½•ã‹ã®é–“é•ã„ã§ã€æ—¥æœ¬ã®å¤§æ‰‹ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒTwitterã‚’è²·åŽã™ã‚‹ã¨ãƒ»ãƒ»ãƒ»UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½“ã‚’å¼µã‚‰ãªã„ã¨99%ãã‚‰ã„ã®ç¢ºçŽ‡ã§ã“ã†ãªã‚‹ã®ã§ã™ã€‚ ã“ã“ãŒã‚ªãƒªã‚¸ãƒŠãƒ« Request1: ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ãƒˆãƒƒãƒ—éšŽå±¤ã« ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®çœŸã£å½“ãªè¦æœ›ã€‚å®Ÿéš›ã«ã¯ã‚µãƒ¼ãƒ“ã‚¹ã®æœ¬è³ªã§ã¯ãªã„ã®ã§ã™ãŒã€è¦æœ›ã¯ã‹ãªã‚Šå¤šã„ã¯ãšã€‚ ãŸã Twitterç¤¾çš„ã«ã¯me
nori_ddd 2013/08/09
ã‚¢ãƒ—ãƒª

ui

ux

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Bootstrapã ã‘ã˜ã‚ƒãªã„ï¼ãƒžãƒƒãƒã§ãƒ•ãƒ©ãƒƒãƒˆã‚„ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®UIãŒå°Žå…¥ã§ããã†ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„UIã‚ãƒƒãƒˆç‰è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
nori_ddd 2013/08/07
bootstrap

CSS

ui
ãƒªãƒ³ã‚¯
æµ·å¤–ã€Œã“ã®æŠ€è¡“ã¯ä¸–ç•Œã‚’å¤‰ãˆã‚‹ã€ã€€å¯Œå£«é€šã®æœ€æ–°æŠ€è¡“ãŒæœªæ¥çš„éŽãŽã‚‹
ä»Šå›žã¯å¯Œå£«é€šç ”ç©¶æ‰€ãŒé–‹ç™ºã«æˆåŠŸã—ãŸã€ æ¬¡ä¸–ä»£ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‹ã‚‰ã€‚ æ›¸é¡žãªã©ã‚’ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ã«å¤‰ãˆã¦ã—ã¾ã†æŠ€è¡“ãªã®ã§ã™ãŒã€ å€‹äººçš„ã«ã¯é–‹ç™ºå“ã«ã“ã‚Œã»ã©æ„Ÿå‹•ã‚’è¦šãˆãŸã®ã¯ä¹…ã—ã¶ã‚Šã§ã™ã€‚ è©³ç´°ã¯å‹•ç”»å†…ã«ã¦èª¬æ˜Žã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã•ã£ããã”ã‚‰ã‚“ãã ã•ã„ã€‚ å®Ÿä¸–ç•Œã®ç‰©ã«å¯¾ã—ã¦ã‚¿ãƒƒãƒæ“ä½œå¯èƒ½ãªæ¬¡ä¸–ä»£UI #DigInfo â– ã€€ã“ã‚Œã¯ã€æœªæ¥ã€å›ãªã®ã‹ï¼Ÿã€€ãƒã‚·ã‚¢ â– ã€€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã“ã®æ©Ÿèƒ½ãŒä»˜ã„ã¦ãŸã‚‰æœ€é«˜ã ã‚ˆãªã€‚ã€€ã‚»ãƒ«ãƒ“ã‚¢ â– ã€€æœªæ¥ã¯ã¾ã•ã«ã“ã“ã‹ã‚‰å§‹ã¾ã‚‹ã€‚ã€€+79ã€€ãƒžãƒ¬ãƒ¼ã‚·ã‚¢ â– ã€€æœªæ¥ãŒå§‹ã¾ã‚‹ã®ã¯ã„ã¤ã ã£ã¦æ—¥æœ¬ã‹ã‚‰ã•ã€‚ã€€+4ã€€ã‚¢ãƒ¡ãƒªã‚« â– ã€€ã‚‚ã£ã¨è¨€ã†ã¨ã€æ—¥æœ¬ã‹ã‚‰ã™ã¹ã¦ãŒå§‹ã¾ã£ãŸã€‚ã€€ãƒžãƒ¬ãƒ¼ã‚·ã‚¢ â– ã€€æœªæ¥ã®ä¿ºã®ãƒ‡ã‚¹ã‚¯ã«ã¯ã“ã®æŠ€è¡“ãŒæè¼‰ã•ã‚Œã¦ã‚‹ã¯ãšã€‚ã€€å›½ç±ä¸æ˜Ž â– ã€€æœªæ¥ãŒã‚‚ã†ã™ããã“ã¾ã§æ¥ã¦ã‚‹ã£ã¦æ„Ÿã˜ãŒã™ã‚‹ï¼ã€€å›½ç±ä¸æ˜Ž â– ã€€ãƒ—ãƒã‚¸ã‚§ã‚¯ã‚¿ãƒ¼ã¯ã¡ã‚‡ã£ã¨ä¸ä¾¿ã ãªã£ã¦æ€ã£ã¦ãŸãƒˆã‚³ãªã‚“ã ã‚ˆã€‚ ã“ã‚Œã«åŠ ãˆã¦ã‚°ãƒ¼ã‚°ãƒ«ã‚°
nori_ddd 2013/04/17
ui

å¯Œå£«é€š
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯æ ¼å¥½ã„ã„ã€‚Windows 8ã®Metro UIã‚’HTML5ã§å†ç¾Â·Metro UI CSS MOONGIFT
Metro UI CSSã¯Windows 8ã®Metro UIã‚’HTML5/CSS3ã§å†ç¾ã—ãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ æ¬¡æœŸWindowsã®Windows 8ã§ã¯Metro UIã¨å‘¼ã°ã‚Œã‚‹æ–°ã—ã„ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã‚“ãªMetro UIã‚’CSSã§å†ç¾ã—ãŸã®ãŒMetro UI CSSã«ãªã‚Šã¾ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§è¦‹ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ãŒä¸¦ã‚“ã§ã„ã¾ã™ã€‚ é¸æŠžã§ãã‚‹ç”»åƒãƒªã‚¹ãƒˆã§ã™ã€‚ é¸æŠžã§ãã‚‹ãƒªã‚¹ãƒˆã§ã™ã€‚ç”»åƒã‚‚åŸ‹ã‚è¾¼ã‚ã¾ã™ã€‚ ãƒãƒ£ãƒƒãƒˆãªã©ã§ä½¿ãˆãã†ãªãƒªã‚¹ãƒˆã§ã™ã€‚å¹ãå‡ºã—ã‚‚ã¤ã„ã¦ã„ã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒªã‚¹ãƒˆã§ã™ã€‚ æ™‚è¨ˆãªã©ã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã§ã™ã€‚ iPadã§ã®è¡¨ç¤ºã§ã™ã€‚ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®æ–¹ãŒæœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ å·¦å³ã®ç§»å‹•ã‚‚ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢å‹•ç”»ã§ã™ã€‚å‹•ãã¯ã‚¹ãƒ ãƒ¼ã‚ºã§ã™ã€‚ å‹•ãã¯ã‹ãªã‚Šã‚¹ãƒ ãƒ¼ã‚ºã§æ ¼å¥½ã„ã„ã§ã™ã€‚ãƒ‘ãƒãƒ«ã‚’æŠ¼ã™ã¨ã¡ã‚‡ã£ã¨ã¸ã“ã‚“ã ã‚Šã€ãƒœã‚¿ãƒ³ã‚‚å¤šæ•°ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒªã‚¹ãƒˆã‚’ã‚¿ãƒƒãƒ—ã—ã¦é¸æŠžã—
nori_ddd 2013/01/30
jQuery

ui
ãƒªãƒ³ã‚¯
[JS]ã‚¨ã‚¯ã‚»ãƒ«ã‚„ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆã®ã‚ˆã†ã«ç¾Žã—ãæ©Ÿèƒ½çš„ãªè¡¨ã‚’ä½œæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -ParamQuery grid
HTMLã§ä½œæˆã—ãŸæ™®é€šã®ãƒ†ãƒ¼ãƒ–ãƒ«ã§ã‚‚ã€Microsoft Officeã®ã‚¨ã‚¯ã‚»ãƒ«ã‚„Googleã®ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆã®ã‚ˆã†ã«ç¾Žã—ãæ©Ÿèƒ½çš„ãªãƒ†ãƒ¼ãƒ–ãƒ«ã«ã™ã‚‹è»½é‡ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ParamQuery grid ã‚½ãƒ¼ãƒˆã€ã‚»ãƒ«ã‚µã‚¤ã‚ºã®å¤‰æ›´ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ç·¨é›†ãªã©ã‚‚ã§ãã¾ã™ã€‚ ParamQuery gridã®ç‰¹å¾´ ParamQuery gridã®ãƒ‡ãƒ¢ ParamQuery gridã®ä½¿ã„æ–¹ ParamQuery gridã®ç‰¹å¾´ å•†ç”¨åˆ©ç”¨å¯ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã€‚ ãƒ‡ãƒ¼ã‚¿ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯HTML, Array, XML, JSONãªã©ã€‚ ã‚½ãƒ¼ãƒˆã€ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã€ã‚«ãƒ©ãƒ ã®ãƒªã‚µã‚¤ã‚ºã«å¯¾å¿œã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ†ãƒ¼ãƒžã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ã€‚ ãƒãƒ¼ãƒãƒ£ãƒ«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ»ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€‚ ã‚»ãƒ«ã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ç·¨é›†ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE6/7/8ã‚’ã¯ã˜ã‚ã€ä¸»è¦ãªå…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã€‚ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ASP.NET,
nori_ddd 2013/01/12
jqgridä½¿ã£ã¦ãŸã‘ã©ã€ã“ã‚Œã‚‚è©¦ã—ã¦ã¿ã‚‹ã‹ãªã€‚

jQuery

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