文系人間がWebプログラミングを学ぶには。ドットインストール(動画)+テキストエディタで手を動かすことが最適
12/22019
カテゴリー:プログラミング
約4年前に独立して以来、
当ブログと事務所HPは自分で運用しています。
昔と違って、今はWebプログラミングの知識がなくても
自分のHPを持つことは可能となりました。
一方で、ちょっとしたカスタマイズをするにはやはり
Webプログラミングの知識が必要です。
私自身も、HTMLとCSSの基本的な知識はあったとはいえ
独立当初は悪戦苦闘してWordpressと格闘していました。
とはいえいつも「その場しのぎ」なので、
もう少し時間をかけて「体系的に」Webプログラミングを学びたいなあ、と
考えていたところ動画でプログラミングを学べる「ドットインストール」を見つけました。
ひととおりHTMLとCSSを学んでみたところ非常に良かったので、シェアします。
自分でホームページを運営していきたい、だけど知識が・・といった人に、
外注はしているけれど、最低限のことは知っておきたいという人にお勧めです。
ドットインストール – 3分動画でマスターできるプログラミング学習サービス
文系人間には動画のほうがありがたい
以前、「Progate」というこちらもプログラミングを勉強できるサイトを利用していました。
Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
Progateは動画ではなく、解説を見て、その後プレビューを見ながらサイト上でプログラミングを実装する
内容です。
こちらもやりやすいといえばやりやすかったのですが、
初心者にとっては「文章だけの解説、即自分だけで実践」というのは少々難易度が高めでした。
(順序的にはドットインストールの次にやったほうが良いかもしれません)
一方ドットインストールの場合には2つモニタを準備すれば
一方のモニタでは動画を視聴しつつ、一方のモニタでは実際にテキストエディタとブラウザで実装する
といったことが可能なので、
わからくなったら動画ですぐ確認でき効率の良い学び方ができました。
また、書き言葉よりも話し言葉のほうが理解しやすいです。
コードを書き慣れていない文系人間にとっては「目」だけでなく「耳」でも学べるほうが良いと感じました。
一回あたりの動画の時間は2〜3分
あとこれ良い!と感じたのが1回あたりの動画の時間が2,3分だということです。
以前長め(30分〜45分くらい)の動画教材を見たことがあるのですが、
途中でバテてしまいました。
2〜3分であれば、サクサクっと進むことができて
コース完了がどんどん増えていくのでモチベーションも上がります。
人間の集中力はそこまで続かないことを考えると、動画の時間は結構重要だなと感じました。
はじめてのHTML、CSSをやってみました
実際に、
はじめてのHTML/CSSコース(全34回。環境整備含む)を受講してみました。
↓こんな感じのポートフォリオサイトを実際に作ります
基本的なHTMLのタグやCSSの設定方法は理解しているのですが
実際やってみると多くの気付きがありました。
テキストエディタは使いやすいものを
ドットインストールでプログラミングを学ぶにあたり
まず最初にテキストエディタ(プログラミングを書くソフト)
としてVisual Studio Codeというソフトをダウンロードしました。
今までいくつかテキストエディタを使ってきましたが、
このテキストエディタがすごく使いやすかったです。
見た目もわかりやすいですし、
何よりショートカットキーが多く用意されているのが魅力的です。
行の移動やコメントアウトがサクサクできます。
プログラミングの勉強をするのにあたって
自分に合った(好みの)テキストエディタを選ぶことは大切なんだな、と気付きになりました。
意外と知らない機能も
私はいつも自分のブログやHPで
「ここの体裁を変えたい」というときは
Web上で変えたい部分選択して右クリック⇒検証して調べていました。
そして、ドットインストールで学んで初めてこの機能のことを
Chromeの「デベロッパーツール」という名前であることを知りました・・。
今まで、
「要素名を調べる方法」
という感じでググってなんとかしのいでいましたが、
「デベロッパーツール」
と調べれば一発ででてきたんだな、と・・。無知って怖いです。
このように
「自分でなんとなく知っている」ことを深堀りしていくためには、やはり体系的に学ぶことが必要ですね。
HP、ブログを自分で運営している人はやる価値あり
これらのはじめてコースは2,3時間あれば完了できますし無料で受講できます。
無料のHP作成サービスである程度のものはできますが、
もう少し自分で工夫したい、外注は基本せずに自分で運営していきたい、と
思っている人はやる価値があります。
なおもう少し深堀りしたい場合にはプレミアムコースに入る必要があります。
(月1,080円。早速入ってみました)
JavaScript、GAS、Wordpressなど気になるコースがたくさんあるのでまた受講してみて、記事にしたいと思います。
まとめ
動画でプログラミングを学べるドットインストールを実際に受講してみて
感じたことを書きました。
私のような文系人間にはなかなか手が出せなかったプログラミングの勉強が、
ここまで気軽にできるようになるなんて、ほんと良い時代だなあと思います。
編集後記
週末は、パスポートの更新の準備やドットインストール受講など。
最近のあたらしいこと
Hulu再契約