Material Componentsのチュートリアル mdc-103 Web

f:id:tworks55:20200419114552p:plain

MDC-103 Web: Material Theming with Color, Shape, Elevation and Type (Web)を試してみましたのでブログに残しておきます。

前回記事の続編です。

今回もMDC-101, MDC-102で対応した問題と同様の事象に遭遇したので、それぞれ対処しチュートリアルが完了しました。

package.jsonで以下のバージョン変更が必要です。

"@material/typography": "^5.1.0"
"@material/elevation": "^5.1.0",

"@material/typography": "^4.0.0"
"@material/elevation": "^4.0.0",




相変わらず細かい所にコーディングが必要で、デザイナーからFront-endエンジニアへの連携が難しそうな気がしますね。

慣れるまではこのようなちょっとした影があるなんて気がつきません。。。

f:id:tworks55:20200419114753g:plain


これでチュートリアルは終わりだと思っていたのですが、Web 111とWeb 112が追加されているようなので別記事にて記録を残そうと思います。