このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 マテリアルアイコンを使ってみよう (02:45)
- 公式サイト
- アイコンの使い方
-
#02 学習の準備を整えよう (01:40)
- プロジェクトフォルダの設定
- index.htmlの作成
-
#03 マテリアルアイコンを読み込んでいこう (01:58)
- linkタグの設定
- styles.cssの作成
-
#04 アイコンのスタイルを変更しよう (02:26)
- アイコンの配置
- アイコンのスタイリング
-
#05 チェックボックスを配置してみよう (02:38)
- チェックボックスの配置
- 動作確認
-
#06 背景色に応じたスタイルを付けてみよう (01:37)
- md-dark
- md-light
- md-inactive
#01 マテリアルアイコンを使ってみよう
補足情報 必要となる知識について
このレッスンでは、以下のレッスンで紹介した内容をベースにしています。わからない点があった場合は、こちらも参考にしてみてください。
https://dotinstall.com/lessons/basic_html_tags_v2
https://dotinstall.com/lessons/basic_css_styles_v2
#04 アイコンのスタイルを変更しよう
補足情報 アイコンを選択する方法について
Material Icons Library でアイコンを選択する方法ですが、動画と手順が変わってしまったようです。（2022年6月23日現在）
現在は以下の手順でアイコンのコードを取得し、
class名がmaterial-iconsになっていればレッスン通りに進められます。