今日からデイトラというオンラインスクールでWeb制作を勉強していきます。
それに伴い学習した内容をQiitaに記録していきます。

今日の学習時間

1.5h (トータル1.5h)

今日の学習内容

デイトラWeb制作初級編 DAY1 はじめに

上手に質問するためのテンプレート
1.詰まっている箇所（〇〇編DAY〇〇）
2.聞きたいことの一行まとめ
3.起きている問題（起きている現象の詳細/エラーメッセージ/スクリーンショット）
4.ソースコード（関連するソースコード/全ソースコード）
5.問題解決するために試したこと（コードもあれば追記）
6.問題について自分なりに考えたこと（デバッグ結果/検索結果/自分なりの原因予想）

質問力が重要な理由
* 質問力を磨くことで問題解決能力が向上する
* 質問がちゃんとできないとエンジニアとして評価されない
　（下手な質問は回答者の時間を奪う＝嫌われる！）

DAY2 HTMLのタグを書いてみよう

ドットインストールで学習した内容だったので流し読み

DAY3 CSSを書いてみよう

同上
ちなみに完全に初学者の場合、DAY2、DAY3のレッスンはドットインストールやプロゲートで下地を作ってから臨んだ方が良さそうだと思いました。

DAY4 環境構築をしよう！

VScodeおすすめプラグインをインストールしました。
とりあえずインストールしといた方がミスを減らせるようです。

Emmetはまだ全然使いこなせていないので積極的に使っていきたい…！
「はじめて」でも簡単！Emmetの使い方とよく使うパターン集

DAY5 ゼロからサイトを作ってみよう①

いよいよサイト制作のレッスンが始まりました！わくわく！

reset.cssの必要性

<linkrel="stylesheet"href="./css/reset.css"><linkrel="stylesheet"href="./css/style.css">

ブラウザにデフォルトで設定されているuser agent stylesheetはブラウザによって表示が異なる場合がある。
そこでreset.cssを当てることでuser agent stylesheetのスタイルを打ち消す。
これによってブラウザ間での表示差異をなくすことができる。
※必ずのstyle.cssの前にrest.cssを書くこと！

画像をページいっぱいに表示させる

img{width:100%;height:auto;}

とりあえず今日はここまで。