アラサー女のゼロからエンジニア!

知識ゼロからWebエンジニアを目指すアラサー女のブログです。「ウェブカツ!!」受講中!

【1ヶ月】ウェブカツでのプログラミング学習記録

こんにちは!うかつ(id:ukatsuchan)です!

未経験からWEB系エンジニアとして実務レベルのプログラミングスキル習得を目指しています!

 

2019年3月半ばからは、オンラインプログラミング学習スクール「ウェブカツ!!」のアスリート部員(女性割引)として勉強しています。

 

ウェブカツでのプログラミング学習を始めて、約1ヶ月が経ちました。

 

この記事では

  • この1ヶ月のプログラミング学習記録
  • 1ヶ月ウェブカツを受講した感想

について書いています!

 

 

1ヶ月のプログラミング学習記録

ウェブカツに本入部(有料会員登録)したのが2019年3月17日。
この記事を投稿したのは2019年4月14日ですので、28日間のプログラミング学習記録になります。

学習時間

ウェブカツの動画閲覧と、その補足として勉強した時間は42時間でした。

それ以外に、コーディング模写やProgateでの学習を合計30時間ほどやりました。

合わせて、1日あたり2〜3時間程度の学習時間です。実際には数十分しかできない日も、4〜5時間頑張る日もありました。とりあえずは28日間プログラミング学習を継続することができました!こんなに毎日勉強するの、大学受験ぶりかも…!?

 

ウェブカツでやったこと

ウェブカツには、本入部(有料会員)してから一定の時間が経過すると、受講できるコースが増えていきます。
入部から1ヶ月の間に受講できる部活(学習コース)は全てやりました。

f:id:ukatsuchan:20190412091653p:plain

ウェブカツ学習記録(1ヶ月)

 

コースの全体と進め方に興味のある方は、公式ブログの以下の記事をご覧ください。

webukatu.com

 

HTML・CSS部 入門では、基本的なホームページを作るためのコード文法・レイアウトについて学び、

  • メニューバー
  • お問合せフォーム
  • 横並びのボックス
  • テーブル
  • リンク

が含まれるホームページが作れるようになりました。

 

javascriptjQuery部 入門では、リアルタイムにCSSを書き換える動的な処理について学び、

  • 文字数カウント
  • 入力フォームのバリデーション(最大文字数・正規表現・文字の種類)

など、ホームページでよく見る動きを作ることができるようになりました。

 

PHPMySQL部では、

  • データベース(DB)に接続・登録 MySQLによるDB操作
  • PHPによる処理 POSTやGETによるデータのやりとりやバリデーションチェック
  • Session機能

などを学び、

  • ユーザー登録・ログインシステム

が作れるようになりました。
他にも、メールフォームや画像アップローダーの作り方も学びました。

 

ネットワーク・サーバー部では、初心者にはよくわからない「ネットワーク」「サーバー」「セキュリティ」について、WEBサービス開発をしていく上で必要になってくる部分だけに絞ってコンパクトに学ぶことができました。

 

ウェブカツでの学習は、

  1. 動画視聴
  2. 動画の通りに環境構築(mac環境推奨)
  3. 動画に出てくる見本コードを書き写す(写経と呼ばれる)
  4. 見本コードを見ないでコードを書く練習(Google検索OK)
  5. よくわからない部分を調べたり、動画を再視聴したり
  6. 何も見ないでコードを書く

という流れで進めています。4〜6の間を何度も行き来する感じですね。

今は、HTML&CSSは、動画中でサンプルとして提示されているシンプルなサイト(下図)であれば、見た目だけ見て「何も見ないでコードを書く」ことができる状態になりました。

f:id:ukatsuchan:20190414105638p:plain

ウェブカツHTML・CSS部 サンプルサイト



javascriptjQueryPHPMySQLは「見本コードを見ないでコードを書く練習」をしながら「よくわからない部分を調べたり、動画を再視聴したり」の状態です。

他には、無料で公開されている「鬼練」にも取り組みました!

「鬼練」の記事一覧 | 【入門】初心者向けプログラミング学習スクール「ウェブカツ!!」BLOG

 

ウェブカツ以外にやったこと

  1. Progate HTML&CSS道場コース(初級・中級)
  2. Progate jQueryコース
  3. サイト模写(既存のWebページをソースを見ないで見た目を真似してコーディング)
  4. 自作の練習サイト作成(ポートフォリオサイト風)

まず、プログラミング学習サイト Progateを利用して、手を動かす練習をしました。以前はProgate学習コースのスライドを何度も見ながらなんとか進めるレベルでしたが 、ウェブカツでの学習を経て、たまにGoogleで検索する程度でサクサク進められるようになりました!

また、サイト模写を2件行いました。

1つは検証ツールを見ながらほぼ写経をして、もう1つは以下のページを参考に、Google Choromeの検証ツールを開くのは最小限にしてコーディングを行いました。まだ画面サイズによって表示を変えるレスポンシブ対応はできないので、PC向け・横幅固定でやっています。

haniwaman.com

 

↓写経

 

↓なるべく自力で模写

あと1〜2つ経験を積んだら、一度は1pxのズレにもこだわって完璧な模写をやってみたいと思っています。

 

他に、これまで学習した内容を使って、ゼロから自分でWEBサイトを作ってみました。これがとっても楽しいです!やってみると、「わかった気になっていたこと」が浮き彫りになりますし、「あんなこともしたい、こんなこともしたい」と欲が出てくるのでプログラミング初心者の方は、一通りHTML&CSSの学習を終えたら、一度自分のWEBサイトを作ってみることをオススメします!

 

1ヶ月ウェブカツを受講した感想

他のプログラミング学習サイトはProgate(有料会員)とドットインストール (無料会員)しか利用したことがない私ですが、ウェブカツは 複数のプログラミング言語・ツールが連携して一つのWEBサービスを作っていることをイメージできる、実践的な内容 だと感じました。

 

HTML・CSS部で作成したホームページのお問合せフォームに

javascriptでリアルタイムにエラーメッセージを表示する動きをつけ

PHPで、サーバー側のエラーチェックをした上でDB登録し、ページを遷移させたり、表示の内容を変化させる。

自分がゼロから手を動かして作ったものが連携して動くのは感動です!

また、普段WEBサイトを利用していてよく見る身近な機能がどういう処理をされているのか理解し、自分でも作れる!という自信になりました。

 

「HTMLやったよ、jsやったよ、PHPもやったよ。1から100までの数字を表示できるよ。おみくじつくれるよ。コンソールでね。・・・で、どうやって組み合わせるの!?」というモヤモヤはだいぶ晴れました笑

プログラミング初心者向けの練習としてよくあるFizzBuzz問題や計算問題なんて出てきません。あくまでも「フロントエンドエンジニアとして」「稼げる」プログラミングスキルを教えてもらっているな、という印象です。

 

ウェブカツのアスリート部員では、本入部(有料会員)から1ヶ月が経過すると「WEBサービス部」という新しいコースを受講できるようになります。

WEBサービス部は、twitterですでに受講している方々のツイートを見る限り、結構なボリュームと難易度のようです。これを学習し、自分で1から何かしらのWEBサービスを1〜2ヶ月かけて作成していくことになります。

 ついていけるか不安半分、楽しみ半分ですが、諦めずコツコツと続けていきます!

webukatu.com

 

twitterで日々進捗報告しています!よかったらフォローお願いします♪

 

 

web-u-katsu.hatenablog.com

 

私がウェブカツ!!でプログラミング学習を始めた理由

こんにちは。うかつ(id:ukatsuchan)です。

未経験からWEB系エンジニアとして実務レベルのスキル習得を目指しています!

 

2019年3月半ばからは、オンラインプログラミング学習スクール「ウェブカツ!!」を利用しています。

初心者向けのプログラミング学習の方法も色々、それこそ本当の初心者にはどれを選んだらいいかわからない…というほどたくさんの方法がありますが、この記事では私が「ウェブカツ!!」を選んだ理由を(かなりぶっちゃけて)ご紹介します!

 

この記事は、

  • 「ウェブカツ!!」の受講を検討している人
  • プログラミング初心者が、何を考えて学習サービスを選んだか知りたい人

に向けて書いています♪

 

目次

 

簡単に自己紹介

  • アラサー会社員。理系のお仕事を育休中。
  • 大昔にhtmlに触ったり、大学でC言語を1コマ…程度のプログラミング経験

詳しい自己紹介は別の記事で書きました!

 

web-u-katsu.hatenablog.com

 

 

プログラミング学習のきっかけ

自己紹介の記事に詳しく(ダラダラと)書きましたが、育児をきっかけに、全国転勤ありの仕事を続けるのはいつか限界が来そうだな、と真剣に考えるようになりました。産育休のブランクもあり、今では夫の収入の方が多いので、辞めるのは私になりそう。その時に最低賃金でレジ打ちは悔しい、今のうちに手に職つけたい!と思いました。

大昔にhtmlをメモ帳にタグ打ちしてホームページを作ったのが楽しかったことも影響していると思いますが、趣味はインターネットと言えるくらい昔からITが好きだったので、今はWebエンジニアを目標(仮)としています。

 

 

ウェブカツ!!を選んだ理由

「ウェブカツ!!」はオンラインのプログラミング学習スクールです。

プログラミングを学習する方法は、無料の教材や書籍で独学する、通学のスクールに通う、など色々ありますが、私は某地方都市で育児中のため、通学のスクールは選択肢から外れました。地方はそもそもスクールが少ないのです…。

完全独学も、ある程度方針が定まらないとアレをちょっとかじって、コレもやってみて、で、何ができるようになったんだっけ?と非効率だな、と考えてナシ。

特に社会人になってからというもの、何かを新しく始めるときは、「ある程度投資」して自分にプレッシャーをかけ、もっとも貴重な資源である「時間のムダ」を最小限にする のが私のモットーです。

かといって、初めての育児なので突然子供が入院したり、大した理由もなく手がかかるようになったり…想定外の出来事はありそうなので、一括でン十万円支払って受講期間は2ヶ月限定!のようなサービスはリスクが大きすぎて使えません。

ウェブカツ!!は「月額課金制」でスモールスタートができ、長く続けた場合も他社と比べて安いくらいです。さらに「女性割引」があったことも大きな理由です!

2019年3月現在、もっとも一般的なプラン「アスリート部員」(部活なんですね)で月32,400円(入会金108,000円)。この時点で他のスクールに比べて割安なのですが、さらに女性割引を利用すると、入会金なし・月19,800円

部費 | 【入門】初心者向けプログラミング学習スクール「ウェブカツ!!」

 

学習できる内容や、進め方も魅力的でした。

他社の例をざっくりあげてみると、

などなど…。調べると本当にいろいろなコースがあって、選べません…。ていうか2ヶ月(学習時間160時間=1日2〜3時間とされている)で実務ができるレベルになんてなれなくない?と思ってしまいます。6ヶ月コースにすると1ヶ月あたりの金額は安くなるけど結構な大金だし…。(育休中にポンと40万円払えるメンタリティの人います?私は無理!)

個別指導やメンタリングも、うまくフル活用できれば良いような気はしますが、こちとら24時間0歳児と一緒に過ごしているので、ばっちり活用できるイメージが湧きませんでした。

コースも選べない。どうやらWEBサービスを作るならサーバーサイド言語が最低一つ必要みたいだけど、PHPがいいの?Rubyがいいの?そこから相談に乗って欲しいんだけど!入り口の時点で分かれてるんですけど!!と、「ググれどググれど動き始められない」状態に。

 

対するウェブカツ!!は、

  • HTML・CSSJavaScriptPHPMySQLの最低限の知識→組み合わせたWebサービス→それぞれの中級知識→フレームワークなど上級知識→卒業試験(※)
    というカリキュラムが組まれている。全員この進め方をする!一本道!!
    ※女性割引適用者は別途費用が必要。
  • 最短で稼ぐならサーバーサイド言語はPHP。一つできれば他の言語は習得できます、というスタンス。
  • 便利なフレームワーク(これまた初心者には色々ありすぎてわからない!)活用して動くモノ作っておしまい、ではなくスクラッチ(イチからコードを書くこと)の訓練をする。
  • 受講期間の目安は6〜8ヶ月。順を追ってじっくりアウトプットをしながら進めていくために受講制限があり、全ての講座が受講できるようになるまで4ヶ月かかる。「2か月で実務なんて、できるわけなくない?」と思っていた私は納得!
  • オンライン教材は動画+簡単な確認テスト。基本的には自分のPC上でコードを書き、サーバーソフトをインストールして、プログラムを動かします。質問は月5回まで可。他の受講生の質問&回答の閲覧が可能。
  • とにかく「実務で必要なこと」を0から8まで教えます!(10までは自分で調べられるようになれ、じゃないと実務ができない)という納得感のあるポリシー

という特徴があります。

 

ただ、ホームページを見ていただけるとわかると思うんですけど…

webukatu.com

 

うさんくさい・・・(ですよね?)

 

そしてまた講師のかずきち(@kazukichi3110)さんが全然優しくなさそう(怖そう)で、ド正論をやや乱暴な表現で発信しまくって敵も多そう、ぶっちゃけ好感度は高くない…んです。

でも、ツイッターハッシュタグ #ウェブカツ で検索してみると、受講中のみなさんが淡々と学習を進めていて、学習時間に対するアウトプットにも納得感がありました。

 

さらに、これは完全に私の個人的な話なんですが、私、仕事で「好きな上司」「優しい上司」の下につくより、「ムカつく上司」「合わない上司」「怖い上司」の下についた時のほうが業績と評価がいいんです。笑

もちろん好きな上司・優しい上司のために頑張れるタイプの人もいるんだと思います。

でも私は、きっと「下手なことして怒られてたまるか!!私が!!正しいと!認めさせてやる!!」「アーーー厳しいことを言われた!!(自分に対しても)む!か!つ!く!!次は完璧にしてやる!!」という意識が働いて、結果的にアウトプットの質が良くなるんですよね。

なので少しおかしな理由かもしれませんが、講師のかずきちさんが「ちょっと厳しい、人当たりが良くない」というのも決め手の一つになって、ウェブカツに入部してみようと思いました。笑

ちなみに、発言の内容は「ド正論」だな〜と思うことがほとんどなので、その点は信頼を置いています!

 

 

今の率直な感想

2019年3月18日に「女性割引」の承認を受けて、現在受講から10日ほど経ちました。

ウェブカツのカリキュラムは、先述した期待にはばっちり応えてくれています。

動画で喋るかずきちさんボイスは「爽やかお兄さん」です。笑
動画はわかりやすく、実践的です。HTML・CSS部 入門、javascriptjQuery部 入門PHPMySQL部を途中まで進めましたが、今の所詰まったところはありません。

ツイッターの #ウェブカツ コミュニティは非常に和気藹々としていて、同じくらいの進度の方や、少し先輩のツイートを励みに頑張っています!

 

 

この記事もうさんくさい?

女性割引適用者は月に2回のブログ更新を義務付けられていまして…。
でも、なーんだ、そういうことか、アフィか〜。なんて思わないでくださいね。

実は女性割引適用者はアフィリエイト不可なんです。この記事がきっかけでウェブカツを受講した人がいても私には1円もはいりません。他の女性割引受講者も同様です。

これからも正直に、率直に、ウェブカツの感想や学習記録を更新していきます! 

 

自己紹介

はじめまして!育休中アラサー女のukatsuです。

このブログは 
”Webエンジニアとして実務ができる!”
を目標としている私 ukatsuの学習記録・情報発信のための場所です。

素人の書く記事なので、少しでも似たところや共感ポイントがあったほうが楽しく読んでいただけるかな?と思い、まずは自己紹介をしたいと思います!

 

目次

 

 

私のスペック

  • 30歳女。夫1人、0歳の子供1人。
  • 工場や研究所で働く非IT系エンジニア(現在育休中)
  • プログラミング経験はほぼゼロ。
    中学生のときにホームページ+掲示板を作るのにHTMLとCGIも少し。一からタグを打ったことはなくて、テンプレートとコピペで動けばOK、という感じでした。
    大学の一般教養でC言語を2単位。もう記憶も朧げです…。
    仕事の効率化のためのExcel VBA。理解はできておらず、マクロの記録→少し書き換える程度。
  • 2018年末、産前休の暇つぶしにProgateでHTML・CSSJavaScriptjQueryを、産後にPHPを学習。で、一体どう組み合わせるわけ!?とモヤモヤする。
  • 現在の興味関心(プログラミング以外)は育児、産後ダイエット、パーソナルカラーと骨格診断、メイク・ファッション。
  • 趣味の書評ブログで月数千円のアフィリエイト収入あり。

 

なぜWebエンジニアになりたいのか

現職ではいわゆる総合職という区分でサラリーマンをやっています。

海外含む全国転勤、必要に応じて泊まりの出張・長期出張、夜勤、昼夜問わずの緊急呼び出し…などが避けられません。やりがいはあり、待遇にも満足しています。しかし、育児の主担当を担いながらでは、これまでと同じ働き方をはできません。

夫も他社の総合職サラリーマンで、転勤もあるし、仕事の責任も増えていきます。

働く目的が「専門分野でお金を稼ぐこと」から、「子供にとって最良の環境を整え、自分と子供の人生の期待値を最大化し、楽しく暮らす」に変化しました。

環境、言い換えると家族のありかたに求める要件は色々ありますが、

  • 家族みんなで一緒に暮らすこと
    =夫婦のうちどちらか一人は「場所に縛られない」働き方をすること

これだけはマストだな、と思うようになりました。出産前は仕事の状況に応じて別居婚をしていたこともありますが、子供の生活から父または母がいない状況が常態化するのは、望ましくないと思うからです。あくまで私と夫の考えです。仕事内容や会社に対して、子供との生活を諦めるほどの執着はないのです。

そこで、私か夫かどちらかが今の働き方を改めなくてはいけません。二人とも転勤がある今のままでは、家族が離れ離れになる可能性があるからです。

現在もフルタイムで勤務し、最近私の年収を上回った夫よりも、現在育休中、今後職場復帰するとしても時短勤務からで、昇進昇級に遅れをとった私がその選択をするのが家庭のインカムの最大化するという点では合理的です。

様々な可能性を模索し、知人に相談したり、転職エージェントに話を聞いたり、インターネットで検索するうちに、Webエンジニアならば最低要件を満たすだけでなく、努力次第でキャリアアップも望めるのではないか、と考えるようになりました。

Webエンジニアであれば、パソコン一台あれば仕事をすることができ(ると思ってい)ます。

勤務形態も会社勤めにフリーランス、副業まで様々な形態があります。夫婦のどちらか一人が「どこにいても働ける」状態であれば、家族は一緒に暮らすことができます。

このような背景で、私は将来Webエンジニアになる準備を始めることにしました。

今のところフロントエンドエンジニアを目指そうと思っていますが、ここに関してはまだ確信が持てていないのと、ウェブカツ!!受講を決めた理由にも関係するので、また今度記事にしますね。

 

今どんな生活をしているか

2018年12月生まれの女の子を育てています!

お昼寝を全然しない子で、昼過ぎ〜夕方になるとグズグズ…お散歩に行くと機嫌が良くなったり、寝てくれたりするので、晴れた日は散歩をしています。雨の日は頑張ってずーっと抱っこしています笑

夜、娘を寝かしつけてから20時〜24時の間に、日中できなかった家事+夫の夕食準備に加えて、1〜3時間プログラミング勉強をしています。家事の時短をすると勉強時間が増やせるので、そのあたりの話題も触れていきたいと思います!

休日の過ごし方は色々ですが、予定がなければ5〜6時間は勉強できるはず。まとまった時間をアウトプットに使っていきたいです!

 

目標(ざっくり)

  • なるべく早くWebエンジニアとして実務ができる!
    →職場復帰できた場合は娘が小学生になる前までに。
     職場復帰が難しくなった場合は、なるべく早く。当然短い方で!

 

 

目標(ちょっと具体的に)

なるべく早くと言ってもある程度スケジュール設定がないと張り合いがありません。著しく生活リズムが変わらないことを想定した場合の目標を決めておきます。

  • 2019年9月までにウェブカツ!! 全コースを完了し、卒業試験を受ける。
    →次回の記事で詳しく書きます!
  • 2019年内にポートフォリオサイト+制作物を公開し、Webエンジニアとしての転職活動ができる状態になっている。
  • 最低月に2回、このブログで進捗や感想等も含むプログラミング初学者の参考になるアウトプットを行う。
  • 1日1回進捗ツイートを行う。

 

 

今のところはこんな感じです!

これから頑張っていきますので、もしよかったらブログの読者登録、ツイッターのフォローお願いします!!