Material Components for the web の実装（npmなし）
マテリアルデザイン MDC フレームワーク web
サイト
https://material.io/develop/web/
Getting Started：https://material.io/develop/web/docs/getting-started/
Migrating from Material Design Lite：https://material.io/develop/web/docs/migrating-from-mdl/
フレームワーク読み込み
下記スタイルとJavascriptをHTMLに追加する。
<link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
HTML記述
例：Icon Button
ドキュメント：https://material.io/develop/web/components/buttons/icon-buttons/
data-mdc-auto-init属性として、「MDCRipple」をつける。
（ドキュメント内の「JavaScript Instantiation」を参照）
<button id="menu_btn" class="menu_btn mdc-button mdc-ripple-upgraded" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-button__icon">menu</i>
</button>
フレームワークの初期処理
npmを使わない場合は、下記コードでフレームワークの初期処理を行う。
window.mdc.autoInit();