『HTML&CSS』で出来ること|初心者おじさんのSkillHacksレポート

30代半ばになって、今後の人生自分の幅を広げようとプログラミング学習することを決意致しました。

今回、私が学習スタートするにあたって選択した教材は【SkillHacks】という動画教材です。

口コミでも賛否両論あるコンテンツですが、無料の講座と比べて実際どんなことが違うのか。

また、料金についても、スクールなどに比べれば比較的安価とはいえ、69,800円は踏み出すにしては結構な金額ですよね。

そこで、今回は私が実際に【SkillHacks】を受講してみて、

・どんなコンテンツ?
・どんな成長ができた?
・無料学習と比べてどう違った?

について、可能な範囲で綴って参りたいと思います。

同じプログラミング初心者の方々の参考に少しでもなれば幸いです。

※↓SkillHacksの詳細はこちらから↓※
-Skill Hacks- 動画で学ぶWebアプリ開発講座

学習を始める前に、学ぶ目的をしっかり考えよう。

プログラミングは、一度学んで終わりではなく、常に新しいことを勉強し続けなければなりません。

その為、学習することで自分が何を成し遂げたいか。

つまり、目標を定めておかないと、モチベーション維持が出来なくなり、途中で挫折してしまう可能性が高くなります。

なんでプログラミング学習?
・副業として収入増やしたい。
・自分でもWebやスマホアプリの開発してみたい。
・今の仕事の作業を効率化できるツールを作りたい。

私の場合、この目標をざっくりとかかげ、カバーできそうな言語を考えました。

また、プログラミング学習の挫折率の高さも耳にしていたので、挫折しにくいものがあればいいなと感じておりました。

とりあえず、まずは無料学習サイトで試してみることに。

▼試してみた無料学習サイト
Progate
ドットインストール

実際にやっては見たものの、

😢一つ一つの科目が細かく分類されすぎ
😢不明点はググるしかなく、初心者からしたらこれを調べることに相当の時間を費やしてしまう

というのが本音でした。

そこで、いろんな情報を調べたり、プログラマーの友人にも相談をしたところ、何やらSkillHacksという有料の動画コンテンツというものがわかりやすいと聞き、調べてみることにしました。

SkillHacksってどんな教材?

SkillHacks

実際に調べてみると、この教材を作った方は『迫祐樹』さんという方。

動画教材サイトで有名な『Udemy』のベストセラー動画著者や、プログラミングに関する書籍出版経験もあるという凄腕経営者だと知りました。

YoutubeやTwitterでも積極的に情報を発信されている方なので、アウトプット力も高い人だということがわかります。

では、そんな迫さんが提供する『SkillHacks』は、どんな特徴があるのか。

私が感じたメリット、デメリットを簡単にまとめてみました。

SkillHacksのメリット
・他スクールなどに比べて安価
・学習期限も無期限
・LINEで不明点を聞けば無制限で返答してくれる

▼ SkillHacksのデメリット
・他社比較では安価とはいえ、初心者には少々勇気のいる金額
・一括支払いのみの対応
・ある程度独学で学習した人にとっては物足りない内容

私の場合、

☑スタートが楽になるなら、すこしは有料でもいいかな
☑LINEで不明点を直接問合せ出来るのはありがたいかも

という点で挫折しにくいのではと感じ、SkillHacksで学習をチャレンジすることにしました。

ちなみに講座の内容は下記のように第10章まで分かれています。

▼【SkillHacks】コンテンツ内容▼
第00章 事前準備をしよう (2本)
第01章 HTMLのサイト作成講座 (6本)
第02章 CSSでのWebデザイン基礎講座 (6本)
第03章 HTML/CSSワークショップ -自己紹介サイトを作ろう- (6本)
第04章 Bootstrap活用デザイン講座 (7本)
第05章 Rubyプログラミング学習講座 (12本)
第06章 Rubyワークショップ -メモアプリ開発- (7本)
第07章 Ruby on Rails コントローラ・ビュー編 (14本)
第08章 Rails基礎講座 モデル・データベース編 (10本)
第09章 Rails実践編 メモアプリ開発・デプロイ (11本)
第10章 Rails実践編 メモアプリに削除編集カテゴリを追加 (13本)
おまけ コーポレートサイト作成演習 (9本)

一つの動画が大体10分前後なので、途中で集中力が切れるということもないイメージです。

好きな章から始められますが、おじさんはまったくの初心者なので、最初からコツコツ進めて行きました。

※どんな動画か気になる方は、下記無料体験動画を見てみてください!

さっそく『HTML&CSS』の学習を開始してみた。

『HTML』って何となく聞いたことがありましたが、何が出来るのかは不明でした。

▼HTMLとは▼
ざっくり言うと見出しや箇条書き、リンクの貼付やフォームの作成など、 ホームページの文章構成を行う言語となっています。

また、CSSですが、これは正直初めて聞いた言語でした。

▼CSSとは▼
文字や背景のカラーや、イメージのサイズ調整など、HTMLで作成したページデザインのビジュアルをキレイに整えてくれる言語になります。

例えば、私が課題で作成した『HTML』のWebサイトを例にみてみましょう。

下記はHTMLのみで構成されたページです。

文字の羅列や飛び先リンクなどは整えられていますが、デザインはまだ整理されていない状態です。

▼HTMLのみ▼

そこに、CSSで文字や写真の大きさ、デザインや色を付け加えるとこうなります。

背景やメニューバーの色や、画像のサイズなどを整えました。

▼HTML&CSS▼

ここからわかるように、基本的にはHTMLとCSSは組みあわせて学んでいくイメージです。

ちなみにHTML&CSS講座を学んで、このサイトを作成できるようになったのは大体1週間程です。

時間でいうと、平日は1~2時間、休日3~5時間くらいですね。

仕組みさえわかれば、おじさんでも意外とわかりやすい言語でした。

プログラミングと聞くと、すごく難しいイメージを持ってしまいがちですが、簡単に出来ることから成功体験を作ってもらえると、続けるモチベーションにもつながりますね:)

プログラミングで何かを作ってみる楽しさを体験出来たら、あとは、色々なサイトを模写したり、不明点をググって自分の知識を肉付けしていきながら、自力でコンテンツ作成ができる力を養っていければと思います。

ということで、今回は『HTML&CSS』を学んでみた体験談をご紹介してみました!

引き続き、学習内容や自作コンテンツをこちらで発信してまいります!

プログラミングを初めてみようという方は是非参考にしてみてください!

ではでは!

※↓SkillHacksの詳細はこちらから↓※

-Skill Hacks- 動画で学ぶWebアプリ開発講座

※次の記事『Bootstrap編』は☟こちら!
Bootstrap編

HTML&CSS学んでみた
最新情報をチェックしよう!