はじめての有料会員でスピードアップ

今までドットインストールの学習はすべて無料でできていましたが、実践！ウェブサイトを作ろう (全16回)の次の段階である実践！スマートフォンサイトを作ろう (全22回)は、有料会員にならないとすべての回を視聴できないため、とうとうはじめて課金することにしました。

なにせ私が最も知りたいのは、スマホ用のハンバーガーメニューの実装！とうとうそれが実践！スマートフォンサイトを作ろう (全22回)で出てくるのです！これを視聴しないわけにはいきません。

月額980円（税込）でしたが、全22回をひと月で必ず終わらせられれば、1回44.5円（税込）！高いなとは思いませんでした。

そして課金したことで怠ける心がなくなり、一日に視聴するレッスンの数も増え、学習スピードがアップしたので結果オーライと考えています。

それでは学習日誌にうつります。6回分まとめて合計視聴時間は13分40秒でした。

15 最後のセクションを作っていこう

今回は超簡単な回でした。新しいセクション（下図）を作ったら完了。

ヘッダーを作ったときの再利用という感じだったので、すぐに終わりました。

16 ウェブサイトを完成させよう

最終回も超らくちん回でした。下図の通り、テキストのみのフッターを作ったら完了。

全16回のレッスンパックをやっと終わらせることができました。感無量！

今は吸収することが楽しくて、ノッてる時期なので、もっといろんなコードを覚えるべく、このまま次の段階のレッスンパックへ突き進みたいと思います。

01 スマートフォン向けサイトを作ろう

初回は簡単かんたん。HTMLの超基礎コードを書いたら終了でした。

02 Viewportの設定をしよう

続いて今回はスマホサイトのために必要な設定を行いました。

<meta>タグを使って下記の通りコーディングすることで、スマホの画面幅に表示領域を合わせられるそうです。

<meta name="viewport" content="width=device-width,initial-scale=1">

またinitial-scaleはページを開いたときのズーム設定のことで、これは等倍ということで1になっています。

以上で完了。第2回も簡単でほっとしています。

03 ヘッダー部分を作ろう

今回も楽勝回。bodyの背景をグレーにしたり、ヘッダー（下図）のh1のスタイルを指定しただけで完了でした。

まだまだいけるぞー！

04 アイコンを配置してみよう

第4回ではメニューのアイコンを、Font Awesomeからコードを引用して配置するという練習をしました。

Font Awesomeの使い方は以前、別のレッスンで習っていたので復習となり、今回も難なくこなせました。

このまま学習スピードを維持して進めるぞー！