【ドットインストール】ポートフォリオサイトを作りたい【HTML学習録】

 

こんにちは、やまぴー(@Astro8754)です。

 

今回も「俺のプログラミング(おれぷろ)」の更新です。プログラミング学習の記録ではありますが、いずれは初心者の参考になれば嬉しいです。

 

第6回目の今回ですが、ドットインストールで「ウェブサイトを作れるようになろう」の受講を始めたので、記事にします。

 

HTML ( 15レッスン ) しか終えていないので、どちらかというと学習の動機や使用感になるかと思います。

 



 

ドットインストールとは?初心者にオススメ

 

ドットインストール3分動画でプログラミング学習ができるサービスです。

 

初心者に人気のサービスでして、Progateとドットインストールがプログラミング初心者の2大学習サイトと言っても良いと思います。

 

学べる内容は…、多すぎて書き切れません。興味のある人はぜひレッスン一覧を見てほしいです。

 

 

ちなみに、無料でも十分すぎる本数の動画を視聴できます。

 

月額980円の有料会員になると、中上級者向けのプレミアムレッスン動画や、音声の文字起こし、ソースコードの利用などのサービスを受けられます。

 

ドットインストールの感想(主にProgateとの比較)

 

では、ドットインストールの使用感はどうなのでしょうか。

 

(僕はProgateとUdemyでHTML & CSSの学習をしていたので、その前提で書きます。)

 

まず、「動画を見ながらコードを入力していく学習方法」になるかと思います。HTML編では、Atomというエディタに記述しながらChromeで確認していきます。

 

完全初心者ということであれば、Progateの方が入りやすいような…。初歩的な内容同士の比較ですが、Progateは本当に1からしっかり始められるイメージです。

 

(この画像、使いすぎ説…)

 

ただ、ドットインストールの利点もあります!

 

Progateではスライドで勉強して、実際にコードを書いてみる。これを繰り返します。

 

対して、ドットインストールではスライドではなく動画で学習します。音声付きなので、理解しやすいと感じる瞬間が多いです。

 

 

わかりやすい例として、文字コードの指定で説明します。初めてProgateで触ったときは

 

やまぴー
めた、ちゃーせっと?

 

みたいに、無理やり覚えて萎えた記憶があります。ちなみに、僕にとっては今でも「めたちゃーせっと」です。(笑)

 

しかもこれ、<head>タグ内の要素だからすごい序盤なんですよね…。

 

一方、ドットインストールの場合は

 

声のお姉さん
<meta>タグを使えばよくて、<meta キャラセット=”utf-8”>としてあげてください。charasetとしないように気をつけましょう。

 

と解説してくれるので、

 

やまぴー
これ、文字のキャラクターをセットって意味なのか!スペルミスにも気をつけよう!

 

のように理解を助けてくれます。このあたりは、動画・音声のメリットですよね。

 

ちなみに、声は女性と男性の両方が収録されていて、お好みで選べます。

 

 

あとは…、個人的に説明のスピードは早く感じました!3分動画ですが、学習自体は3分だとキツいです。止めたり、巻き戻しながら勉強しました。

 



 

ドットインストールを始めた理由

 

ProgateにUdemyを勉強している中で、どうしてドットインストールまで手を出したのか。これについて、書いていきます。

 

と言っても単純な理由でして、ポートフォリオサイトを作りたいからです。

 

「Firebaseでウェブサイトを公開したい」と思っていたところ、この講座の第3セクションに「Firebaseでウェブサイトを公開してみよう」という項目を見つけました。

 

 

今回は短期間で完成まで行こうと思っています。今回始めた「ウェブサイトを作れるようになろう」を高速で終わらせて、とっととアウトプットしようと考えました。

 

いろんな参考書に手を伸ばす受験生…、みたいにならないように気をつけます。でも、Progateとドットインストールの二刀流、個人的には全然アリだと思います。

 

ドットインストールを勉強してポートフォリオを作りたい(まとめ)

 

いかがでしたでしょうか?

 

今回は少し突発的でしたが、ドットインストールで「ウェブサイトを作れるようになろう」の学習を始めたので、記事に残しました。

 

今回学習に利用したドットインストールのトップページは、以下の画像リンクを参照してください。(クリックしても登録しても、僕には1円も入りません!)

 

ドットインストール 「ドットインストール」トップページより画像引用 

 

また、ポートフォリオ作成に関する記事を書くかもしれません。引き続き、「おれぷろ」の更新をしながらプログラミング学習を進めていきます!

 

最後に初回・前回、そして後日に投稿した次回の記事を貼っておきます!

 

 

余談ですが、ブログのプロフィールページも更新しました。(長いプロフィールは意味不明なので、短くしました。)

 

超ヒマであれば、ここ(PLOFILE)かヘッダー等からどうぞ!

 



 

今回は以上になります!

 

やまぴー
Have fun!