こんにちは、みーまです。
最近はみなさんもご存知の通り、外出・出勤の制限から、これまでの働き方を見直そうとする方が出てきています。
今回は、在宅ワークや兼業としても親和性の高い、Web制作スキルを早く身につけられる教材を3つ紹介します。
- Web制作スキルは価値がある
- Web制作スキルはたくさんある
- 仕事に繋がるWeb制作スキルの学習方法
- Web制作スクールの紹介
【重要・理解していてほしいこと】
教材価格を見て「高い買い物だな」と思うかもしれませんが、その感覚で結構です。
- 大事なお金だから、安く買いたい
- 大事なお金だから、信頼できる人から教えてもらいたい
- 大事なお金だから、なるべく難しいスキルを教えてもらいたい
いろんな考えがあると思いますので、紹介や公式サイトを確認して選んでもらえればと思います。
1.なぜWeb制作？
皆さんが利用しているインターネットにおいて、Webページは欠かせません。
今ご覧になっているこのページも当然Webページですし、これらを制作できるスキルは、誰もが持っているわけではありません。
以下にポイントを記載します。
| 道具は最小限でOK | 必要なものはPCとインターネットだけです。他は基本的に無料で手に入るソフトウェアで、働くことが可能です。 |
| 場所を気にせず働ける | 道具は上記の2つしかない為、場所を制限しません。通勤は必須ではありませんし、ましてや商売相手を日本に限定する必要もありません。 |
| 長期的に安定している | Web制作の技術は年々進歩しているとはいえ、必要な基礎技術は変わらず、この先も需要は一定以上あると言えます。 |
2.どんなスキルがWeb制作に必要？
基本スキルはどれでも習得できる
Web制作は、まず基本になる3つのスキルがあります。これは、どの教材やスクールを選んでもほぼ学習することになります。
| HTML | Webページの基本技術です。タイトル、本文、簡単な画像表示などを表示します。 |
|---|---|
| CSS | HTMLのデザイン装飾を行います。文字の色が変わったり、スマホとPCで配置が変わるようにしたりするのは主にCSSの役目です。 |
| JavaScript | HTMLやCSSは主に何回画面を表示させても結果は同じですが、JavaScriptを扱うと、あるデータの場所から最新のデータを取得してくるなど、表示内容が都度変わるようなページを作成できます。 |
上位の案件は追加スキルが必要
基本のスキルだけでもある程度のWebページは作成できますが、それだけだと収入の柱にできるまでの単価は見込めない為、様々なスキルを追加で習得することになります。
| Bootstrap | CSS、JavaScriptを更に使いやすくできるようにしたフレームワーク（ある言語を使いやすいように再定義したもの）がBootstrapです。 |
|---|---|
| WordPress | Web制作スキルを持たない人が、簡単にWebサイトを作成できるように作られたコンテンツ管理システムです。基本的には「テーマ」の範囲でしかデザイン変更ができませんが、次のPHPを習得すると、自由にデザインし直せたり、機能追加が可能になります。 |
| PHP | 動的なWebページを開発するための言語です。WordPressもこれで開発されていますので、習得するとWordPressサイトを自由に作り直すことが可能です。 |
| Vue.js | JavaScriptで開発された、ユーザーインターフェース用のフレームワークです。 |
| React.js | JavaScriptで開発された、ユーザーインターフェース用のライブラリ（特定の機能パッケージ）です。ライブラリ扱いなので、他のライブラリとも併用ができます。 |
3.教材/スクール比較表
カリキュラム（代表的なもの）
| HTML | CSS | JS | PHP | WP | FW LIB |
|
| Front Hacks | ||||||
| RaiseTech | ● | ● | ● | ● | ● | |
| デイトラ | ||||||
| HTML | CSS | JS | PHP | WP | FW LIB |
講師・質問・支援
| 講師 | 質問 | 支援 | |
| Front Hacks |
|
|
|
| RaiseTech |
|
|
|
| デイトラ |
|
|
|
※1. 現在現場に出られているのか情報が見つけられませんでした。ブログやメンター業等を考えると現場に出ているお時間があるのか気になるところです。
※2. 販売元のスキルハックス社は就職サポートをやっているので、FrontHacksでも受けられるのではと思います。
※3. RaiseTechのSlackは卒業生も期限なしに在籍が可能なので、講師の方より前に回答してくれたりします。
4.仕事に繋がるWeb制作スキル教材3選
1.FrontHacks
| ￥136,180（税込み￥149,800） | HTML/CSS/Bootstrap/JavaScript/Node.js/React/Vue/etc |
|
|
受講生の制作物、コメントなど
#FrontHacks の非同期処理編でFetch APIを使ったクイズアプリを作成しました！
自分なりにコードを書いた部分もあり苦戦しましたが、何とか形にできて良かったです…！
課題の機能に加えて自分で時間制限もつけてみました！@yuki_99_s @tsuyopon_xyz pic.twitter.com/MYBwrdyOeX
— bako@プログラミング勉強中 (@bako14142254) May 14, 2020
2.RaiseTech WordPress副業コース
| ￥238,000（税別）/4ヶ月
￥158,000（税別）/4ヶ月（早割適用） |
HTML/CSS/JavaScript/PHP/WordPress/etc |
| RaiseTechでは10年以上、Web制作向けブログを発信しつつ現場で活躍し続けているWeb制作エンジニアが講師として参加し、ご自身が持つスキルを皆さんに教えています。（※RaiseTechでは現場勤務を辞めた、講師業に専念しているような人は講師ができません。）
内容・回数も無制限で質問ができるのが特長。 代表的なものでは、下記のような課題を独学で達成できるスキルが身につきます。
本コースではないですが、私もRaiseTechの卒業生で現在も連絡を取っており、スクールの体制の良さは保証します。 |
|
受講生の制作物、コメントなど
🎉報告🎉
納品終わりました！
鵠沼海岸のまつエクサロン リレアさん
Relair Eyelash Nail salon撮影
デザイン
構築
印刷物制作
担当させていただきました！
見ていただけると嬉しいです😌https://t.co/fzvIhAVyPg#まつエク#サイト制作#鵠沼海岸#webデザイナーと繋がりたい— 小林真太朗✂️美容師×💻WEBデザイナー (@shin0318) September 14, 2020
まだ修正点たくさんあるので、随時修正していきます🤪カリキュラムを始めた時は、卒業時のレベル感が想像つかなかったので、そういう人等に具体的なイメージを持ってもらいたいです✨未経験でもめっちゃ頑張れば、WordPressのテーマ作成まで習得できます😄
— 専業主婦はるか@目指せWeb制作者🌸 (@harukahirokawan) August 20, 2020
やっと自作サイト完成しました..
スレッドに詳細書いていきます！https://t.co/pECZtqcfAn#RaiseTech #webデザイナーと繋がりたい#駆け出しエンジニアと繋がりたい— Kai@自作サイトようやく完成 (@kai_trial) October 7, 2020
3.デイトラ
| ￥59,800（税別）/3ヶ月 | HTML/CSS/JavaScript/PHP/WordPress |
| Twitterから始まった無料教材「30DAYSトライアル」が、デイトラとして内容をアップデートし有料教材としてリスタート。既に何人もの卒業生がWeb制作エンジニアとして企業に採用されていて、内容はお墨付きです。
また、講座修了相当のスキルがあると認められた方限定ですがフリーランス独立支援（有料）を受けることも可能です。 |
|
受講生の制作物、コメントなど
生徒数が多いので、Twitterで#デイトラと検索してみてください。
5.まとめ
| RaiseTech | 個人的にオススメ。
|
| デイトラ |
|
| Front Hacks |
|
この先は、リモートワークが急激に進み、個人のスキルがますます重要視される世の中になっていきます。働き方を見直したい皆さんは、Web制作スキルを身につけることを検討してみるのは如何でしょうか。