Figma to MUIThe Easiest Way to Export Figma to Material UIWe convert your designs on Figma to Material UI that is seamless so you can boost your MUIÂ development.
「オブジェクト指å‘UIデザインã€ã®è¼ªèªä¼šã‚’ã‚„ã£ã¦ã„ã¾ã™ - freee Developers Hub
ã“ã‚“ã«ã¡ã¯ã€freeeã®UXãƒãƒ¼ãƒ ã® id:ymrl ã§ã™ã€‚去年ã¾ã§ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã£ãŸ ã®ã§ã€ãƒ–ãƒã‚°ã®æ›¸ã出ã—ã§ã€Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã™ã€ã£ã¦æ›¸ã„ã¦ã„ã„ã®ã‹æœªã ã«ãƒ‰ã‚ドã‚ã—ã¦ã„ã¾ã™ã€‚ 以å‰ã®è¨˜äº‹ã§ãƒ‡ã‚¶ã‚¤ãƒ‹ãƒ³ã‚°Webアクセシビリティã®è¼ªèªä¼šã®ç´¹ä»‹ã‚’ã—ã¾ã—ãŸã€‚ developers.freee.co.jp 最近ã§ã¯ã€ŒéŠ€ã®å¼¾ä¸¸æœ¬ã€ã“ã¨ã€Œã‚ªãƒ–ジェクト指å‘UIデザイン——使ã„ã‚„ã™ã„ソフトウェアã®åŽŸç†ã€ã®è¼ªèªä¼šã‚’ã‚„ã£ã¦ã„ã‚‹ã®ã§ã€ãã®ç´¹ä»‹ã‚’ã—ã¾ã™ã€‚ gihyo.jp オブジェクト指å‘UIデザイン──使ã„ã‚„ã™ã„ソフトウェアã®åŽŸç† WEB+DB PRESS plus 作者:ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢æ ªå¼ä¼šç¤¾,上野 å¦,藤井 幸多技術評論社Amazon 輪èªä¼šã®æ§˜å 「デザイニングWebアクセシビリティã€ã®ã¨ãã¯ãƒ©ãƒ³ãƒã‚¿ã‚¤ãƒ ã«é›†ã£ã¦ã„ã¾ã—ãŸãŒã€ãƒªãƒ¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ç¶™ç¶šä¸ã®æ¯Žé€±é‡‘曜ã®ä»Šã¯æœ10時ã‹ã‚‰Google Meetã§é›†ã¾ã£ã¦ã„ã¾ã™
実践 Off the main thread - from scratch
実践 Off the main thread 実際㫠Off the main thread ã‚’ã‚„ã‚Šã¤ã¤ã€ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’ã™ã‚‹éš›ã«ã©ã“ã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ãã‹ã‚’今やã£ã¦ã„ã‚‹ã®ã§ã€ãã‚Œã«ã¤ã„ã¦è©±ã—ã¾ã™ã€‚ Off the main thread ã¨ã¯ JavaScript ã®å‡¦ç†ã¯åŸºæœ¬çš„ã«ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã§å®Ÿæ–½ã—ã¾ã™ã€‚JavaScriptã®å®Ÿè¡Œå‡¦ç†ä»¥å¤–ã«ã‚‚記述ã•ã‚ŒãŸå†…容を解釈ã™ã‚‹ãŸã‚ã®ãƒ‘ース処ç†ã‚„GC処ç†ã‚‚メインスレッドをブãƒãƒƒã‚¯ã—ã¾ã™ã€‚メインスレッドã®å‡¦ç†ãŒå¤šã„ã¨UI jankã¨å‘¼ã°ã‚Œã‚‹ã‚¬ã‚¿ãƒ„ã‚ã€ãƒãƒ©ãƒ„ã‚ã€ç”»é¢ã®å›ºã¾ã‚Šã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ UI jankãŒç™ºç”Ÿã—ã¦ã„ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚Šã€text入力をã—よã†ã¨ã—ã¦ã‹ã‚‰åå¿œã™ã‚‹ã¾ã§ã®æ™‚間（Input Latency）ãŒå³æ™‚ã§ã¯ãªããªã‚Šã¾ã™ã€‚ ã“ã®UI jankã‚’ç„¡ãã™ãŸã‚ã«ã€ãªã‚‹ã¹ãメインスレッドを阻害ã™ã‚‹è¦å› を減らã™ã“ã¨ãŒ Off
æ—©ã・ãã‚Œãªã‚Šã® UI を実ç¾ã™ã‚‹ React コンãƒãƒ¼ãƒãƒ³ãƒˆã‚»ãƒƒãƒˆ 16 é¸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã‚Œã¾ã§ã€é–‹ç™ºè€…ãŒã€Œæ—©ã・ãã‚Œãªã‚Šã® UI ã€ã‚’実ç¾ã™ã‚‹ãŸã‚ã«ã€Bootstrap ãªã©ã® CSS フレームワークãŒé‡å®ã•ã‚Œã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—今ã§ã¯ã€React ãªã©ã®ãƒ©ã‚¤ãƒ–ラリを使ã£ã¦ UI をコンãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ React ã§ã‚ã£ã¦ã‚‚ã€äº‹å‰ã« CSS フレームワークをèªã¿è¾¼ã‚“ã§ãŠãã€ã‚¯ãƒ©ã‚¹åを付与ã™ã‚‹ã“ã¨ã§ã“ã‚Œã¾ã§ã¨åŒã˜ã‚ˆã†ã«ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ã€æ—¢å˜ã® CSS フレームワークã¯å†…部㧠jQuery を使用ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€React 㨠jQuery ã‚’å…±å˜ã•ã›ã‚‹ã‹ã€jQuery 部分を自å‰
PrimeReact 3.4.0 Released
PrimeReact 3.4.0 Released PrimeTek is excited to announce PrimeReact 3.4.0 that brings significant improvements such as Expandable Row Groups, Removable Sort Columns, New Dialog implementation and major accessibility enhancements featuring keyboard accessible Calendar. Expandable Row Groups and Removable Sorting RowGrouping functionality of DataTable has been enhanced where it is now possible to e
Reactã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ラリã®ä¸€è¦§è¡¨(2017/5版) - Qiita
#ã¯ã˜ã‚ã« Reactã§ã¯æ§˜ã€…ãªãƒªãƒƒãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒä½¿ãˆã¾ã™ã€‚Electronã§ä½¿ã„ãŸã„ã®ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã©ã‚“ãªãƒªãƒƒãƒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒæä¾›ã•ã‚Œã¦ã„ã‚‹ã‹èª¿ã¹ã‚‹ãŸã‚〠「react best ui libraryã€ãªã©ã§æ¤œç´¢ã—ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã¯ã€ãã‚“ãªãƒ©ã‚¤ãƒ–ラリã®ã¾ã¨ã‚ã§ã™ã€‚サンプリングã¯åŽ³å¯†ã§ã¯ãªã„ã®ã§å‚考ã¾ã§ã«ã€‚ 下ã®å›³ã¯ã€ã„ãã¤ã‹ã®ãƒ©ã‚¤ãƒ–ラリã®ãƒ‡ãƒ¢ã‹ã‚‰ãƒ”ックアップã—ãŸã‚‚ã®ã§ã™ã€‚ #「react best ui libraryã€ã§ãƒ’ットã—ãŸãƒšãƒ¼ã‚¸ã®ã¾ã¨ã‚ 以下ã®ï¼•ã¤ã®ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã®è¡¨ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ 英語ã®è¨˜äº‹ â‘ 10 Best ReactJS UI Frameworks for rapid prototyping â‘¡ What is the best UI component library for a React based web app. â‘¢ 1
Form Design Patterns Book Excerpt: A Registration Form — Smashing Magazine
We’re happy to announce Adam Silver’s new book Form Design Patterns. In this excerpt from the book, Adam takes a look at the foundational qualities of a well-designed form and how to think about them. You can also get the book right away → Let’s start with a registration form. Most companies want long-term relationships with their users. To do that they need users to sign up. And to do that, they
BLoCパターンã¨ã¯ãªã«ã‹ - Flutterã¨Angularã®é–“ã§Modelã®ã‚³ãƒ¼ãƒ‰ã‚’å†åˆ©ç”¨ã™ã‚‹å®Ÿè·µã‚’通ã˜ã¦ã®è€ƒå¯Ÿ - ntaoo blog
ã“ã“ã§ã¯ã€BLoCパターンã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å‚ç…§ã—ã€ãã‚Œã«åŸºã¥ãデモアプリを作æˆã—ã€ãã®è§£èª¬ã‚’通ã˜ã¦BLoCパターンã®è€ƒå¯Ÿã‚’è¡Œã†ã€‚ 今ã¾ã§ã‚‚何度ã‹Meetupç‰ã§BLoCパターンã®è§£èª¬ã‚’è¡Œã£ã¦ããŸãŒã€ã‚らãŸã‚ã¦ã“ã®ãƒ–ãƒã‚°è¨˜äº‹ã«ã¾ã¨ã‚ã¦ãŠã。 BLoCパターンã¨ã¯ BLoCã¯ã€Business Logic Componentã®é å—語(acronym)ã§ã€çŠ¶æ…‹ç®¡ç†ã«é–¢ã™ã‚‹ã‚¢ãƒ¼ã‚テクãƒãƒ£ãƒ‘ターン。 以下ã€https://www.youtube.com/watch?v=PLHln7wHgPEよりã€BLoCã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’引用ã™ã‚‹ã€‚ Business Logic Component(BLoC)ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ 状態を管ç†ã™ã‚‹BLoCã«ä»¥ä¸‹ã®åˆ¶ç´„を課ã™ã€‚ インプットã¨ã‚¢ã‚¦ãƒˆãƒ—ットã¯ã€å˜ç´”ãªStreamã¨Sinkã«é™å®šã™ã‚‹ã€‚(Inputs and outputs are simple Streams/Sin
23 Best React UI Component Libraries And Frameworks | HackerNoon
Too Long; Didn't Read<em>A curated summary of </em><a href="https://blog.bitsrc.io/11-react-component-libraries-you-should-know-178eb1dd6aa4" target="_blank"><strong><em>part 1</em></strong></a><em> and </em><a href="https://blog.bitsrc.io/best-react-ui-component-libraries-for-2018-part-2-d231dcb04c0a" target="_blank"><strong><em>part 2</em></strong></a><strong><em> </em></strong><em>of</em><stron
Best React UI Component Libraries And Frameworks part 2
A while ago we published Part 1 of the list with some of the best React UI libraries for 2018, including Material-UI, React-bootstrap, React Toolbox, Belle, Grommet, Khan’s Components, Material Web, Ant Design, Semantic UI, Onsen UI and React Virtualized. Check out Part 1. React’s popularity on NPM keeps on risingOn popular demand, we’re expanding the list and adding 11 more great libraries for Re
コンãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®UI開発時ã«èµ·ããŒã¡ãªå¯†çµåˆãƒ»è¤‡é›‘化å•é¡Œã‚’Storeパターンã§è§£æ±ºã™ã‚‹
Vue.jsを用ã„ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦å¼Šç¤¾ãŒå°Žå…¥ã—ãŸStoreパターンã«ã¤ã„ã¦ã”紹介ã—ã¾ã™ã€‚
Angular directives for Bootstrap
UI Bootstrap Bootstrap components written in pure AngularJS by the AngularUI Team Code on Github Download (2.5.0) Create a Build Angular 2 For Angular 2 support, check out ng-bootstrap , created by the UI Bootstrap team. Dependencies This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is re
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - palantir/blueprint: A React-based UI toolkit for the web
GitHub - myheritage/UiZoo.js: Dynamic React components library 🦉
{{#tags}}- {{label}}
{{/tags}}