Vue.js × Atomic Design - コンãƒãƒ¼ãƒãƒ³ãƒˆåˆ†å‰²ã®æŒ‡é‡ / Vue.js and Atomic Design - Guideline for components division
Vue.js 講演用資料ã§ã™ã€‚ # æ¦‚è¦ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã©ã®ã‚ˆã†ãªç²’度ã§åˆ†å‰²ã—ã€ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã¹ãã‹ã¨ã„ã†ã®ã¯é›£ã—ã„テーマã§ã™ã€‚ 一概ã«æ£è§£ãŒã‚ã‚‹ã¨ã‚‚言ã„切れãªã„テーマã§ã™ãŒã€ã“ã®æŒ‡é‡ã‚’ç–Žã‹ã«ã™ã‚‹ã“ã¨ã¯ãƒãƒ¼ãƒ ã‚’æ··ä¹±ã«é™¥ã‚Œã‚‹ã“ã¨ã¨åŒç¾©ã§ã™ã€‚ ãれ㌠SPA 未経験ã®ãƒãƒ¼ãƒ ã§ã‚ã‚Œã°ãªãŠã•ã‚‰â€¦
Nuxt.js × Atomic Designã®ã‚µãƒ¼ãƒ“スデザインフãƒãƒ¼
2019/6/1 åˆå¤ã®JavaScriptç¥ã‚Šã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ Atomic Designã®è€ƒãˆæ–¹ã‚’Nuxt.jsã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåˆ†å‰²ã«å–り入れã¦ã‚µãƒ¼ãƒ“ス開発ã—ã¦ã¿ã¾ã—ãŸã€‚フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ä¸¡é¢ã‹ã‚‰ã®è¦–点ã§ã‚„ã£ã¦ã¿ã¦è‰¯ã‹ã£ãŸã“ã¨ã‚„ãƒãƒžã‚Šã©ã“ã‚ã‚’ã”紹介ã—ã¾ã™ã€‚
å›ãŸã¡ã¯ãã‚“ãªã«ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå¥½ããªã®ã‹ã？
ã¯ã˜ã‚㫠本稿㯠UI Design Advent Calendar 2015 – 8日目ã®ãƒ¢ãƒã‚¤ãƒ« UI ã«é–¢ã™ã‚‹è¨˜äº‹ã§ã™ã€‚ ã¾ãšç§ã¯ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã„ㆠUI ãŒå«Œã„ã§ã™ã€‚ãã®ç†ç”±ã«ã¤ã„ã¦ã“ã®è¨˜äº‹ã§èª¬æ˜Žã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚ã®ä¸‰æœ¬ç·šã‚’人ã¯ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã¨å‘¼ã¶ 最近よã見ã‹ã‘ã‚‹ã‚ã®â€œä¸‰æœ¬ç·šâ€ã®ã“ã¨ã‚’æµ·ã®å‘ã“ã†ã§ã¯ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ ã¨ã‹ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã¨ã‹è¨€ã†ã‚‰ã—ã„ã§ã™ã€‚上ã®ãŒãƒ‘ンã§ã€çœŸã‚“ä¸ã®ãŒãƒãƒ³ãƒãƒ¼ã‚°ã§ã€ä¸‹ã®ãŒãƒ‘ンã«è¦‹ãˆã‚‹ã‹ã‚‰ã ãã†ã§ã™ã€‚ã«ã—ã¦ã‚‚ã“ã®ãŸã ã®ä¸‰æœ¬ç·šã‚’ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã¨è¡¨ç¾ã™ã‚‹ã®ã¯å°‘ã—ç„¡ç†ãŒã‚るよã†ãªæ°—ãŒã—ã¾ã™ã€‚ã¾ã‚é•å’Œæ„Ÿã‚ã‚Œã©ãã“ã«æŠ—ã£ã¦ã‚‚仕方ãŒãªã„ã®ã§ã€ã¨ã‚Šã‚ãˆãšã“ã‚Œã¯ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã¨å‘¼ç§°ã™ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’é¿ã‘ãŸã„ç†ç”± 真é¢ç›®ã«ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’考察ã—ã¦ã¿ã¾ã™ã€‚ 1. 何をã™ã‚‹ã®ã‹ãŒã‚ã‹ã‚‰ãªã„アイコン https://dri
デザイナーãŒXcodeを使ã£ã¦ 開発効率をUPã•ã›ãŸ 5ã¤ã®ã‚¨ãƒ”ソード + ç¾å ´ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚³ãƒ¡ãƒ³ãƒˆä»˜ã
2. UI UX Designer å¿…éœ€å“ : sketch3 / photoshop / illustrator aftereffect / prott / pixate / Xcode 最近ã¯ã˜ã‚㟠: AndroidStudio 主ã«ã‚¢ãƒ—リを作ã£ã¦ã„ã¾ã™ï¼ˆiOS / Android） https://www.behance.net/mayumi_narisawa Mayumi Narisawa 3. iOS / Android アプリ全般 https://github.com/mootoh Motohiro Takayama Fei YeTakatomo Okitsu iOS / Android アプリ全般 https://github.com/okitsutakatomo Android & iOSアプリ開発 æ„見ã®ã”å”力をã„ãŸã ã„ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†æ§˜
Apple ã®æ–°ãƒ•ã‚©ãƒ³ãƒˆ San Francisco ã®ç§˜å¯†
iOS 9 ãŒä¸€èˆ¬å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚æ°—ã¥ãã«ãã„ã¨ã“ã‚ã§ã™ãŒã€å®Ÿã¯ã“ã® iOS 9 ã‹ã‚‰ã€ã‚·ã‚¹ãƒ†ãƒ フォント㌠Helvetica Neue ã‹ã‚‰ã€Apple ãŒæ–°ãŸã«é–‹ç™ºã—㟠San Francisco フォントã«å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ San Francisco 㯠Apple Watch ã®ã‚·ã‚¹ãƒ†ãƒ フォントã¨ã—ã¦æ—¢ã«æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€Apple Watch ã«ã¨ã©ã¾ã‚‰ãšã€iOS 9 や次期 Mac OS X “El Capitan†ã®ã‚·ã‚¹ãƒ†ãƒ フォントã¨ã—ã¦ã‚‚使ã‚れるよã†ã«ãªã‚Šã¾ã™ã€‚ Apple WatchApple ã¯ã€åˆä»£ iPhone ã‹ã‚‰ãšã£ã¨ã€iOS ã®ã‚·ã‚¹ãƒ†ãƒ フォントã¨ã—ã¦ã¯ Helvetica を採用ã—ã¦ãã¾ã—ãŸã€‚ã¾ãŸã€Mac OS X ã§ã‚‚ 10.10 Yosemite ã‹ã‚‰ã¯ã€ãã‚Œã¾ã§ä½¿ç”¨ã—ã¦ã„㟠Lucida Grande ã‹ã‚‰ Helvetica ã¸ã¨å¤‰æ›´ã—ã¦ã„ã¾ã™
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
caneco.xyz
iOS 9 Design Guidelines for iPhone and iPad - Design+Code
{{#tags}}- {{label}}
{{/tags}}