teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

追記

2019/08/18 01:37

投稿

gentaro
gentaro

スコア8947

answer CHANGED
@@ -4,4 +4,49 @@
4
4
  ---
5
5
  追記
6
6
  こういうことやってるなら話は別ですが
7
- [http://hinoshita.hatenadiary.com/entry/2017/08/16/015632](http://hinoshita.hatenadiary.com/entry/2017/08/16/015632)
7
+ [http://hinoshita.hatenadiary.com/entry/2017/08/16/015632](http://hinoshita.hatenadiary.com/entry/2017/08/16/015632)
8
+
9
+ ---
10
+ 追記
11
+ こういうことでしょうね。
12
+
13
+ ```Diff
14
+ <html>
15
+ <head>
16
+ <meta http-equiv="content-type" charset="utf-8">
17
+
18
+
19
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
20
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
21
+ <script src="https://unpkg.com/@material-ui/core@latest/umd/material-ui.production.min.js"></script>
22
+ <script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
23
+
24
+ </head>
25
+ <body>
26
+ <div id="root">root</div>
27
+ <script type="text/babel">
28
+ class App extends React.Component{
29
+ render(){
30
+ + const {
31
+ + Button
32
+ + } = MaterialUI;
33
+ return(
34
+ <div>
35
+ <div>Hello.everyone!!!!!</div>
36
+ <Button variant="contained" color="primary">
37
+ Hello World
38
+ </Button>
39
+ </div>
40
+
41
+ )
42
+ }
43
+ }
44
+ ReactDOM.render(<App />,document.getElementById('root'));
45
+ </script>
46
+ </body>
47
+ </html>
48
+ ```
49
+
50
+ 公式の
51
+ [https://material-ui.com/getting-started/installation/#cdn](https://material-ui.com/getting-started/installation/#cdn)
52
+ 見ればからサンプルコードへのリンクがあり、そのコードを参考にすればわかるんじゃないかと。

1

追記

2019/08/18 01:37

投稿

gentaro
gentaro

スコア8947

answer CHANGED
@@ -1,2 +1,7 @@
1
1
  htmlで書かれてもReactのJSXの型として解釈できんので、npm使ってインストールしないとダメでは。
2
- [https://www.npmjs.com/package/material-ui](https://www.npmjs.com/package/material-ui)
2
+ [https://www.npmjs.com/package/material-ui](https://www.npmjs.com/package/material-ui)
3
+
4
+ ---
5
+ 追記
6
+ こういうことやってるなら話は別ですが
7
+ [http://hinoshita.hatenadiary.com/entry/2017/08/16/015632](http://hinoshita.hatenadiary.com/entry/2017/08/16/015632)