代表通信~Materail UIきれい、それとYoutube部
草場代表
2020/08/10

こんばんは。代表の草場です。
Materail UI、めちゃ便利です。高速に簡単にweb開発を行うためのReactコンポーネントです。インストールは極めて簡単。
npm install @material-ui/core
この公式のチュートリアルにある通り、以下がほぼ全てです。
import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@material-ui/core/Button';
function App() {
return (
<Button variant="contained" color="primary">
Hello World
</Button>
);
}
ReactDOM.render(<App />, document.querySelector('#app'));
ボタン作りたければ、Buttonをインポートして、<Button />でおけ。後はデザインしながら使うのみです。センスや。
デザイン面はBootstrapが有名ですが、React-Bootstrapもあるみたいです。うーむ、どちらを使おう。取り急ぎ、Materail UIにします。
さて、休みも様々ラボ活が行われています。自分はYoutube強化、ということで、村口さん、山本さん、越さんと打ち合わせ。目標もばっちり決まり、後はやり抜くのみ!楽しみだ。流行っているYoutubeを解析しながらめちゃ見てますが、勉強しながら見るというのはだんだん苦痛に。楽しみながらやりたい。
明日もYoutube。
この記事を書いた人
草場代表
エディター
EVENTS
【04/16(木)21:00~】Google Gemini Gemsで“記憶するAIパートナー”を育てる初心者向けハンズオン
2026/04/16 (木) 21:00~22:00
無料
オンライン
04/20(月)20:00~ 【初心者向け】GAS基礎講座(スプレッドシート操作2)
2026/04/20 (月) 20:00 ~ 21:00
無料
オンライン
04/13(月)20:00~ 【初心者向け】GASで学ぶWebアプリ – スプレッドシートとWebページの連携
2026/04/13 (月) 20:00 ~ 21:00
無料
オンライン
【03/24(火) 20:00~】AI動画生成を体験!Google Flowで“魔法の1本”を作る初心者向けハンズオン
2026/03/24 (火) 20:00 ~ 21:00
無料
オンライン
03/10(火)20:00~ 【初心者向け】AIと「対話」して絵を編集しよう!Google AI Studio (Nano Banana)ハンズオン
2026/03/10 (火) 20:00 ~ 21:00
無料
オンライン