WEB制作未経験者は、とりあえずSkillHacksやればOKというお話

皆さんこんばんは！
愛されデザイン♪ママWEBデザイナーのるちこです！

このブログでは、主にノンスキルのママさんに、0からWEBデザインというスキルを身につけて稼げるようになってもらおう！という趣旨で記事を書いています。

今回は、「デザインは楽しいけどHTML/CSSコーディングはさっぱりわからん」というママさんにおススメのSkillHacksを紹介します。

SkillHacksを見てみる

ホームページが完成するまでの手順

 

企画⇒レイアウト⇒デザイン⇒コーディング⇒サーバーアップ⇒公開

 

ざっくりですが、WEB制作というのは、デザインとコーディングという2つの手順から成り立っています。

デザインの部分では、主にワイヤーフレームというレイアウトのラフを作り、
それを元にPhotoshopやIllustratorなどのソフトを使用して全体のデザインを作ります。

そして、それをホームページとして閲覧できるようにするために、
HTMLやCSSなどのコードを書いていきます。
これをコーディングと言います。

その後、コーディングしたファイルと画像などのファイルを
サーバーにアップして公開すると、ホームページとして世界中の色々な人に、自分のパソコンやスマホから閲覧してもらえるようになります。

 

SkillHacksとは？

SkillHacksとは、この「コーディング」という部分と「プログラミング」を丁寧に解説してくれる動画教材です。

学べるコンテンツは、大きく分けると下記の5つになります。

HTML、CSS、BootStrapを学ぶことにより、静的ホームページのコーディングが可能になります。

また、Rubyはプログラミング言語、Railsはそれに付随するフレームワークとなっていて、この2つを学ぶことにより、WEBアプリケーションの開発が可能になるため、受注出来る案件の幅が広がり、単価アップも期待できます。

ママさんでも大丈夫！

	

	

	
ホームページを作りたいけど、
HTMLとかCSSとかよくわかんない…
英語の羅列みたいなのを
使うんでしょ？
わけわかんないよー
	

大丈夫です！

SkillHacksは「絶対に挫折しないプログラミング教材」というキャッチコピーの通り、
環境構築から小・中学生でも分かるように丁寧に丁寧に解説されています。

一つの動画が10分前後で完結するので、家事や育児の合間にささっと閲覧することが出来ます。

しかも、LINE＠で分からないことはいつでも質問してOKです。

「ホームページを作るためにHTMLの本を買ったけど、意味不明であきらめた！」

という過去があっても大丈夫。
動画を繰り返し見てその通りに手を動かせば必ず身につきます。

SkillHacksをもっと詳しく

SkillHacksは、以前紹介したBlogHacksの制作者でもある迫さん（@yuki_99_s）が開発されたプログラミング学習教材です。

 

講座は94本の動画で構成されています。

内容は下記のとおり

こちらにサンプルの動画があるので、一度見てみてください。
かなり分かりやすく、噛み砕いた動画になっているのが分かるかと思います。

SkillHacksサンプル動画

SkillHacksで学んだ結果…

Twitterを見てみると、SkillHacksを学んだ人たちの絶賛の声が続々と上がっていることが分かります。

@yuki_99_sさんの講座受けてみての感想
教え方が丁寧で分かりやすい。
画面まわりは疎すぎたので今さらですがbootstrapはおーってなった笑
個人的に動画系のプログラミング教材はあまり好きじゃなかったけどこのコンテンツはめちゃくちゃいいね👍#SkillHacks

— くろしん@エンジニア (@kuroshin8shin) 2018年8月27日

htmlにcssが反映されない〜😭て30分くらい動画と見比べてたけどわからず。迫さんにLINEで質問したらすぐに返ってきて解決…！cssをフォルダ外に作っていたからだった。こんなこと聞いてもいいのかと思ったけども。ありがたい。 #SkillHacks

— sea (@jrjrjr0000) 2018年8月23日

今日は、迫さんのSkillHacksに挑戦中!
内容が分かりやすくて、Bootstrapまで終えた!!皆さんが作ってるwebサイトもこうやって作られてるものもあるんだなと、少し入り口に立てた気がして楽しくなりました!!全章を身につけれるように頑張ろう!#SkillHacks#駆け出しエンジニアと繋がりたい

— せんぷうき (@1000puki_eng) 2018年8月26日

３日坊主の私でも、しっかり続けられている評価の高い教材です。

現在では、全国に約300人の受講生が居るみたいですよ！（2018年11月現在）

 

SkillHacksの気になるお値段は？

SkillHacksの気になるお値段ですが、現在は69,800円で販売されています。

正直、このお値段は激安です。

WEB制作やプログラミングのスクールを検索してみると分かると思いますが、大体20万円前後が相場です。

しかも、このSkillHacksは買切り制なので、一度買ってしまえば好きな時間に自分のペースでずっと学べますし、いつでも・永久的に・何度でもLINE＠から質問することができます。

ぶっちゃけ、WEB制作が出来るようになれば、1つの案件受注で十分に取り戻せるお値段なので、さっさとスキルを身につけて、自分の力で稼げるようになっちゃいましょう！

SkillHacksからのステップアップ

WEBデザインだけの視点から見ると、SkillHacksではHTML/CSSはかなり基礎的なレベルのみが解説されているため、SkillHacksで学んだ後はUdemyなどでさらにコーディングの知識を深めることをオススメします！

ただ、何もわからないゼロの状態からHTML/CSSを学ぶにはSkillHacksから入門してみるといいかもしれません。

最後に

今、私もまさにSkillHacksを使って勉強中です。

もともとWEBデザイナーなので、HTMLやCSSは得意なのですが、やはり自分の商品に付加価値を付けるべく、SkillHacksではプログラミング言語（RubyとRubyonRails）を勉強しています。

私も0歳児の子育てやフルタイムのお仕事の合間での学習ですが、SkillHacksは「プログラミング学習を、とことん低い敷居にした」教材ですので、スキマ時間を使ってプログラミングの壁という壁を「ひょいひょいっ♪」と乗り越えていける感覚です。

私は今後、TwitterBOTや会員制予約サイトなどのサービスを、SkillHacksで学んだ知識を活かして開発したいと考えています。

そして、1本100万円前後の案件をバンバン取っていきたいという野望があります！

ママでも、忙しくても、知識0でも、「スキルを身につければ、今後の人生が変わります！」

ぜひ、一緒に勉強して、スキルアップしていきましょう♪

SkillHacksを見てみる