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

feb223 id:feb223

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

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

React Storybook ã§å¤‰ã‚ã‚‹UIé–‹ç™ºãƒ•ãƒãƒ¼ (Redux Flavor) - Qiita
SPAã‚’è€ƒãˆã‚‹ä¼š (D3å‹‰å¼·ä¼š 2016.10.06) by @kitaly (twitter: @kita_ly) è‡ªå·±ç´¹ä»‹ @kitaly Twitter: @kita_ly ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ REST APIé–‹ç™º (Scala/Play) SPAé–‹ç™º (TypeScript, Angular.js, React.js) ãƒ“ã‚ºãƒªãƒ¼ãƒ HRMOS ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºéƒ¨ æŽ¡ç”¨ç®¡ç†ã€€(2016å¹´6æœˆãƒªãƒªãƒ¼ã‚¹) å‹¤æ€ ç®¡ç†, è©•ä¾¡ç®¡ç†, ãã®ä»–HRç³»ã‚µãƒ¼ãƒ“ã‚¹ (Coming Soon..) éŽåŽ»ã®ç™ºè¡¨è³‡æ–™ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒ 1å¹´é–“ã¾ã˜ã‚ã«SPAã‚„ã£ã¦ã¿ãŸ ãƒ’ã‚™ã‚¹ã‚™ãƒªãƒ¼ãƒã¦ã‚™ã¯DBFluteãƒãƒ³ã‚¹ã‚™ã‚ªãƒ³ã‚„ã£ã¦ã¾ã™ ã¯ã˜ã‚ã« React / Redux / Webpack å‰æã®è©±ã§ã™ãŒ ä»–ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå¿—å‘FWãªã©ã§ã‚‚ã€ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚„ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã¯å¿œç”¨å¯èƒ½ã ã¨æ€ã£ã¦ã„ã¾ã™ æ–°ã—ã„ãƒ„ãƒ¼ãƒ«
feb223 2017/01/19
ui

é–‹ç™º

Component

redux

react

javascript
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã¯åŸºæœ¬ãŒå¤§åˆ‡ï¼ã²ã¨ã¤ä¸€ã¤ã‚’ã—ã£ã‹ã‚Šè¦‹ç›´ã—ã¦ãŠããŸã„20ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
æ–‡å—ã®æ‰±ã„æ–¹ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚«ãƒ©ãƒ¼ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã€ãƒ—ãƒã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã“ã ã‚ã£ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã¨ãªã‚‹ãƒ«ãƒ¼ãƒ«ã¨ã€ã¤ã„ã‚„ã£ã¦ã—ã¾ã†é–“é•ã„ã¨ãã®è§£æ±ºæ–¹æ³•ã¾ã§ã€ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚‹ãŸã‚ã«ã²ã¨ã¤ä¸€ã¤ã‚’ã—ã£ã‹ã‚Šè¦‹ç›´ã—ãŸã„20ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã¯ãƒ•ã‚©ãƒ³ãƒˆã®æ–‡å—é–“ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’èª¿æ•´ã™ã‚‹ã“ã¨ã§ã™ã€‚ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã®æœ€çµ‚ç›®çš„ã¯ã€ãã‚Œãžã‚Œã®æ–‡å—ã®é–“ãŒä¸è‡ªç„¶ãªç©ºç™½ã«ãªã‚‰ãªã„ã‚ˆã†ã«å—é¢é–“ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’å‡ç‰ã«ã—ã€ãƒ†ã‚ã‚¹ãƒˆã‚’ç¾Žã—ãæ•´ç„¶ã¨ã—ãŸä¸€ã¤ã®ã¾ã¨ã¾ã‚Šã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã™ã€‚ ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ãŒã•ã‚Œã¦ã„ãªã„ã€ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ãŒã„ã„ã‹ã’ã‚“ãªä»•äº‹ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸–ç•Œã«ãŠã„ã¦å¤§ç½ªã®ä¸€ã¤ã§ã™ã€‚ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ—©ã„æ®µéšŽã§èº«ã«ã¤ã‘ã‚‹ã¹ãé‡è¦ãªã‚¹ã‚ãƒ«ã§ã™ã€‚ 20 Typography Mistakes Every Beginner Makes åŸºæœ¬çš„ã ã‘ã©å¤§åˆ‡ãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®ã‚·ãƒ³ãƒ—ãƒ«ãª14ã®ãƒ«ãƒ¼ãƒ« ãƒªãƒ¼ãƒ€ãƒ“ãƒª
feb223 2015/06/15
webãƒ‡ã‚¶ã‚¤ãƒ³

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

UI
ãƒªãƒ³ã‚¯
Material Designã®ç›®æŒ‡ã™ã¨ã“ã‚ã¨Androidå´ã®å¤‰æ›´ç‚¹ - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆå®¤ã® @rejasupotaro ã§ã™ã€‚ ä»Šå¹´ã®Google I/Oã§ã¯Android Oneã€Android Lã€Material Designã€Android Wareã€Android Autoã€Android TVã€Google Cloud Platformã€Google Fitãªã©ã®ç™ºè¡¨ãŒã‚ã‚Šã¾ã—ãŸã€‚å¼Šç¤¾ã‹ã‚‰ã¯ç§ã¨ @sys1yagi ã¨ @__gfx__ ãŒå‚åŠ ã—ãŸã®ã§ã€ä½•å›žã‹ã«åˆ†ã‘ã¦Google I/Oã®ç™ºè¡¨ã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯Material Designã§ã™ã€‚å†…å®¹ã¯å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ã‚»ãƒƒã‚·ãƒ§ãƒ³å‹•ç”»ã®è¦ç´„ã‚„å‚è€ƒãƒªãƒ³ã‚¯ã‹ã‚‰ã®å¼•ç”¨ã‚’å«ã¿ã¾ã™ãŒã€ç†è€…ã®è€ƒå¯Ÿã‚„ä¸»è¦³ã‚‚å«ã¾ã‚Œã¾ã™ã€‚ Material Designã¨ã¯ Material Designã¨ã¯ã€GoogleãŒç™ºè¡¨ã—ãŸãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚„ãƒ‡ãƒã‚¤ã‚¹é–“ã®åŒ…æ‹¬çš„ãª
feb223 2015/01/19
material design

design

android

google

ui

material

shadow

å½±
ãƒªãƒ³ã‚¯
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒæœ€é«˜ã«å®Ÿè·µçš„ã ã£ãŸ
ã€Œ2014å¹´ã«ã‚°ãƒƒã¨ããŸã‚³ãƒ¬ã€ãŒãƒ†ãƒ¼ãƒžã«ãªã‚‹Â Fenrir Advent Calendar 2014Â ã®24æ—¥ç›®ã§ã™ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å¤§è¥¿ã§ã™ã€‚ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãã®ã‚‚ã®ã¸ã®è¨˜äº‹ã¯æ—¢ã«å¤šãã®æ–¹ã€…ãŒå–ã‚Šçµ„ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€å°‘ã—ç›®å…ˆã‚’å¤‰ãˆã¦ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«ã¤ã„ã¦ã§ã™ã€‚ ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒæœ€é«˜ã«å®Ÿè·µçš„ã§ã‚°ãƒƒã¨ãã¾ã—ãŸã€‚ UIãƒ»UXã«ã¤ã„ã¦ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯é¢ç™½ãã¦å‹‰å¼·ã«ã‚‚ãªã‚‹ã®ã§ã™ãŒã€ç†è§£ã—ã¦å®Ÿè·µã™ã‚‹ã¨ã“ã‚ã«ã¾ã§åˆ°é”ã™ã‚‹ã®ã«ã¯ä¸ã€…ã®ã‚¨ãƒãƒ«ã‚®ãƒ¼ã‚’ä½¿ã„ã¾ã›ã‚“ã‹ï¼Ÿ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¯è‹±èªžã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãªã®ã§æœ€åˆã¯å°»è¾¼ã¿ã—ã¾ã—ãŸãŒã€èªã¿é€²ã‚ã‚‹ã†ã¡ã«å†…å®¹ã®å……å®Ÿã£ã·ã‚Šã«å¼•ãè¾¼ã¾ã‚Œã¾ã—ãŸã€‚ã“ã“ã¾ã§è¦ªåˆ‡ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯çã—ã„ã¨æ€ã„ã¾ã™ã€‚å’Œè¨³ã‚‚æ¬²ã—ã„ã¨ã“ã‚ã§ã™ãŒã€ç”¨ä¾‹ã¨ã—ã¦ç”»åƒãŒãŸãã•ã‚“æŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ç¿»è¨³ã‚µã‚¤ãƒˆã‚’ä½¿ãˆã°å……åˆ†ç†è§£ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ è±Šå¯Œãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ç´ æ 750ç¨®é¡žä»¥ä¸Šã®ã‚¢ã‚¤ã‚³ãƒ³
feb223 2014/12/25
ã‚¢ã‚¤ã‚³ãƒ³

ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³

Google

UI

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
blog lesson 01 - ã€Androidã€‘ã‚«ã‚¹ã‚¿ãƒ ãƒ“ãƒ¥ãƒ¼ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆxmlã‚’é©ç”¨ã™ã‚‹
Viewã‚’ç¶™æ‰¿ã—ãŸç‹¬è‡ªã®ã‚«ã‚¹ã‚¿ãƒ ãƒ“ãƒ¥ãƒ¼å†…ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’xmlã§å®šç¾©ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹äº‹ã¯Javaã‚³ãƒ¼ãƒ‰ã§æ›¸ãã‚ˆã‚Šã‚‚xmlã§å®šç¾©ã—ã¦ãŠã„ãŸã»ã†ãŒã‚³ãƒ¼ãƒ‰é‡ãŒæ¸›ã‚‹ã—ã€å¾Œã€…ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ããªã‚‹ã€‚ ä»Šå›žã¯ã“ã®æ–¹æ³•ã«ã¤ã„ã¦è¦‹ã¦ã„ãã€‚ ã¾ãšã€ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã®å®Œæˆå½¢ã¨ãªã‚‹ç”»é¢ã‚’ç¤ºã™ã€‚ ç”»é¢ä¸Šéƒ¨ã«è¡¨ç¤ºã•ã‚ŒãŸèµ¤è‰²ã®éƒ¨åˆ†ãŒã‚«ã‚¹ã‚¿ãƒ ãƒ“ãƒ¥ãƒ¼ã¨ãªã£ã¦ã„ã‚‹ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã¨ãã®ä¸‹ã«3ã¤ãƒœã‚¿ãƒ³ãŒã‚ã£ã¦ã€ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ãƒ†ã‚ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã«æŠ¼ã—ãŸãƒœã‚¿ãƒ³ã®ãƒ†ã‚ã‚¹ãƒˆãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ ã¾ãšã¯ã€ã“ã®ã‚«ã‚¹ã‚¿ãƒ ãƒ“ãƒ¥ãƒ¼ã«é©ç”¨ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆxmlã‚’ç¤ºã™ã€‚ myview.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/andro
feb223 2014/09/11
android

custom view

ui
ãƒªãƒ³ã‚¯
1