「玄関ドアã€ã‹ã‚‰ã¯ã˜ã‚る防犯対ç–ã€‚ã€Œãƒ‰ã‚¢ã‚’ç ´ã‚‰ã‚Œãªã„ã€ã€Œéµã‚’ã‹ã‘忘れãªã„ã€ã®2軸ãŒå¤§äº‹ã€ä»Šæ—¥ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ„ール】
マテリアルデザインã«ä½¿ãˆã‚‹é…色をã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆã€ŒMaterial UI〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
「玄関ドアã€ã‹ã‚‰ã¯ã˜ã‚る防犯対ç–ã€‚ã€Œãƒ‰ã‚¢ã‚’ç ´ã‚‰ã‚Œãªã„ã€ã€Œéµã‚’ã‹ã‘忘れãªã„ã€ã®2軸ãŒå¤§äº‹ã€ä»Šæ—¥ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ„ール】
React×Material-UIã§ãƒ¢ãƒ€ãƒ³ãªUIを実装ã™ã‚‹
Reactã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’組ã¿åˆã‚ã›ã¦é–‹ç™ºã‚’è¡Œã†ã“ã¨ã§ã€ä¿å®ˆæ€§ã®é«˜ã„アプリケーションを実ç¾ã§ãるライブラリã§ã™ã€‚åŒæ™‚ã«ã€å„ªã‚ŒãŸUIã‚’æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã‚‚ã‚ã‚Šã¾ã™ã€‚å‰å›žã¯Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®åŸºæœ¬ã§ã‚ã‚‹Propsã¨Stateã€ãŠã‚ˆã³ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚本稿ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚’アップã•ã›ã¦ãれるサードパーティー製ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚»ãƒƒãƒˆã€Material-UIã®ä½¿ç”¨æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚Material-UIã¯ã€Googleã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«å‰‡ã£ã¦é–‹ç™ºã•ã‚ŒãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ©ã‚¤ãƒ–ラリã§ã€æ´»ç”¨ã™ã‚‹ã“ã¨ã§ç°¡å˜ã«è¦‹æ „ãˆã®ã„ã„アプリを作るã“ã¨ãŒã§ãã¾ã™ã€‚ 対象èªè€… JavaScriptã¨Web開発ã®åŸºç¤Žã«ç†è§£ãŒã‚ã‚‹æ–¹ Reactã«èˆˆå‘³ï¼é–¢å¿ƒãŒã‚ã‚Šã€ã“ã‚Œã‹ã‚‰å¦ã³å§‹ã‚ã‚‹æ–¹ å‰æ環境 macOS Sierra 10.12 Node.js v6.6.0ï¼npm 3.10.3 Reac
react-navigation V5
概è¦react-navigationã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³5ã¯çµæ§‹è‰²ã€…変ã‚ã‚Šã¾ã—ãŸã。V3ã¨V4ã¯ã¡ã‚‡ã£ã¨ä¼¼ã¦ã‚‹æ„Ÿã˜ãŒã‚ã‚Šã¾ã—ãŸãŒã€V5ã¯å…¨ç„¶é•ã†Navigationを使ã†æ„Ÿã˜ã§ã—ãŸã€‚ã ã‹ã‚‰ã€ã“ã®ã‚ˆã†ã«react-navigation V5ã«é–¢ã™ã‚‹ãƒ–ãƒã‚°ãƒã‚¹ãƒˆã‚’作æˆã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³(V3, V4)ã«é–¢ã—ã¦çŸ¥ã‚ŠãŸã„æ–¹ã¯ã€ä»¥å‰ã®ãƒ–ãƒã‚°ã‚’å‚考ã—ã¦ãã ã•ã„。 react-navigationreact-navigationã®V5ã«é–¢ã™ã‚‹å…¬å¼ã‚µã‚¤ãƒˆã¯ä¸‹è¨˜ã«ãªã‚Šã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆ: https://reactnavigation.orgã“ã®ãƒ–ãƒã‚°ãƒã‚¹ãƒˆã§ã¯react-navigation V5を使ã†æ–¹æ³•ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ react-nativeプãƒã‚¸ã‚§ã‚¯ãƒˆç”Ÿæˆã“ã“ã§ç´¹ä»‹ã™ã‚‹ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯typescriptã¨styled-componentsãŒé©ç”¨ã•ã‚Œã¦ãŠã‚Šã¾ã™ã€‚React Nativ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}