代表通信~Materail UIきれい、それとYoutube部
草場代表
2020/08/10
![](https://sinlab.future-tech-association.org/wp-content/uploads/2020/08/game_jikkyou.png)
こんばんは。代表の草場です。
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
![](https://sinlab.future-tech-association.org/wp-content/uploads/event_icon1.png)
08/25(日) 13:00~ 【生成AI連携】ChatGPT APIを使ったGASプログラミングサービスを作ってみよう プログラミング体験会
2024/08/25 (日) 13:00 ~ 16:00
3,000円
オンライン
![](https://sinlab.future-tech-association.org/wp-content/uploads/event_icon1.png)
08/04(日) 10:00~ 【生成AI連携】ChatGPT APIを使ったGASプログラミングサービスを作ってみよう プログラミング体験会
2024/08/04 (日) 10:00 ~ 13:00
3,000円
オンライン
![](https://sinlab.future-tech-association.org/wp-content/uploads/event_icon2.png)
シンギュラリティ・ラボ Meetup ~入会オリエンテーション~【08月21日】
2024/08/21 (水) 20:00~21:00
無料
オンライン開催
![](https://sinlab.future-tech-association.org/wp-content/uploads/event_icon2.png)
シンギュラリティ・ラボ Meetup ~入会オリエンテーション~【08月07日】
2024/08/07 (水) 20:00~21:00
無料
オンライン開催
![](https://sinlab.future-tech-association.org/wp-content/uploads/event_icon1.png)
08/20(火)20:00~ あなたの思考を変える、 世界シミュレーションゲーム:Sustainable World BOARDGAME
2024/08/20 (火) 20:00 ~ 21:10
無料
オンライン