どうやら牛山くんがプログラミング学習サイト『ドットインストール』に興味を持ったようです。
ドットインストール……ちょっと興味あるんですよね
むっふっふ。 わたしは抜け駆けする気まんまんだったので、すでにドットインストールに登録したもんねー
猫田さん、ずるいなぁ。 でも、自分に合うかどうかわからないしなぁ……
そこに偶然、キャニット先生がやってきました。
おやおや？ 二人で楽しそうに、何を話していたんですか？
牛山くんが抜け駆けをして、ドットインストールを始めようとしてるんだよー
ちょっと！ 抜け駆けしたのは猫田さんじゃないですかっ！
ドットインストールですか。 たしかにプログラミングを学び始めたばかりの方たちに、人気の学習サイトですよね。では、今回の講義はドットインストールについて詳しく紹介しましょうか
本記事の内容
- ドットインストールは無料でどこまで学べるの？
- ドットインストールは知識ゼロでも大丈夫？
- ドットインストールの無料版と有料版の違い
ドットインストールの無料で学べる範囲を検証
ドットインストールには、無料版と980円/月の有料版が提供されています。
猫田さんはもう有料会員なんですか？
そんなの内緒に決まってますよー
猫田さんが有料会員になったかどうかはさておき、この記事では、Web制作を学びたい人向けにドットインストールの無料版で学べる内容についてまとめます。まだ、ドットインストールをやったことがない人は、ぜひ読んでみてください。
ドットインストールで学べる内容
ドットインストールの無料版で学べるのは、HTML、CSS、javaScriptの基礎分野です。それぞれ、具体的に紹介しましょう
①：ドットインストール無料版で学ぶＨＴＭＬ
HTMLを使うと、タグと呼ばれる要素を活用してインターネット上にサイトを作成することができます。
ドットインストールの無料版では全15回、約3分x15回=45分程度でHTMLを学びます。プログラミング初心者が挫折しがちな開発環境も無料で学べるため、安心して取り組めるのが特徴です。
キャニット先生、開発環境ってなんですか？
プログラミングを始めるための準備みたいなものです。開発環境が整ってから、プログラミングのコードを書く流れになります。ドットインストールは、そのスタート段階も動画で解説してくれますから、わかりやすいですよ
そうそう。 開発環境もわかりやすいよねー
②：ドットインストール無料版で学ぶＣＳＳ
HTMLを学び終えた後は、CSSの勉強をします
HTMLの講座と同様に、全15回の内容です。HTMLで作成したサイトをCSSでデザインすると考えておけば、問題ありません。
サイトのデザインも無料で学べてしまうんですね。 なかなかすごいと思います
そうそう！ すごいのよ
③：ドットインストール無料版で学ぶJavaScript
HTMLとCSSを学び終えたあとは、JavaScript の基礎を学びます
HTMLやCSSに比べると難易度は上がりますが、全11回のJavaScriptを学びおわると簡単なゲームを作ることができます。
また、サイトに動きを付け加えることができるため、HTMLやCSＳでつくった自分のサイトに独自の動きを追加することも可能です。
これ、全部学んだらどのくらいの時間がかかるんですか？ 膨大な時間がかかりそう……
そんなことないですよ。HTML、CSS、JavaScript、これら全てを学んでも2時間くらいです
そんなにすぐに、終わるんですね。やろうと思えば1日で終わるじゃないですか。ちなみに、猫田さんはどこまで学習したんですか？
……
たぶん、猫田さんは登録をしただけでなにも学習していない気がします（笑）
そうなのよねー
ドットインストールは知識ゼロでも問題なし
ドットインストールで学習を始めるのなら、現段階でプログラミングの「プ」の字も知らなくても、まったく問題ありません。
むしろ、まったく知識がない人がプログラミングを始めるのにふさわしい学習サイトですよ。何故、ここまで初心者に適しているのか詳しく紹介しましょう
開発環境のセットアップから動画で説明
さっき話したプログラミングの学習のための環境構築が、初心者には大変なんですよ。でも、ドットインストールは環境開発の手順も動画で解説してくれます
環境開発ってどのくらいの時間がかかるの？
動画の解説を見ながら1つずつやっても、全部で30分もかかりませんよ
学習内容は全て動画
動画での学習って具体的にはどんな感じなんですか？
一緒にコードを打ちながら学んでいきます。実際に手を動かしながらやるので、スマートフォンではなくパソコンで参加するべきでしょうね
パソコン以外に用意するものはありますか？
ある程度のスペックのパソコンが1台あれば、それだけで大丈夫ですよ
どのようなパソコンを買うべきか迷ってしまう方は、こちらの記事で詳しく紹介していますので参考にしてくださいね。
ドットインストールの無料版と有料版の違いを紹介
続いて、無料版と有料版の違いを紹介します。
有料版と無料版の違い①：受講できる内容が異なる
たしか無料版だと、途中までしか学習できないんだよね
HTML、CSS、JavaSciptの基礎編だけしか学べません
有料会員になると、もっと詳しく学べるんですよね？
それだけいろいろなことが学べて月に980円って安いですよね。すぐにでも有料会員になったほうがいいのかなぁ
いいえ。最初は無料会員で十分ですよ。合わない人には合いませんから。無料で学べる部分をある程度学んでから判断するべきでしょう
有料版と無料版の違い②：現役のエンジニアに質問できる
月に5回までと制限がありますが、わからない部分・わかりにくい部分をエンジニアに直接質問することもできます。
質問できるのは大きいですね
そうですね。ただ……質問する前に解決してしまうケースがほとんどなんですよ
どうして？
それぞれの動画に対して、過去にどんな質問があったのか……全て掲載されているからです。もちろんエンジニアからの回答も載っています。3分以内の動画に対して、過去に何十個も質問が寄せられていると考えれば、想像がつくでしょう。あなた達が質問したい内容は、すでに誰かが質問していることがほとんどなんですよね
動画ごとに質問されているのなら、そうなりますよね。なるほどー
有料版と無料版の違い③：ソースコードの閲覧・比較ができる
動画内で説明されたとおりにソースコードを打っても、同じように動かない。この経験は誰もします。このとき、動画内のコードと自分で書いたコードを比較すれば、どこが間違っていたのかがわかります。
- 小文字のはずが大文字になっている
- 空白スペースが混ざっている
上記のようなちょっとしたミスも発見しやすく、次に進みやすい。これも大きなメリットです。
まとめ：ドットインストールはまず無料版から
というわけで、無料版のドットインストールについて紹介しました。どうでしたか？
とても良さそうですね。さっそく試してみます
うん、とても良さそう！ キャニット先生、今までおせわになりました。これからは、ドットインストールで学ぶことにします
……
