【無料】求職者支援訓練でWebデザインを学ぶ

僕は、6ヶ月間の求職者支援訓練を経て、Webデザイナーになりました。Webデザインを学校で学ぶ方法は、職業訓練・求職者支援訓練（ハロートレーニング）・一般のWebデザインスクールの３つがありますが、求職者支援訓練がベストだと思っています。

ここでは、求職者支援訓練の概要とメリット、学校選びのポイント、僕の体験談をお伝えします。
求職者支援訓練は無料です。僕は最高にお得な学校だと思っています。ぜひ最大限に活用しましょう！

1 求職者支援訓練のWebデザイン関連学科
- 1.1 求職者支援訓練の概要
- 1.2 通学期間と授業時間
2 求職者支援訓練でWebデザインを学ぶ良さ
- 2.1 6ヶ月の充実したカリキュラム
- 2.2 受講料が無料
3 Webデザイン関連学科の選び方　チェックポイント５つ
4 僕の求職者支援訓練の体験談
5 求職者支援訓練校の一覧（東京）
6 求職者支援訓練に受かる方法
7 訓練校受かったよ〜！でも不安…！な方へ

求職者支援訓練のWebデザイン関連学科

求職者支援訓練の概要

求職者支援訓練は、主に雇用保険を受給できない方が対象です。「本人収入8万円以下」「世帯全体の金融資産が300万円以下」などの条件を満たすと月額10万円の給付金をもらいながら通学ができます。最高です…。最近はハロートレーニングと名称が変わりました。

地域にもよりますが、学べる訓練のジャンルは豊富で、Webデザイン、プログラミング、ネイリスト、パソコン初歩、医療事務、セラピストなど多岐にわたります。公式サイトはこちらです。

開講前になると、ハローワークに求職者支援訓練のこんなチラシが並べられます。こちらが新宿のハローワークで手に入れたWebデザイン関連学科のチラシです。7校ほど見つけました。求職者支援訓練（ハロートレーニング）の検索サイトでも調べられます（検索しづらいので直接ハローワークでチラシをもらった方が良いです）。

「Webクリエイター（昼間部）科」「基礎から学ぶWebデザイナー・Webディレクター養成科」「ゲーム・キャラクター・Webデザイナー養成（夜）科」「HTML・PHPから始めるWEBアプリ・WEBシステム開発（午後）科」などがあります。ゲームとキャラクターのデザインを学べる学科も興味深いですね。
東京だと『フェリカ』というスクールが有名です。僕の知り合いもここに通って、現在Webデザイナーとして働いています。やや授業のレベルが高いので要注意です。

通学期間と授業時間

通学期間は学校にもよりますが、約6ヶ月が多いです。
授業時間は、昼と夜に分かれています。昼の部は9:00～14：20、夜の部は16:00～20:50などで、学校によって、昼の部は9:20から始まったりと異なるので、チラシをチェックしてみてください。

求職者支援訓練でWebデザインを学ぶ良さ

6ヶ月の充実したカリキュラム

求職者支援訓練がベストだと思う理由はまさにこれです。Webデザイナーとして働くために、基礎スキルとして、「Photoshop」「Illustrator」「HTML／CSS」「jQuery」「WordPress」があると良いです。「WordPress」は現場によっては使わない場合もありますが、世界のサイトの約３分の１はWordPressによって作られていると言われるほど需要のある仕組みです。特に今後フリーランスとして活動する場合は、稼ぎやすいいスキルとなるので、学校時代に基礎は習得しておきたいところです。

職業訓練の場合は通学期間が3ヶ月と短く、人によっては各スキルの理解度が浅くなってしまうことと、「WordPress」がカリキュラムに含まれていないことが多いです。一方、求職者支援訓練は6ヶ月でたっぷりと勉強する時間があり、WordPressもカリキュラムに含まれていることが多いので、十分にスキルを蓄えられる点がおすすめしている理由です。

受講料が無料

有料のWebスクールで同じカリキュラムを受講しようと思ったら、50万近くはかかりますが、求職者支援訓練なら無料です。テキスト代（約10000～15000円）のみかかります。

Webデザイン関連学科の選び方　チェックポイント５つ

ハローワークで、Webデザイン関連学科のチラシをできるだけ多くゲットして、見比べてましょう。一見、Webデザイン系の学科に見えても、デザインよりもプログラミングの方が授業時間数が多かったりと、学校によってカリキュラムが異なるので注意してください。

1. カリキュラムにWordPressは入っている？

標準的なWebデザイナーを目指したいなら、まずは「カリキュラムにWordPressは入っているか」をチェックしてください。チラシの「訓練内容」に授業内容が詳しく書かれています。

WordPressとは、サイトやブログを構築するシステムのことです。HTML/CSSとわずかなPHPのスキルで扱えます。WordPressは必ず現場で求められるスキルではないのですが、フリーランスのWebデザイナーにはほぼ必須と言っていいスキルです。世界のWebサイトの約３分の１がWordPerssで構築されているからです。WordPressでのサイト制作依頼がすごく多いのです。わりと簡単にサイトが構築できるわりに、高単価（僕のケースだと２週間程度の作業で30〜40万円以上）で受注できるので、ぜひ学校時代に習得しておきましょう。

2. 授業のデザインとプログラミングの比重は？

次に、「デザインとプログラミングの比重はどうか」をチェックします。Webシステム開発科のような名前の学校だと、PhotoshopやIllustratorの授業は無く、HTML/CSS・JavaScript・PHPなど、いわゆるフロントエンドエンジニア（「HTMLコーダー」の進化版の職種）を目指す方が対象の学校になります。JavaScriptやPHPは、できない人はまったくできるようにはなりません…。賛否両論あると思いますが、アルゴリズムを考えるセンスが必要になる世界なので、よほどプログラミングに自信がある場合以外は、おすすめはしません。

カリキュラムに、最低限、HTML/CSS・Photoshop・Illustrator・jQuery（Javascript）・Wordpressが入っていることをチェックしましょう。

3. 取得できる資格もチェックしてみよう

チラシの裏面に、取得できる資格が記載されていることが多いです。Webデザイン関連学科では、僕も受けた「Webクリエイター能力認定試験エキスパート」を任意受験できる学校がおすすめです。この資格があれば、Photoshopとコーディングの基本スキルがあることをアピールできます。エキスパートという名前が存在感がありますｗ。
試験は必ず受けましょう。受かるか落ちるかは極論どうでもよくて、試験のために勉強してスキルが向上することが試験を受ける第一の目的です。
といっても、授業をちゃんと受けていればわりと簡単に取れる資格です。

4. 自分がやりたいことは入ってる？

これはあまり重要ではないですが、自分がやりたいことがカリキュラムに入っているかどうかをチェックしてみましょう。
学校によっては、カリキュラムの中に「Web動画実習」「写真撮影実習」「Web解析論」「コピーライティング」など、他の学校にはない授業を設けていたりします。Web動画の編集がしてみたい！などの興味があれば、受講してみるのもいいかもしれません。Webディレクター養成も含む学校の場合は、プロモーションやSEOも授業に入ってくる場合があります。

ただ、その分、HTML/CSSやjQueryの授業時間数が少なくなっているかもしれません。そのへんは訓練内容の「訓練時間」を他校のチラシと見比べてチェックしてください。

5. 昼の部は起きれる？

最後に、学校にちゃんと通えるかという問題ですｗ。昼間部は学校によっては、９時からです。学校が家から少し遠くなると、朝が苦手な人にとっては、けっこうきついかもしれません（…僕だけでしょうか？）。特に失業中は不安もあって寝付きが悪かったりすることもあると思います。自分の生活リズムに合うように、昼の部がつらかったら、夜の16時からの学校を選択するのもありだと思います。

僕の求職者支援訓練の体験談

僕は東京の立川にある求職者支援訓練に通いました。Webクリエイター科というWebデザインが学べる学校です。今はその学校は無くなってしまいました。。
授業時間は、朝9時20分～16時までです。授業は週に3～4日です。6ヶ月の期間でしたが、5ヶ月目に就職が決まり、その時点で卒業しました。

どんな先生？

先生は当時弱冠26歳でしたが、現場経験も豊富な男性のWebデザイナーでした。授業もすごくわかりやすく、Webクリエイター能力認定試験の直前には授業後に補講も開いてくれて優しい先生でした。

わからない箇所があったらすぐ聞ける？

先生に加えて、アシスタントの女性が一人いました。先生が授業で解説中でも、わからないところがあればそのアシスタントの人に聞いて解決することで、授業に遅れないでついていけました。各自でデザインやコーディングの作業をしている時も、先生やアシスタントに気軽に質問ができました。また、授業後でも二人とも質問に答えてれくました。

クラスの雰囲気は？

大学を卒業したばかりの人や、元デザイナーでWebの技術を知りたい人、50代の方など、さまざまなバックグラウンドと年齢層の人と交流できたのが面白かったです。みんなでスイーツパラダイスに行ったり、飲み会をしたり、楽しい思い出になっています。いまもLINEで繋がっていて、今の仕事の話やどうでもいい話をしたりします。

パソコンはWIndows？Mac？

Windowsです。たぶん求職者支援訓練はどこもWindowsかと思います。

大変だった点は？

僕は家が高田馬場だったので、朝9時20分の授業に間に合うように立川に行くのは、ちょっとしんどかったです。しかも冬だったので寒くて…。
授業だと、jQueryとWordPressは少し難しかったですが、先生とアシスタントの人にすぐ質問ができたので、なんとかついていけました。

お昼ごはんはどうしてた？

僕はクラスメイトと学校近くの500円のワンコインで食べられる中華料理屋や定食屋さんでよく食べていました。弁当を作って教室で食べている人もいました。

スキルは身についた？

5ヶ月目で就職が決まり、Webデザイナーとして働き始めましたが、コーディングについては、わりとスムーズに現場に慣れることができました。ただ、デザインはなかなかそうも行きません。学校卒業直後はPhotoshopが使えるレベルでしかないので、バナーやサイトのデザインを何度も先輩や上司に提出しては直すということの繰り返しでした。でもそのおかげで、だいぶこなれてきたとは思います。

求職者支援訓練校の一覧（東京）

一部ですが、Webデザイン関連学科を持つ東京の訓練校のリストになります。各学校のサイトでは開講の有無や開講スケジュールが確認できます。

「後藤塾」は僕のWeb解析士の先生です。面白い先生です！Webデザインに加えてマーケティングやディレクターに興味がある方は後藤塾も検討してみてください。

東京は訓練校がかなり多いです。他県の訓練校も受けられるので、自分の住む県に良い訓練校が無ければ、東京に通うことも考えてみましょう。
ご自身の地域の訓練校はこちらの公式サイトから探せます。でも公式サイトはわかりづらいので、、まずは最寄りのハローワークでチラシをゲットしてみましょう！チラシが見つからなかったら、いつ開講するのかを職員の方に聞いてください。

Webデザインを学ぶスクールに行こうと思ったら、求職者支援訓練や職業訓練で十分です。僕自身も求職者支援訓練でWebデザイナーになれました。
でも、もし東京や関東に在住で経済的に余裕があれば、日本のトップクラスのWeb制作会社『LIG』が運営するスクールへの通学も検討してみましょう。
デジタルハリウッド STUDIO by LIG
求職者支援訓練はWindowsですが、LIGではもちろんMacを使います。LIGのクリエイター陣のいる環境で、最先端のデザインとコーディングを学べるのは貴重な機会です。こういうのは一般のスクールの良さですね。時間があれば、上野のLIGのオフィスに遊びに行ってみましょう。

求職者支援訓練に受かる方法

求職者支援訓練はそれほど倍率が高くないため、落ちることは少ないはずです。でも、たまたま応募が多かったりすると、残念ながら面接の結果で落ちることはあります。倍率は、推測で申し訳ないですが、1〜1.5倍ほどかと思います。
落ちても同じ学校を受けることが可能です。

求職者支援訓練の面接に受かる方法は「やる気のアピール」です。平凡に聞こえますが、これが一番重要です。
訓練校は無料で、しかも条件を満たせば、通学しながら月10万円が支給されます。そのため、お金目的で入校する人が絶えません…。モチベーションの低いそんな生徒が多いため、訓練校卒業後の就職率が低いという悲しい実態があります。そのため訓練校（というか行政）は少しでも就職率を上げるために、面接で「本当に就職する意志のある人」だけを入校させるようにしています。そうしないと訓練校としては成果を残せないからです。

なので、面接では、ちゃんと勉強して就職する意志があることを全力で伝えることが最優先です。面接官に「あ、この人なら大丈夫だな」と思われれば、普通に入校できます。

面接までに独学で少し勉強しておくのもかなりオススメです。独学していることも面接の中でアピールできれば学習意欲があることを伝えられて好印象です！

訓練校受かったよ〜！でも不安…！な方へ

さて、いざ無事に訓練校の面接も通過し入校が決まると、人によっては「授業についていけるかなぁ…」と不安を感じる方もいると思います。
入校前に知っておくとよい単語などを下記にまとめておきます。

・Chrome（クローム）
インターネットをする際のWebブラウザです。ほとんどのWebデザイナーやエンジニアはGoogleのChromeブラウザを使います。使い慣れておきましょう。下記の記事ではChromeの開発者ツールの解説をしています。入校前に覚えなくてもいいですが、現場では必須の機能なので「こんなのがあるんだ〜」程度に眺めておいてください。
Webデザイナーの必需品！Google Chromeブラウザの開発者ツールの使い方

・キーボードのショートカット
頻繁に使うキーボードのショートカットは覚えておきましょう。あ、ブラインドタッチもできるようにしておいてくださいね！
Ctrl+C: コピー
Ctrl+V: 貼り付け
Ctrl+A: すべて選択
Ctrl+Z: 一つ前にもどる

・エディタ
HTML/CSSを書く時に使うソフトウェアです。AdobeのDreamweaver（ドリームウィーバー）の他に、VisualStudioCodeやSublimeText（サブライムテキスト）、Atom（アトム）など、様々なソフトがあります。学校ではおそらくドリームウィーバーを使うことになると思います。
僕は長いことドリちゃん（ドリームウィーバー）一択でしたが、最近はVisualStudioCode（VScode）に変えました。Microsoft製の無料で軽快なエディタです。フロントエンドエンジニアの世界ではかなりのシェアを誇ります。

・ポートフォリオ
自分自身の作品集のことです。訓練校の卒業前にポートフォリオの制作に入ります。企業はポートフォリオを見て、求職者のスキルレベルを判定します。本サイトでもポートフォリオについては詳しく書いています。
「ポートフォリオ」カテゴリ
ポートフォリオ制作講座

・Webデザイナーとフロントエンドエンジニア
デザインとコーディングを両方やるのが「Webデザイナー」ですが、コーディングにより特化してプログラミング領域も担当するのが「フロントエンドエンジニア」です。訓練校卒業後の進路として、現在はこの２つの職種が一般的です。

・CSSのプロパティの読み方
CSSにはwidthやrelativeなどの単語が登場します。読み方が分かりづらい単語はこちらにまとめてみました。
widthやrelativeの読み方

不安を払拭する方法ですが、僕の場合は、入校前に少し独学で勉強していました。「不安」というのは授業についていけるかどうかという不安だと思います。それなら事前に少し予習しておくことが不安解消につながります。多少でもWebデザインのの知識があれば授業中にわからないことが減るはずです。
授業に入る前に、HTML/CSSの基礎やPhotoshopの使い方をサラッとでいいので勉強しておきましょう。
下記の記事でオススメの書籍を紹介しています。授業が始まってわからない箇所が出てきた時のリファレンスにも使えるので手元に置いておくと良いです。
【初心者向け】Webデザイン勉強のおすすめ本

書籍だけではなく、Progateやドットインストールなどの学習ツールについては下記の記事で詳しく紹介しているので、気になったらぜひやってみてください。
独学でWebデザインを勉強するための完全ガイド

さぁ、求職者支援訓練を最大限に活用して、Webデザイナーになりましょう〜＾＾

コラム①：正社員のWebデザイナーを強くオススメする理由

このサイトでは、
本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社に正社員で入社すること
を強くオススメしています。

Webの最先端に触れられるWeb制作会社に入社し、スキルをガッツリ高めてほしいです。そして、社内では、やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。

未経験OKで正社員のWebデザイナー・フロントエンドエンジニア案件を多く保有しているのが、IT系に強いワークポートです。Webに強いエージェントは他にもあるし、僕もいくつも登録していますが、ワークポートほど大量に求人案件を紹介してくれるエージェントを他に知りません笑。※現在はコロナの影響でワークポートですら未経験OKの求人が少ない状況です。ただ、少しでも選択肢を増やすために、また今後状況が改善されてきた時のために登録しておきましょう。 ↑ワークポートさんに会ってきました！ねほりはほりと質問をぶつけています。ぜひ読んでみてください。

転職エージェントは複数登録しますが、ワークポートはそのうちのメインエージェントして必ず登録しましょう。

『ワークポート』公式サイトへ

コラム②：Webデザイナーを強くオススメする理由

エンジニアになるのは本当に難しいです。
だからこそ、このサイトでは、Webデザイナーになることを強くオススメしています。

でも、もし、エンジニアになれれば、月収100万円以上も可能です。実際に僕の友人も軽く年収1000万円は超えています。

ほとんどの人がエンジニアにはなれないので、30〜40万円以上はする高額なプログラミングの学校に行くのはお金をドブに捨てる可能性があります。
どうしてもエンジニアになりたい方は、無料でプログラミングを学べるProEnginner開講の学校『プログラマカレッジ』に行きましょう。プログラマカレッジは、学校＆就職支援の一体型サービスです。ここは本当にありがたい存在です。ソーシャルゲーム大手企業で有給インターンまで可能です。
無料のプログラミング学校はもう一つ、『GEEK JOB』があります。就職率97.8%と驚異的な数字を出しています！よりエンジニア色の強いカリキュラムを受けたい場合はこちらを受講します。
２校ともオススメです。無料見学をしてみて自分に合いそうな雰囲気の学校を選びましょう。
この２つの学校のどちらかに通って、自分にエンジニアとしての素質があるのかチェックしてください。もし、あなたに才能があったら、最高にラッキーな人生です。20代のみ対象です。もし20代ならこのチャンスをぜひつかんでください。

30歳以上の方は、『テックキャンプエンジニア転職』がオススメです。転職できなければ授業料全額返金してくれます。教室は9時〜22時まで開放し、教室あるいはオンラインでマンツーマンで無制限に質問ができます！超集中なら10週間、ゆったりなら6ヶ月と期間も生活に合わせて選べます。スクールは無数にありますが、有料系ではここが一番爆速に成長できそうです。
参考記事 : なぜ「エンジニア」ではなく「Webデザイナー」をすすめるのか

無料のプログラミング学校『プログラマカレッジ』の詳細を読む『テックキャンプエンジニア転職』の詳細を読む

「勉強方法」カテゴリへ