WEBデザイン

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

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

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

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


SkillHacksを見てみる

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

 

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

 

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

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

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

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

 

SkillHacksとは?

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

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

  • HTML
  • CSS
  • BootStrap
  • Ruby
  • Rails

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

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

ママさんでも大丈夫!

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

大丈夫です!

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

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

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

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

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

SkillHacksをもっと詳しく

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

 

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

内容は下記のとおり

  • 第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本)

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

SkillHacksサンプル動画

SkillHacksで学んだ結果…

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

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

現在では、全国に約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を見てみる