React 初心者が Material-UI で今どきの Web フォームを作ってみた（yup編） | DevelopersIO

2021/08/26 6 users DevelopersIO React Form つい先月

React 初心者が、Material-UI と React Hook Form v7 を活用して今どきの Web フォーム開発に挑んでみました！ つい先月、React（+ React Hook Form）と Material-UI を組み合わせた Web アプリ開発を始めました。アプリ開発初心者でも簡単に、かつ今っぽい Web フォームを開発することができたので、少しコードを交えて... 続きを読む

Material-UIを使ってテックタッチのデザインシステムを実現した話 - Techtouch Developers Blog

2021/03/11 16 users テックタッチ SHIORI デザインシステム 経緯 タイミング

フロントエンドエンジニアのshioriです。 テックタッチでは、約1年前からアプリケーションを丸ごと作り直す再設計プロジェクトを進めており、そのタイミングでデザインシステムを導入しました。 この記事では Material-UI を使ったデザインシステム導入の経緯や導入して良かったことなどを紹介したいと思います。 なぜデ... 続きを読む

React + Material-UIで管理画面を作成してみた | Developers.IO

2020/07/26 21 users TypeScript React Reactアプリ 前提 手順

最近、ReactとMaterial-UIを利用した管理画面を作成する機会がありましたので、Reactアプリの作成からMaterial-UIの導入までの手順をまとめてみました。本記事は前提としてJavaScriptやTypeScriptの知識があるとより分かりやすいと思います。 成果物 次のような管理画面を作成します。 環境 項目 内容 Reactアプリを作成... 続きを読む

医療機関の医療提供体制の状況を地図にプロットした。 – GUNMA GIS GEEK

2020/05/16 8 users GUNMA GIS GEEK 地図 医療機関 医療提供体制

新型コロナウイルス感染症対策推進室（内閣官房）にて、先日公開された「全国医療機関の医療提供体制の状況」のデータを地図にプロットしてみました。 政府CIOポータルの方でも地図にプロットされた状態で公開されているのですが、少し動作が重くて見づらかったのと、 Deck.gl + Material-UI の練習がてら作ってみました... 続きを読む

@material-ui/system - Material-UI

2019/01/14 28 users alpha system Getting started

Getting StartedStyleLayoutUtilsComponent DemosComponent APICSS in JS (alpha)System (alpha) Style functions for building powerful design systems. ⚠️ @material-ui/system is experimental (alpha version). We are working on making it stable for Material-UI v4. Getting Started @material-ui/system provi... 続きを読む

10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。

2016/04/03 1980 users ツケ react-router redux React 日々

2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + ... 続きを読む