ハローワークで職業訓練校

【名古屋】職業訓練校のWebデザイナー講座は無料のわりによかった!子持ち主婦が受講したよ

更新日:

職業訓練校のWEBデザイナー科ってどんなことするの?

こんな方におすすめ

  • 保育園に入所させたいけど就職がなかなか決まらない
  • 保育園に入所中だけど、就職が決まらなくてこのままだと退園コースに…
  • 復職したいけど、パソコンスキルを身に付けたい!
  • 将来的には家で働けるようなスキルを身に付けたい!

コロナの影響で職業訓練校に応募する人が増えています。定員20名なのに、60名応募とか。ほとんど落ちてます。

りん
落ちるの前提でハロワに3回行く、説明会に参加、面接待ち(2時間以上待たされる)は無駄な時間です。

絶対にWebデザイナーになりたい人は、在宅でできるオンラインWebデザイナー講座の受講をおすすめします。

詳しく知りたい方は>>https://kodomonorakugaki.babystep.me/syokugyoukunren_web-designer1/#st-toc-h-58

通学中に就職が決まる・パソコンスキルが身につくといいことづくめ!な職業訓練校。この記事では、職業訓練校:WEBデザイナーコースの1日の流れと感じる疑問についてお答えします。

職業訓練校は条件を満たしていれば10万円+交通費がもらえます。詳しくは>>子持ち(元パート)が職業訓練校に入所するまでに必要な手続き

子どもがいる方は職業訓練校に通っている間、保育園に預けられますよ!>>http://jimuten.net/kunren/2690/#:~:text=%E4%B8%80%E8%88%AC%E7%9A%84%E3%81%AB%E5%AD%90%E3%81%A9%E3%82%82%E3%82%92,%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82

場所によっては5ヶ月ほど学べる職業訓練校。実際に見学する前にWEBデザイナー科ってどんなことを学ぶんだろう?と思っている方必見です!

 

職業訓練校(WEBデザイナー)が始まったら持っていかなきゃいけないもの

  • 就職履歴書

これがないと、職業訓練校が受けられなくなる可能性があります。合格通知が来たらすぐにハローワークに行って手続きをしましょう。

  • 求職者支援給付金の書類

月に10万円と交通費。住んでいる場所から遠すぎる場合は宿泊費などがもらえるんです!

  • 印鑑
  • ノートとか

メモをする場合があるので必ず持って行きましょう。

 

職業訓練校に通う前に知っておきたい!注意点

遅刻・欠席したらアウト

先生より早く帰宅したら、授業開始時に教室になかったら遅刻になると厳しめです。

 

職業訓練校1〜4日目:職業訓練校のルール、自己紹介

理由のない遅刻・欠席を 1週間続けた場合「強制退学」になるので気をつけましょう。極端に言うと特別な理由がない限り(面接・インフルエンザになったなど) 1回でも休むと給付金はもらえません。

また給付金をもらえない人でも8割以上出席しないと卒業できない、または強制的に退学になります。インフルエンザの場合も職業訓練校では欠席になります。

しかし必要な書類などを提出すれば、ハローワークの方でインフル以外に参加した日数で計算してくれます。そのためインフル以外で休んでなければ給付金がもらえます。ちなみに1ヶ月に一度カンタンなテストがあります。

自己紹介をしました。みんなの緊張をほぐすためです。隣の席の人と話したり、丸1日やってました。

パソコンを触るのは来週から。フォトショップ、イラストレーターは2ヶ月後。独学でフォトショップ・イラストレーターを学びたいならアドビのコンプリートバージョンがオススメです。

ちなみに職業訓練校は学生として通ります。学生料金で1年間アドビ製品が使えますよ〜!通学証明書を発行してもらってくださいね。

 

職業訓練校のお昼ご飯事情:

お昼ご飯の時間は50分〜1時間ほどです。電子レンジがあるところ・ないところがあります。

あったかいものが食べたいという人はティファールや保温の弁当などを持っていくといいですよ。

 

職業訓練校5日目:パソコン授業(ファイル管理、ジョブカード作成)

パソコンの授業が開始しました。

  • ファイル管理(名前の付け方)、拡張子の説明(jpeg,png,aiなど)
  • 午後からジョブ・カード作成(卒業したらハローワークに提出するものです)
  • ジョブカード(履歴書・職務経歴書)みたいなものです。

 

職業訓練校6〜7日目

履歴書や経歴書、自己PRをワード・エクセルにて。

ウェブ関連の仕事などの説明

 

職業訓練校7日目

仕事探しサイトで気になった会社をメモする

志望理由やウェブデザイナーになりたいと思ったきっかけ、会社を知ったきっかけ、将来像などを書く

ちょっとしたテスト(カンタン)

 

職業訓練校WEBデザイナー科:8日目

  • ジョブカード作成
  • よさそうな会社の候補を出す

会社候補を出したら会社のホームページを見て、その会社にひかれた理由を事細かに書く

 

職業訓練校WEBデザイナー科:9日目

Webの基礎を学ぶ

  • XHTMLを学ぶ
  • タグの構成(html head body)で構成される
  • タイトルタグ(<titile></title>)
  • 見出しタグ(h1 h2)

 

職業訓練校WEBデザイナー科:10日目

  • 見出しタグの練習<h2></2>
  • リストタグ<ul><li></li></ul> 水平線</hr> 改行</br>

CSSになったら使わないって言われたけど

 

職業訓練校WEBデザイナー科:11日目

Webデザイナーになるには見る目を養う必要がある

「いいな!と思ったサイト」と「これは見にくいというサイトを1つずつ」あげる

どこがいいと思ったのか、逆にどこがどう見にくいと思ったのかを3つずつあげました。

サイトはイケサイなどを参照に。

 

職業訓練校WEBデザイナー科:12日目

  • みんなの前でいいなと思ったサイト・悪いと思ったサイトの発表
  • タグやリストの使い方復習

 

職業訓練校WEBデザイナー科:13日目

  • タグやリスト、イラスト挿入のやり方
  • イラスト・写真挿入するときはインデント要素がないタグをつける<p><img src=""></p>
  • altは必須(なんの画像か分からないため)
  • 階層の説明(戻るときは../)
  • heightとweight(サイトのサイズ設定)

 

職業訓練校WEBデザイナー科:14日目

  • 良いサイト悪いサイト 見にくいサイトを発表(続き)
  • リンクタグの説明(<a href="link"></a>)
  • 絶対パスは外部リンクのこと
  • 相対パスは自分のリンク、サーバーに上がってないもの(全入力が必要)

独学でやったこと

テーブルタグは習っていませんがソースを見ながら作成。めんどかった!!

ソースを見ながらやりました!

<table> <th><tr><td>と、ゲシュタルト崩壊するかと思いました!!!

またページ内リンクも< h1 id=”top”>サイトタイトル名</h1>

 

職業訓練校WEBデザイナー科:15日目

今週からCSSをやるとのこと

パソコンをあんまり触ったことなくて授業についていけるか分からないよって方は、先にProgateで予習しとくといいかも

独学

早く実績作りたくてとりあえず家でイラレを触り始めました。

職業訓練校に通ってたら学割が使えます。

通常月5,000円かかるコンプリートパージョンですが、学生版だと月1,980円になります!!

証明書を発行してもらってね!!

 

午後テスト: 今までの範囲がちゃんと理解しているか?を見ます。

  • HTMLファイルとはなにか?
  • HTMLを作る上で必要なタグは?
  • 段落のタグはなにか?など
  • CSSを反映させるために必要なタグ、
  • CSSの作り方
  • Font-sizeの変更

 

職業訓練校WEBデザイナー科:16日目

  • Font colorやback ground color
  • <div class=""></div>

 

職業訓練校WEBデザイナー科:17日目

  • Text align
  • Border top left
  • borderの種類(solidなど)

 

職業訓練校WEBデザイナー科:18日目

  • 今までのおさらい divとspanの違い
  • Idやborderの使い方
  • 文字の太さ(font weight)変更
  • イタリック・斜体など

1ヶ月が経ちましたがゆっくりペースすぎて飽きてきました。作業を終わらせてから自分の勉強をやっています。さすがにロゴ模写は出来ないので、Progateの初級を1週しました。

 

職業訓練校WEBデザイナー科:19日目

  • マージン(margin)、パディング(padding)の違い
  • テーブルタグの線付け方
  • borderコラプス(スペル忘れ)

独学

コーディング模写>Webサイトをコーディング模写するやり方と使用するツール(外部リンク)

 

職業訓練校WEBデザイナー科:20日目

  • background image
  • background-position x y
  • background repeat 
  • リセットCSSのこと*{ padding margin}

margin:外側

padding: 内側

 

職業訓練校WEBデザイナー科:21日目

席替え

  • Overflow
  • Line Hight
  • Float clear
  • White space

カンタンなホームページは作れるように。

独学

プロゲート中級 1週 プロゲート初級道場編 1週 ロゴ模写、チュートリアルで作成

ちづみさんのノートを購入 コーディング>>コーディングの模写ならこれやってみて!(初級編)

26日はハロワの指定日なので実質3日間しかありませんでした。

 

職業訓練校WEBデザイナー科:22日目

  • vertical-align(画像を横並びにして隙間ができたら vertical-align:top; or bottom
  • floatのやり方 復習

明日1回目の指定日だから書類を貰いました。

 

職業訓練校WEBデザイナー科:23日目

  • floatのおさらい
  • position:absolute; fixed 

ポジションはサイズ指定しないと反映されない

10月初めに1回面接受けに行きます。私が利用したサイトは「女の転職」です。(落ちましたが)

 

職業訓練校WEBデザイナー科:24日目

  • 話を聞きました。(ハロワの人?)

独学

土日でプロゲート上級(レスポンシブ)途中、コーディング模写、ポートフォリオサイトの作成が完了しました。

あと前回イベント参加したところの会社がインターンを募集しているので、チャレンジしてきます。(インターン経験するの良いですよ〜!)

 

職業訓練校WEBデザイナー科:25日目

  • コーディングをして、自分で架空のオリジナルサイトを作ろうねー!

題材:中華料理店(赤色系)

就活用ポートフォリオ完成。今ならサルワカさんが作ったレジュメっていうやつで作った方がいいかも!オシャレですし。

 

職業訓練校WEBデザイナー科:26日目

  • 架空の中華料理サイトを作ろうねの続き

完成したら次のテーマをもらってやった。次はレスポンシブ、jqueryを入れてみる!

  • 気になる求人を3つあげて何故そこがいいのか、どうしてその職種を選んだのか、きっかけはなんだったのか…を記載

給付金入りました!申し込んで2日後に入ってて、早!と思いました。交通費込み。

 

職業訓練校WEBデザイナー科:27日目

  • 午前中は昨日の続きで志望理由、きっかけ、将来像を書きました。
  • マウスホバーの設定(a:hover{})
  • マウスホバーの模写コーディング
  • opacity(透明度)
  • 画面の切り替え

先生の誕生日でした!!

 

職業訓練校WEBデザイナー科:28日目

  • nth-child(あんまり使いません)
  • hover

 

職業訓練校WEBデザイナー科:29日目

  • レスポンシブ化

プロゲートでも少しかじるレスポンシブ化。構造は分かったけど自分では作れませんでした。でも今日の授業で操作していくうちにできるかも?という気持ちに。中華料理店2つめをレスポンシブ化、ポートフォリオサイトをレスポンシブ化します。

切り替わる瞬間うぉぉ!と感動すること間違いなし\(  ˆoˆ )/\( ˆoˆ )/

 

職業訓練校WEBデザイナー科:30日目

  • 角丸(OSによって表示されないこともあるから)

Webkitとか

 

職業訓練校WEBデザイナー科:31日目

  • 文字のアウトライン化
  • 縁どり
  • レイアウト練習(ほぼ自習)
  • テスト

最低限の知識は詰め込んだ

 

職業訓練校WEBデザイナー科:32日目

  • 今までの復習(画像をクリックすると画像が切り替わるやつ)
  • 同じサイズの画像にしたらオーケー。切り替え用のCSS不要に。

background-potision,whitespace,など

自習。

仕事探しや課題などを取り組みました。

 

職業訓練校WEBデザイナー科:33-34日目

  • 今までの復習(position)解説後、自習
  • 中華料理店 中間発表
  • お仕事探し
  • ロールプレイング 採用担当者になって

 

職業訓練校WEBデザイナー科:35日目

  • レスポンシブ 復習

レスポンシブやるなら全部コピーした方がいい

CSSは分けてもいいし統一してもよし

 

職業訓練校WEBデザイナー科:36-37日目

  • イラストレーター・フォトショップの使い方

イラストレーターを使って履歴書を書く

 

職業訓練校WEBデザイナー科:38日目

  • イラストレーターの便利なショートカット
  • イラストレーターCC6 新規作成(プリント・2枚・A4で作成)

ベクタ画像=拡大しても荒くならない 編集向き

ビットマップ画像=拡大すると荒くなる 写真とか

 

職業訓練校WEBデザイナー科:39日目

  • イラストレーターでパスファインダーや整列のやり方を教えてもらい、ケータイなどを模写。

 

職業訓練校WEBデザイナー科:40日目

  • 配置について
  • 配置と埋め込みの違い

配置は見えているけど、半透明だよ~みたいな感じ。

配置:画像リンクがなくなったらリンクが表示されなくなる。

埋め込みをするとばってんがなくなる(埋め込むとリンクが消えても関係なし)

リンク・テンプレートだと薄透明。動かせれない(トレス用・ペンツールとか)

  • ペンツールの紹介 アンカーポイントの説明
  • ハートの書き方
  • テスト

 

職業訓練校WEBデザイナー科:41日目

  • パソコンのスクショ方法
  • 画像の保存方法
  • イラレで動物園のサイトを作る

 

職業訓練校WEBデザイナー科:42日目

午前中は職業人講話

午後はイラレで動物園のサイトを作成

次の日が面接だったので履歴書・職務経歴書の作成・ポートフォリオサイトの印刷・ポートフォリオのデータをCDに入れました。

 

職業訓練校WEBデザイナー科:43日目

  • イラストレーターの使い方
  • スポット修復ブラシツールでほくろを除去する
  • 太陽マークで逆光をなんとかする
  • 特定の色だけ変えたい! 選択範囲→色相・彩度
  • コントロール+alt+Z
  • 1こ前に戻る コントロール+Z
  • コントロール+D 選択解除
  • 選択範囲を変形(図形のカタチを変えたいときに)
  • 移動ツール
  • 自動選択ツール 許容値をあげると同じ色のものを選択してくれる
  • マジック選択ツール

 

職業訓練校WEBデザイナー科:44日目

  • フォトショ マスク=選択範囲をどう作るか?
  • クイックマスク 選択範囲を作る
  • レイヤーマスク どう処理するのか?
  • 白「選択範囲に追加」
  • 黒「選択範囲から削除」
  • 配置されたものは背景消せない

 

職業訓練校WEBデザイナー科:45日目

  • クリッピングマスク(下のレイヤーにだけ反映)
  • ベクトルマスク
  • 解像度 高いほどきれいに。鮮明に。
  • pixel per inch
  • 印刷 300~350dp(CMYK)i/web 72ppi(RGB) dpi
  • 印刷用とWEB用と違い

 

職業訓練校WEBデザイナー科:46日目

  • Photoshopスライスツールの使い方
  • 画像として書き出したい部分を指定するツール

 

職業訓練校WEBデザイナー科:47日目

  • 境界線の調整(髪の毛の切り抜き)
  • トーンカーブ(色調補正)
  • 明るさの差 コントラスト強 明るい部分はより明るく
  • 暗い部分はより暗く
  • コントラスト 弱 明るい部分と暗い部分の差が少ない(画面がグレーっぽく)
  • 口角を上げる(ワープ)

 

職業訓練校WEBデザイナー科:48日目

  • 肌をきれいにする効果フィルター ぼかし(ガウス)5px
  • ハイパス 5px
  • 照明写真加工
  • カフェのWEBサイト制作(ペアになって)

 

職業訓練校WEBデザイナー科:49日目

  • とぅいーん
  • gifアニメ
  • パペットワープ

 

職業訓練校WEBデザイナー科:50日目

ランサーズ・コンペディアをおすすめされた。架空のものより実際に依頼されているもののほうが強い

  • デザインの基本(近接・整列・対比・反復)
  • イラストレーターの復習
  • 色の変更(自動選択ツール)
  • 破線(線分)丸型はちょっと出ちゃう
  • バッド 10pxのまま 突出短い
  • 変形 くさりがあったら比率が守られているよ~
  • イラレの復習 等間隔に分布の表示方法(オプション)
  • 変形>>拡大・縮小>>オプション(パターンの変形・線幅の効果と)

 

職業訓練校WEBデザイナー科:51日目

  • トレース方法
  • 効果を使って文字を変形する(ワープとか)その形のまま印刷したい場合はアピアランスの分割を利用する
  • 効果を変更したいときはアピアランスパネルを開く
  • 文字パネル                                              

 

職業訓練校WEBデザイナー科:52日目

  • ガイドの表示(定規)
  • 透明度の設定
  • 不透明マスクの使い方
  • トンボ トリムマーク

 

【追加】2021年4月16日:職業訓練校に関する疑問

職業訓練校に通う人ってどんな人が多い?

  • WEBデザイナー科は女性が多かったです。男性も数名いました。
  • 主婦は少なめ。結婚している人もいました。
  • アニメ・ゲーム好き・イラスト好きな人が多い
  • 年齢層は幅広い。10代後半〜50代

 

職業訓練校を卒業して、WEBデザイナーになれる人はどれくらいいるの?

受講生の4割くらいがWebデザイナーもしくはWeb業界に就職・転職できます。年間で100人ぐらい受講するのですが、就職率低いなと思いましたよね?

職業訓練校では就職率を上げることが大事なので、Web業界じゃなくてもとにかく就職してくださいねというのが暗黙の了解になっています。

りん
中には働きたくないから、職業訓練金、失業手当めあてで入る人も。しかし、現在コロナの影響で、そういった人達は全て落とされます。

職業訓練校で、Webデザインスキル(基礎)を身につけたからといって、就職に成功する可能性は低いです。本気でWebデザイナーになりたい人は、受講中に動画形式のWebデザイナー講座でスキルを身につけて就活しましょう。そのほうが、未経験でも転職に成功する可能性はアップします。

  • デザインスキルをそもそも持っている(けどパソコン操作ができない)
  • お絵描きが趣味
  • 美大卒の人

はWebデザイナーへの転職も成功していました。これらのスキルを持っていない人は、いくら人材不足でもWeb業界に転職するのは難しいのが現状です。

しかし、職業訓練校に通えば少なくとも半年間は時間が取れます。15時終了なので、家に帰ってからも、Webデザインの勉強、もしくはインターンに参加するなど自分でどんどん学ばないと他の未経験者には勝てません。

りん
子どもがいる方は職業訓練校に通ってる間は旦那にお願いするか、

実家が頼れるなら、お願いするなど時間を活用しましょう。

どちらにも頼れない場合は、朝早起きして頑張って時間を作るしかありません。

 

職業訓練校はママでも利用できるの?

利用する職業訓練校によっては、託児所がある所もあります。しかし、ほとんどないと言っていいでしょう。

ママの利用は可能ですが、9時〜15時までの間どこかに預ける必要があります。職業訓練校は学校扱いになりますので、通常保育で預けられます。ポイントも10点満点中10点なので。

ただ、現在コロナの影響で職業訓練校に応募する方は増えています。定員20名なのに、応募が60人ということもあります。当然落ちることも。

りん
落ちてもWebデザイナーの勉強がしたいという方におすすめなのが、Fammです。

Fammではベビーシッターが無料で利用できます。

田舎すぎて、個人シッターやFamm経由で派遣されるベビーシッターがいない時は友人にお願いしても大丈夫!

その分のお金もFammから支給されます。聞いて少しでも気になった方は>>元Webデザイナーが解説!Fammのママ専用Webデザイナースクールは育休中の受講がおすすめな15の理由

電話説明会に参加すると2万円オフ、更に今ならamazonギフト券5000円分(キャンペーンによって増加)もらえます。

現時点でパソコンを持っていなくても、Fammで1万円でレンタルできますので、安心してください。

 

コロナで受講生って増えてる?

コロナの影響で応募者が殺到していると、ハローワークの人に聞きました。定員が20名なのに今年は60名ほど応募があったそうです。ほとんど入れません。ハロワに3回行く必要がある、説明会参加、面接にいく時間がもったいない。

WEBデザイナーに絶対なりたい方は当サイトでおすすめする「Famm」や「シーライクス」「デジハリオンライン」の受講をおすすめします。

シーライクス、デジハリオンラインはプロのウェブデザイナーが添削してくれますので、最短でプロ顔負けのデザインスキルが身に付けられます。さらに動画形式なので、自分の好きな時間帯に勉強できるのもポイント!

>>【元WEBデザイナーが解説】育休中ママがFammのWEBデザイナースクールを受講するメリット・デメリット

>>【シーライクス】WEBデザインコースは産休中ママにピッタリ♪受講するメリット・デメリット

>>【デジハリオンライン】Webデザイン講座の良い・悪い口コミまとめ。未経験でも7ヶ月でWebデザイナーになれる

★ブログに書けないWebデザインのあれこれ配信中★

ママたちによく読まれています!

1

職業訓練校は条件に合わない、保育園に落ちた…でも育休中にWebデザイナーの勉強がしたい。 そんなあなたにおすすめなのがママ専用Webデザイナー講座です。 りん私のイチオシは、ベビーシッターが無料で利用 ...

2

無料でシッターがついているママ向けのWebデザインコースは、Famm以外ありません。なので、子どもにWebデザインの勉強を邪魔されたくないなら「Famm」がおすすめです! りん無料電話相談に参加したり ...

3

シッターさんを手配してくれるから、3時間集中して勉強ができます。 パソコンで検索しかできない超初心者でもたった1ヶ月で、月5万円稼げるWebデザイナーのスキルが身につけられる Fammママ専用Webデ ...

-ハローワークで職業訓練校

Copyright© こどものらくがき , 2022 All Rights Reserved.