まどのホタル

未経験からプログラミングを始めた主婦の日々の学習記録

未経験からウェブカツでプログラミング学習を始めて [9ヶ月]

f:id:kay_berry:20200529223608j:plain


こんにちは、Kayです。

 

ようやく緊急事態宣言が解除となり日常が少しずつ戻りつつありますが、皆さんいかがお過ごしでしょうか?

 

ここ数ヶ月は我が家のやんちゃボーイズとドタバタな毎日でしたが、普通なら幼稚園に行っているはずの長男とこんなにベッタリ過ごせたのもとても貴重なことで。

 

終わるとなるとちょっぴり寂しいような気もしてきています。でもやっぱりできることならプログラミングの勉強は静かに落ち着いてしたい。。。かな笑

 

それでは、5月後半ブログスタートです!

 

「手に職をつけて社会復帰したい。」

「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」

 

そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから9ヶ月。

 

女性割引の適用条件の一つとして、学習の進捗状況を毎月2回ブログで報告しています。

 

私Kayについてはこちら。

blog.kay-berry.com

 

前回のお話はこちら。

 

blog.kay-berry.com

 

そして私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。

webukatu.com

 

※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!

 

webukatu.com

 

それでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。

 

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

ネットワーク・サーバー部 1周

Webサービス部 2周

Webサービス部 アウトプット完成 

PHPオブジェクト指向部 2周

PHPオブジェクト指向部 アウトプット完成

WordPress部 1周 

Javascriptjquery部中級 1周  Lesson 28 ~33 2周 

HTML・CSS部中級 2周  

Javascriptjquery部中級 & HTML・CSS部中級 アウトプット完成 

HTML・CSS部上級 1周 

HTML・CSS部上級 アウトプット完成 

PHPフレームワーク部 1周

Javascriptjquery部上級 1周 

Javascriptjquery部上級 アウトプット完成

Laravel部 一周  

WEBマーケティング部 一周

法務部 一周

営業部   一周 

起業部 一周 <-- NEW !!

テスト部 一周 <-- NEW !!

 

Laravel部 アウトプット中  

 

ウェブカツ Total 333h50m

補足学習 Total 316h40m  

総学習時間 Total 650h30m

 

Laravelアウトプット進捗状況

前回のブログ報告から引き続き、Laravel + Vueのアウトプットとして子供向けのクイズアプリ的な物を作っています。

 

ウェブカツLaravel部のレッスン範囲から離れたオリジナルの処理が多いので、とにかく時間がかかってかなりノロノロペースです。。。

 

ググって、出てきたものをある程度自分で納得できるまで理解する(じゃないと本当にエラーに対応できない)、やりたい処理に使えないか試行錯誤する(エラー潰し)みたいなことを毎日ひたすらやっているのですが、先日1つのエラーで3日間完全に詰んでしまいました。

 

管理者ページの問題検索機能を作っていたのですが、デバッグでは検索条件での絞り込みはできているし欲しい値がちゃんと変数に格納されているのに、なぜかforeachのループの中でだけそれが取り出せない、というもの。(foreach前後で直接書けばちゃんと表示されるのになぜだ!!)

 

調べても分からないし、どんなに頭を捻って考えてみても、これ以上解決策のアイディアも浮かばない。。。

 

それでもここまでのプログラミング学習の経験上、もうできない、どーにもならないという時こそ、やるのを完全にはやめてしまわない(少しでもいいから触れ続ける)というモットーのようなものを私なりに心の中に持っていて、毎日しつこくあと少しだけ何かできないかなと粘ること4日目。

 

 

もうLaravelはやるのやめようかと思いかけていたので、解決できた時ほど嬉しいものはなかったです。

 

エラーにどハマりしている時は結構病んでいたのでモチベも下がりまくり、もうやめてしまいたくて弱音も吐きたくて、誰かに相談することも考えたんです。

 

でも結局それはフロントエンドやりたいなら今はLaravelを無理にやらなくてもいいんじゃない?という甘い言葉が欲しいだけ、「そうだよね、じゃあやめとこう!」って簡単にやめちゃう口実が欲しいだけだなぁと思い、踏みとどまりました。それって相談された側にもちゃんと分かると思うので。

 

今は自分に喝を入れなおして、やるもやらないも、ちゃんと自分の意思で決めて納得できるまでは細々と取り組むことにしています。

 

【これまでの実装済機能】

管理者ログイン・ログアウト

管理者ページ(問題登録・検索・編集・削除)

一般ユーザー登録・ログイン・ログアウト

一般ユーザーマイページ(問題一覧)

それぞれのミドルウェア設定

 

Laravel側の機能はほぼ実装できたので、今はクイズアプリの中核部分、ユーザーが実際にクイズ問題を解く画面と処理をVueで実装中です。あともうひと頑張り!

 

でもレイアウトと装飾は最低限しかやっていないので、機能面が実装できたらそれもやらないといけなかった。。。(これがまた時間かかりそう)

 

そして今回は息子の好きなキャラクターを使って作っているので、完成しても著作権の観点からいつものように動画アップはしない方がいい気もしますね。。。

 

ウェブカツのカリキュラム終了!

先日残っていた起業部とテスト部も終了したので、これで本入部生しか受講できないウェブカツのカリキュラムは全て終わりました。

 

アウトプットや自習にかかった時間を含めて学習時間のトータルは、約624時間。ペースとして決して早くはないですが、各部できちんとアウトプットもしながら最後まで来ることができて、ちょっと感慨深かったです。

 

今はLaravelのアウトプットと並行して、最初から総復習も始めました。2倍速くらいで動画を見て今後のためにも見返したい部分は軽くまとめているのですが、結構たくさんの気づきがあって復習は大事だな、と実感しています。

 

私はウェブカツを始める前にプログラミングの勉強といえばProgateの無料分をちょろっとやったことがあるだけだったので、ウェブカツを始めてからはHTML&CSSの超基本的な部分でも最初本当についていくのに必死でした。

 

必死すぎて何がポイントかもよく分かっていなかったので、今見返すとこれここで説明されてたのか〜みたいなことが結構あります。でも今思うのは、当時よく分からないままノートとかとってまとめたりすることに時間を費やさなくて良かったな、ということ。

 

それよりもざっくりとした理解でもまず進んで、一通り基礎を学び終えた後にこれは大事、必要だと思うポイントや何度も調べるのが面倒だからすぐ確認できるようにしておきたい、みたいなことがもしあれば、その時にそれらを簡単にまとめた方が効率がいいように思います。

 

JavaScript強化中

総復習の一環として、なんとなく苦手意識があるままここまで来てしまったJavaScriptを強化中です。Vueを書いていても、やっぱり基礎が分かっていないと辛いですしね。。。

 

今じっくりやっているのは、定番ですがこちらの本。

 

ウェブカツでは最初ざっくり基礎を学んでまず動きをつけてみるところから始まって、上級に進むにつれて言語仕様や、パッケージ管理ツールの使い方(gulp, yarnなど)、フレームワーク(Backbone, React, Vue)、テスト部ではテスティングフレームワーク(Mocha)などを実務的なところまで幅広く学べたのはとても良かったです。

 

今後どこかで必要になった時に、勉強したことがある、もしくは最初の取っ掛かりの部分の勉強の仕方が分かっているのは大きいなと思います。

 

ただその一方で、どこかで自分は基礎の基礎を取りこぼしている気がずっとしていたので、こうして基礎に立ち戻ってじっくりやる時間も必要かな、と。

 

ウェブカツでのプログラミング学習も最後のまとめみたいになってきた感がありますが、これからも歩みを止めずに一歩ずつ前進あるのみです!

 

それでは、また。

未経験からウェブカツでプログラミング学習を始めて [8.5ヶ月]

 f:id:kay_berry:20200514152824j:plain

 

こんにちは、Kayです。

 

日によって夏のような暑さも感じられるようになってきた今日この頃ですが、皆さんいかがお過ごしでしょうか?

 

私はこのコロナ自粛の中で、日々成長して少しずつ変わっていく子供達とがっつり向き合いながら、いかに自分の勉強時間を確保するか。。。毎日奮闘しています。

 

それでは、5月前半ブログスタートです!

 

「手に職をつけて社会復帰したい。」

「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」

 

そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから8.5ヶ月。

 

女性割引の適用条件の一つとして、学習の進捗状況を毎月2回ブログで報告しています。

 

私Kayについてはこちら。

blog.kay-berry.com

 

前回のお話はこちら。

blog.kay-berry.com

 

そして私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。

webukatu.com

 

※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!

 

webukatu.com

 

それでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。

 

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

ネットワーク・サーバー部 1周

Webサービス部 2周

Webサービス部 アウトプット完成 

PHPオブジェクト指向部 2周

PHPオブジェクト指向部 アウトプット完成

WordPress部 1周 

Javascriptjquery部中級 1周  Lesson 28 ~33 2周 

HTML・CSS部中級 2周  

Javascriptjquery部中級 & HTML・CSS部中級 アウトプット完成 

HTML・CSS部上級 1周 

HTML・CSS部上級 アウトプット完成 

PHPフレームワーク部 1周

Javascriptjquery部上級 1周 

Javascriptjquery部上級 アウトプット完成

Laravel部 一周  

WEBマーケティング部 一周

法務部 一周 <-- NEW !!

営業部   一周 <-- NEW !!

Laravel部 アウトプット中  <-- NEW !!

 

ウェブカツ Total 325h20m

補足学習 Total 284h20m  

総学習時間 Total 609h40m

 

Laravel部アウトプット中

前回のブログ報告ではLaravel部の宿題が分からなくてまた少しやる気を失いかけていましたが、やっぱりどうせ苦しむなら自分の作りたい物を作りながらの方がいいだろう!と思い、アウトプットを始めました。
 
そしてJS上級のVueのアウトプットでもそうだったのですが、
 
レッスンで習った内容だけをなぞって作るのはどうしてもやる気が起きない → 自分の作りたい物を作ってみよう! → 実力以上の内容になってしまって盛大にはまる
 
というルートを、またしても辿っています 笑
 
レッスン通りの物を作らない限り、ちょっとでもオリジナルの機能をつけてみようとすると速攻でエラー地獄になります。それを調べまくって、試行錯誤しながらやっているとホントあっという間に時間が溶けていく。。。
 
結局のところ調べて出てきたコードをコピペして書いてみても、その内容がちゃんと分かってないとエラーが出ても直せないわけなので、ある程度分かるまであれこれ調べていると本当に進みが遅くて自分が嫌になります。
 
でも、レッスンで作ったタイピング練習アプリって自分でタイピング問題を作って登録して、自分でその問題をやる。だけど実際のサービスってそんなことまずないですよね。だから、ちゃんと問題を作成する管理者と、サービスを利用する一般ユーザーを分けたい。
 
そう思い始めると、処理も用意する画面も倍以上になって結局自分で自分を苦しめてますが笑、気持ちの乗らないものを作るほどモチベーションが上がらないものはないので、やるしかないですね。。。
 
ちなみに今回のアウトプットは、かれこれ2ヶ月幼稚園が休園中で、暇を持て余している長男が遊べる物を作ることにしました。
 
というのも、最近長男がパソコンに興味を持っているのと、以前私がオブジェクト指向部のアウトプットで作ったゲームをいまだに楽しそうに遊んでくれているのもあって、今回はLaravelでもっと楽しめる物を作ってあげられたらいいなと。
 
果たして、緊急事態宣言が解除されて日常を取り戻すのが先か、私のアウトプットが完成するのが先か。
多分前者のような気が薄々してきていますが、そこで焦っても仕方がないのでマイペースに取り組みたいと思います。

 

気持ちが少し晴れました

最近のブログでもちょこちょこ書いたりしていましたが、ウェブカツでのプログラミング学習もいよいよ終盤に差し掛かってきて、この先どうしようという話。

 
フロントエンド志望でフロントのスキルも低いのにLaravelやってる場合なのか?とか、卒業試験のこととかまだはっきり自分の納得できる答えが出たわけではないのですが、一つ思っていること。
 
それはHTML・CSS、JS、Vue、Laravelとか分けて考えようとするから悩むのであって、一つのサービスを作ろうとしたらどれも必要。そしてウェブカツのカリキュラムが最後まで終わったら、元々全部通して復習はするつもりだったので、今やっているLaravelのアウトプットを、自分のウェブカツでのプログラミング学習の集大成のつもりで取り組んでみようということ。
 
卒業試験はその上でよっぽど自分のスキル感に自信を持てなければ、現実問題として厳しいのかなと思います。
 
卒業後のコンテンツはすごくすごく見たいけれど、この状況下で小さい子供を二人育てながら3ヶ月近くコミットしなければならないこと、その間の受講料(約4.4万 x 3ヶ月)と卒業試験代(5.5万)、とか現実的な部分がたくさんあります。
 
でもどんな形になっても、ウェブカツで学んだことをちゃんとモノにできるように、総復習とアウトプットだけは最後までやり遂げたいと思います。
 

読書・読書・読書!!

先月からウェブカツでのプログラミング学習に主軸を置きつつ、周辺知識の勉強時間をちゃんと確保する、ということに意識的に取り組んでいます。
 
これまではアウトプットを始めるとそれにばっかり際限なく没頭してしまって、結果すごい煮詰まる。。。みたいな感じでしたが、今は時間を区切っていい気分転換をしながらできている感じがします。(当然ながらアウトプットの方の進みは遅くなりますが)
 
この2週間はウェブカツ法務部と営業部を進めたのと、SEOとデザインの勉強のために本を2冊読みました。
 
10年つかえるSEOの基本

10年つかえるSEOの基本

  • 作者:土居 健太郎
  • 発売日: 2015/04/23
  • メディア: 単行本(ソフトカバー)
 

 

ノンデザイナーズ・デザインブック [第4版]

ノンデザイナーズ・デザインブック [第4版]

  • 作者:Robin Williams
  • 発売日: 2016/06/30
  • メディア: 単行本(ソフトカバー)
 

どちらの本も基本のきみたいな感じなので、知識ゼロの私にはすごく分かりやすかったです!

 

それにしても、最近Amazonを見ていても紙の本が在庫ない!ってことが多いですよね。今までずっと本は紙派だったのですが、この機会にKindleにしようかと思っています。

 

私は元々Prime会員なのですが、現状のPrime Readingでも多少読める本があるので、読み尽くして使い勝手が良さそうだったら、kindle Unlimitedにしようかと思います。

 

今はとにかく少しずつ知識が増えていくのが楽しくて、勉強したいこと、実践してみたいことがありすぎるので、本当に時間がもっともっと欲しい!!相変わらず睡眠不足は続きそうですが、気持ちはとても充実しています。

 

でも、もしプログラミングの勉強を始めてなかったら、こんな気持ちになることもなかったんじゃないかなと思います。

プログラミングに出会えたこと、プログラミングが引き寄せてくれた出会いに心から感謝。

 

それでは、また。

 

未経験からウェブカツでプログラミング学習を始めて [8ヶ月]

f:id:kay_berry:20200429153013j:plain

 

こんにちは、Kayです。

外出自粛要請が続く中、みなさんいかがお過ごしでしょうか?

 

長男の幼稚園が休園になってから早1.5ヶ月。相変わらず毎日次男と大騒ぎ状態にはお手上げですが、最近ではすっかりこれがデフォルトのような生活になってきています。

私の頭の中も、息子たちの影響でポケモンとキラメイジャーにすっかり洗脳されています。。。

 

それでは、4月後半ブログスタートです!

 

「手に職をつけて社会復帰したい。」

「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」

 

そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから8ヶ月。

 

女性割引の適用条件の一つとして、学習の進捗状況を毎月2回ブログで報告しています。

 

私Kayについてはこちら。

blog.kay-berry.com

 

前回のお話はこちら。

 

blog.kay-berry.com

 

そして私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。

webukatu.com

 

※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!

 

webukatu.com

 

それでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。

 

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

ネットワーク・サーバー部 1周

Webサービス部 2周

Webサービス部 アウトプット完成 

PHPオブジェクト指向部 2周

PHPオブジェクト指向部 アウトプット完成

WordPress部 1周 

Javascriptjquery部中級 1周  Lesson 28 ~33 2周 

HTML・CSS部中級 2周  

Javascriptjquery部中級 & HTML・CSS部中級 アウトプット完成 

HTML・CSS部上級 1周 

HTML・CSS部上級 アウトプット完成 

PHPフレームワーク部 1周

Javascriptjquery部上級 1周 

Javascriptjquery部上級 アウトプット完成

Laravel部 一周  <-- NEW !!

WEBマーケティング部 一周  <-- NEW !!

  

ウェブカツ Total 320h40m

補足学習 Total 249h15m  

総学習時間 Total 569h55m

 

Laravel部終わりました

 

ウェブカツでプログラミングを勉強し始めて8ヶ月。何とかここまで諦めずに継続してこられましたが、残る部活もかなり少なくなり、Laravel部は最後の山場と言っても過言ではないかと思います。

 

また環境構築から始まり、相当苦戦するんだろうなと予想していたのですが、これが意外とすんなり最後まで終わりました。(でも本当に大変なのはその先にあったんですが。。。それは後ほど)

 

ウェブカツのLaravel部では、Laravel + Vue.jsで実際にタイピング練習アプリを作りながら学習します。

 

Webサービス部で生のPHPをゴリゴリ書いてサービスを作ってみた経験からすると、コマンドを叩くだけでユーザー登録、ログイン、ログアウト、ユーザー認証あたりの機能がチャチャっと作れちゃうとか、バリデーションのコードもいちいち書かなくていいとか、便利すぎて衝撃でした。

 

でもそれは、フレームワークの裏側で本来行われている処理を勉強したからこそそう思えるの訳なので、あの辛く苦しかったWebサ部はいろんな意味で無駄ではなかったんだろうなと思います。(ちなみに私はWebサ部から脱するのに約2ヶ月かかりました)

 

宿題が分からない

そんな訳でLaravel部のレッスン自体は気分もダレることなく進められ、むしろとても楽しかったのですが、レッスンの最後に下記のような宿題が出ます。

 

  • テーブルの分割
  • 戻るリンクの追加
  • フォームをbladeでコンポーネント
  • ページネーションの追加  etc

 

これがかなり難しい。。。

 

マイグレーションでテーブル設計を変更するのはできたけど、それぞれのテーブルにデータを一括登録するのがうまくいかなくて、分かりそうで分からない。あれこれ調べまくって試行錯誤するも解決には至らず、宿題一つ目で既に二日経過。。。

 

宿題には解答が用意されているわけではないし、レッスン内容に直接関係していないので質問しても詳しく回答をいただけるわけではないようで、これは自分で調べて考えてできなかったらどうすることもできない(飛ばすしかなさそう)という感じです。

 

ずっと先に進めないといよいよやる気もなくなりそうなので、どうせ悩むならLaravel + Vueの作りたいアウトプットに取り掛かりながら悩むか!!という気になってきました。

 

プログラミング学習の最大の敵、モチベ低下だけは避けたいので、とにかく手を止めずに行きたいと思います。

 

勉強時間の使い方を見直し

 

この2週間は、これまでの勉強時間の使い方を見直した2週間でもありました。

 

私のプログラミング学習にはウェブカツという主軸があって、スクールの受講費を払って勉強している以上やはりどうしてもその優先度が一番高くなります。

 

今まではウェブカツのカリキュラムをとにかく先に進めることに専念していたので、他に補足で勉強したいことや、ありがたくもこういう勉強をしてみた方がいいと人からいただいたアドバイスも、後回しになってしまいがちでした。

 

時間を見つけてそのうちやろうやろうと思っていることは、そのままだと一向に勉強できません。だって勉強時間は限られていて、ある日突然増えることはないので。。。

そこで、本当に勉強したいならもう限られた勉強時間の中に無理やりねじ込むしかない!!と思ったわけです。

 

なので1日の勉強時間全部をウェブカツに使う訳ではなくて、例えばLaravel部のレッスンを1日2,3レッスンくらいやり、残りの時間は他の勉強に充てるというような感じにしてみました。

 

これが自分的に結構合っていて、Laravelを勉強するにしても、それ以外のことを勉強するにしても、メリハリがついたことで集中できて、どちらにとっても良かったです。

 

ちなみに最近はBEM設計をじっくり勉強したり、SEOの基礎の基礎を勉強したりしてみました。それがきっかけでとても興味が持てたので、ウェブカツのWEBマーケティング部も全部やりました。

 

知らない知識が少しづつ増えていくのは、本当に楽しいです!!

 

これからの予定

ウェブカツ生としてどこまでLaravel & Vueを突き詰めるべきなのか

スクールに入った以上やはり卒検に挑まなければ意味がないのか  

フロント志望の身としてはもっとHTML・CSS・JS・WordPressを強化してその周辺知識を学ぶべきなのか

 

LaravelとVueがあまりに難しいので、それから逃れるための言い訳だと言われればそれまでなのですが、ウェブカツでの学習歴が進めば進むほど、この悩みは深くなり。。。

 

元々ウェブカツでのプログラミング学習はとりあえず一年間食らいついてやってみようと思って始めているので、残り約4ヶ月。更に卒業試験は3ヶ月近くかかることも考慮しながら今後の身の振り方を考えて行かないとなと思っています。

 

まずはLaravel + Vueのアウトプット、更にこれまでの学習の総復習を粛々とやるのみです!

 

それでは、皆さんも引き続き健康に気をつけてお過ごしください。

 

未経験からウェブカツでプログラミング学習を始めて [7.5ヶ月]

 

f:id:kay_berry:20200414222408j:plain


こんにちは、Kayです。

外出自粛要請が続く中、みなさんいかがお過ごしでしょうか?

 

前回のブログの冒頭で、中国に単身赴任中だった主人が帰国したので2週間の自宅待機中、と書いたその後のお話。

我が家はひっそりと生活していましたが、家族みんな健康状態に問題なく2週間を無事終えることができました。良かった〜!!

 

それでは、4月前半ブログスタートです!

 

「手に職をつけて社会復帰したい。」

「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」

 

そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから7.5ヶ月。

 

女性割引の適用条件の一つとして、学習の進捗状況を毎月2回ブログで報告しています。

 

私Kayについてはこちら。

blog.kay-berry.com

 

前回のお話はこちらです。

blog.kay-berry.com

 

そして私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。

webukatu.com

 

※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!

 

webukatu.com

 

それでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。

 

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

ネットワーク・サーバー部 1周

Webサービス部 2周

Webサービス部 アウトプット完成 

PHPオブジェクト指向部 2周

PHPオブジェクト指向部 アウトプット完成

WordPress部 1周 

Javascriptjquery部中級 1周  Lesson 28 ~33 2周 

HTML・CSS部中級 2周  

Javascriptjquery部中級 & HTML・CSS部中級 アウトプット完成 

HTML・CSS部上級 1周 

HTML・CSS部上級 アウトプット完成 

PHPフレームワーク部 1周

Javascriptjquery部上級 1周 

Javascriptjquery部上級 アウトプット完成 <-- NEW !!

Laravel部 Lesson 8まで  <-- NEW !!

 

ウェブカツ Total 297h15m

補足学習 Total 243h15m  

総学習時間 Total 540h30m

 

JavaScriptjQuery部上級アウトプット完成!

JavaScriptjQuery部上級のアウトプットでは、Vueで家族の週間予定とタスク管理のアプリを作ってみました。

 

 

前回のブログにも書いたのですが、今回のアウトプットは作りながらただただ苦しかったです笑

こんなにうまくいかない、分からないなんて、自分は相当頭悪いんだろうな。。。と散々凹みましたが、それでも最後まで投げ出さずに作った自分をとりあえず褒めたい!!(実は結構ガチで何度ももうプログラミング辞めたい、と思いました)

 

私事なのですが、先日引っ越しをしました。その引っ越し前までにこのアウトプットを絶対終わらせる!!!と強く決めていたので、最後は執念でやり切ったような感じです。

 

期限にこだわったのは、引っ越し作業で数日プログラミングをお休みしたらそのままこのアウトプットは完成しない、そしてプログラミングも挫折する気がしてならなかったからで。。。期限区切るの大事です。

 

今回作ったものの機能としては、

 

初めに家族の名前(自分、主人、子供とか)と、それぞれの色を登録。

 

名前と曜日 or タスク、内容を入力すると、該当の曜日またはタスク欄に予定が表示される。

予定には誰の予定か分かりやすくするために、初めに登録した色の背景マーカーがつく。

 

予定の各項目削除・編集・全リセット

 

タスクの各項目削除

チェックボックスクリックで打ち消し線、チェック済項目の一括削除

 

ざっとこんな感じです。

 

何がそんなに難しかったのか?

ウェブカツのレッスンで作ったTodoリストから遥かに複雑化してしまったのは、「家族の週間予定とタスク管理」をするには、自分だけのTodoリストを作るなら不要な判定項目が大幅に増えたこと、これに尽きる気がします。

 

例えば、

入力された内容は予定なのか、タスクなのか?該当の表示場所(月〜日 or タスクの8通り)はどこ?

誰の予定なのか、その人の登録の色は?(それに合わせてクラス名を動的に変えて、背景マーカの色を持たせる)

 

などなど。

 

これを作ろうと決めたのは自分だから仕方ないのですが、作るには私のVue理解度レベルが足りなさすぎたので、Vueの参考書を片手に公式ドキュメントを読みつつ、ひたすらググって試してできなくて撃沈して。。。の繰り返しでした。

 

でもいつもアウトプットを作っていて面白いなと思うのは、最初もうこれ絶対に完成しないなっていうくらいグチャ〜っとした状態から、とりあえず辞めはせずにあれこれ試し続けていると、なんかいつの間にか少しづつまとまってくる感じ。

 

私がプログラミングをまだ頑張れているのは、その感じが嫌いじゃないからかなと思ったりします。

 

Vueはまだまだ勉強が必要だし、今回Vueをやったことでそもそも素のjavascriptを強化しないとお話にならない、という問題点も浮き彫りになりました。

プログラミングを始めて7.5ヶ月も経つというのに、自分の低レベルさに悲しくなったりもしますが、一つ一つ逃げずに取り組むしかない。。。

 

Laravel始めました 

引っ越しで勉強ペースややる気が乱れかけたのですが、なんとか復活してLaravelを進めています。でもほんと数日プログラミングから離れただけで結構忘れていて、復習に時間をとられてしまい。

 

 

やっぱり難しい、分からないことほど離れちゃダメですね。

 

しかしWebサービス部で生のPHPをゴリゴリ書いて苦労して実装したユーザー登録、ログイン・ログアウト機能が、コマンド一つで簡単に実装できちゃうのは衝撃でした。

 

フロントエンド志望としては、色んなことに手を出すよりもHTML, CSS, javascript, WordPressあたりをもっと極めた方がいいのかもしれない。でもウェブカツ生としてはVueもLaravelもちゃんと書けるようになりたい。

 

最近はこのあたりの思いでちょっと葛藤していますが、ひとまず目の前のウェブカツのカリキュラムを通しでやり切ってみたらまた何か見えてくるもの、考えられることが出てくるのかななんて思ったりしています。

 

これからの予定

Laravel部はなかなか時間がかかりそうなので、きっと次回のブログ報告でもまだやっている気がします。

 

なのでLaravelはLaravelで諦めずにコツコツ進めるとして、他にはずっと時間を見つけてやりたいと思っていたWordPressやブログ、SEOの勉強時間も実際に少し入れていきたいところ。

 

緊急事態宣言対象地域住みなので、この先も生活はどう変わっていくんだろう?という不安は少なからずあるし、長男の幼稚園は休園中のため家でずっと弟とケンカしてるので母は割と本気で発狂しそうになったりしますが笑

 

自分の時間 = プログラミングの勉強時間なので、勉強に没頭して有意義な時間にしたいと思います!!

 

それでは、また。

 

未経験からウェブカツでプログラミング学習を始めて [7ヶ月]

f:id:kay_berry:20200330234422j:plain


こんにちは、Kayです。

 

 いよいよ日本もコロナが大変なことになってきましたね。

 

うちはかねてより主人が中国に単身赴任中でしたが、先日帰国して現在2週間の自宅待機期間の真っ最中。万が一のことがあったらいけないので、家族みんなでできるだけ人との接触は避けて、基本的に家でおとなしく過ごしています。

 

それでは、3月後半ブログスタートです!

 

「手に職をつけて社会復帰したい。」

「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」

 

そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから7ヶ月。

 

女性割引の適用条件の一つとして、学習の進捗状況を毎月2回ブログで報告しています。

 

私Kayについてはこちら。

blog.kay-berry.com

 

前回のお話はこちらです。

 

blog.kay-berry.com

 

そして私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。

webukatu.com

 

※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!

 

webukatu.com

 

それでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。

 

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

ネットワーク・サーバー部 1周

Webサービス部 2周

Webサービス部 アウトプット完成 

PHPオブジェクト指向部 2周

PHPオブジェクト指向部 アウトプット完成

WordPress部 1周 

Javascriptjquery部中級 1周  Lesson 28 ~33 2周 

HTML・CSS部中級 2周  

Javascriptjquery部中級 & HTML・CSS部中級 アウトプット完成 

HTML・CSS部上級 1周 

HTML・CSS部上級 アウトプット完成 

PHPフレームワーク部 1周

Javascriptjquery部上級 1周 <-- NEW !!

Javascriptjquery部上級 アウトプット作成中 <-- NEW !!

 

ウェブカツ Total 289h15m

補足学習 Total 226h0m  

総学習時間 Total 515h15m

 

JavaScriptjQuery部上級終了!

 

前回のブログ報告から引き続き、この2週間はJavaScriptjQuery部上級に取り組んでいて、最後まで終わらせることができました。

 

この部では、jQuery → Backbone.js → React.js → Vue.jsの順にそれぞれのフレームワークで同じTodoアプリを作りながら学習します。

 

それぞれのフレームワークの書き方の難しさは言わずもがなですが、このJS上級が宇宙が見える難しさと言われる所以は、何よりも環境構築の難しさにあるんじゃないかと思います。

 

前回のブログではBackboneの環境構築について触れましたが、gulp3 → 4の書き方の違いや、インストールする各モジュールのバージョンとの相性などBackbone自体を書き始める前にgulpエラーのオンパレード。。。

 

結果的に自分でググったことや、過去質欄、ウェブカツの先輩方のブログやツイートに助けられてなんとかBackbone、React、Vue全部の環境構築をクリアできたのですが、JS上級をやっている時はずっと、環境構築が大変とか、またgulpエラーが。。。そんな進捗報告のツイートばっかりしていたような気がします。

 

環境構築をすっ飛ばして手軽に勉強できるプログラミング学習ツールもありますが、ウェブカツは実務で困らないようにこの「ちゃんと環境構築からやる」というのを大事にしているスクールなんですよね。

 

というわけで、「いい加減このエラーお手上げだからもうgulp動かなくてもいいか。。。?」なんて折れそうになる心を必死に奮い立たせて、なんとか頑張りました。

 

React & Vueの環境構築

とっても苦労した環境構築。

私も先輩方の情報にたくさん助けていただいたので、あくまでも私の環境下の話ですがうまくいったポイントを載せておきたいと思います。

 

React編

package.json記載の一部モジュールのバージョン変更

f:id:kay_berry:20200330214956p:plain

 

Vue編 

こっちのpackage.jsonはいろんなところをいじりながら調整したので、どこを変えたのか覚えてないw とりあえずこれでいけた!

f:id:kay_berry:20200330220303p:plain

 

Vueの環境構築ではeslintのエラーも出て困ったのですが、ここを変えてみたら動きました。

f:id:kay_berry:20200330220551p:plain

 

あとはReactでもVueでも、webpack.config.jsや.babelrcに記載のpresetsを"env"にしたり、gulpfileの書き方を3 → 4に変更する必要があります。

 

上級までなんとかプログラミングを頑張ってきたけど、私と同じく環境構築でやる気喪失してしまいそうな誰かの参考に少しでもなることを願って。

 

Vueでアウトプット中

今はVueでアウトプットを作っている最中なのですが、ここ数日全然うまくいかなくて先に進めず、正直「あーもうプログラミングしんどい」と思っていました。

 

VueのアウトプットもおとなしくレッスンでやったようなTodoリストを作ればまだ良かったんだと思うのですが、JS上級のそれぞれのフレームワークでずっと同じようなTodoリストを作っていたので、Vueでまた作るのがどうしても気分が乗らなかった。。。

 

だったら自分の作りたい形にして作ればいい!ということで、家族の週間予定&やることリストみたいなものを作っているのですが、単なるTodoリストを作るよりかなり複雑になってしまい大苦戦中です。

 

こうもうまくいかないと、フロント志望で、そもそも素のJSやjQueryのスキルもまだ不十分なのに、Vueとか更にこの後に待ってるLaravelの勉強なんて今やる必要あるの?なんて考えが浮かんできたりもします。

 

上級からはちゃんとやろうと思ったらレッスンの内容以外にもかなり自分の補足学習が必要になってくるので、もっとじっくり時間をかけて取り組まないと無理だなとも、そもそも私が今作っているこれはちゃんとVueなのか?とすら思ったり。

 

でもウェブカツ生である以上、卒検を視野に入れているならVueとLaravelは絶対に避けては通れない。。。そんな心の葛藤のなか、調べては試してダメで、また調べて試してを繰り返していたら、Vueでできること、できないことがだんだん分かってきました。

 

プログラミングでもなんでも、しんどい時こそやるのを完全にはやめてしまわない、たとえいつもより少ししかできなくても、とりあえず続けるというのを大事にしたいなと最近は思っています。そうじゃないとブレイクスルーの瞬間は絶対にこないと思うので。。。

 

しんどいけど、数日中になんとか完成を目指したいと思います!!

 

 これからの予定

今まで自分のために使える時間(主に子供達が寝ている時間)はほとんどすべてプログラミング学習に充てていたのですが、実は来月引っ越し予定なのでいい加減そろそろ準備を始めないとまずい!!

 

4月はかなり慌ただしくなりそうなので、そんな中Laravelをどこまで進められるんだろうという感じですが、ちょっとゆっくりペースになったとしてもちゃんと継続したいと思います。

 

そして冒頭でも触れたコロナウイルス

うちは次男が先天性の病気持ちで、感染症予防のために去年まで普通に外出もできない生活をしていたので事の深刻さがよく分かります。

 

うつったら簡単に重症化して命を落としてしまう人たちがいる。私自身そのことを忘れずに慎重に行動したいと思いますし、多くの人がそうでありますように。

 

それでは、また。

 

未経験からウェブカツでプログラミング学習を始めて [6.5ヶ月]

 

f:id:kay_berry:20130628152646j:plain


こんにちは、Kayです。

 

コロナの影響を受けて、ついに長男の幼稚園が休園になってしまいました。

 

子供達は5歳と2歳ですが、二人で仲良く遊んでいるのなんてホント一瞬で、すぐ物を取った取られたで大騒ぎ、片付けても片付けても荒れる部屋・・・実にカオスな毎日を最近は送っております。

 

それでは、3月前半ブログスタートです!

 

「手に職をつけて社会復帰したい。」

「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」

 

そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから6.5ヶ月。

 

女性割引の適用条件の一つとして、学習の進捗状況を毎月2回ブログで報告しています。

 

私Kayについてはこちら。

blog.kay-berry.com

 

前回のお話はこちらです。

blog.kay-berry.com

 

そして私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。

webukatu.com

 

※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!

 

webukatu.com

 

それでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。

 

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

ネットワーク・サーバー部 1周

Webサービス部 2周

Webサービス部 アウトプット完成 

PHPオブジェクト指向部 2周

PHPオブジェクト指向部 アウトプット完成

WordPress部 1周 

Javascriptjquery部中級 1周  Lesson 28 ~33 2周 

HTML・CSS部中級 2周  

Javascriptjquery部中級 & HTML・CSS部中級 アウトプット完成 

HTML・CSS部上級 1周 

HTML・CSS部上級 アウトプット完成 

PHPフレームワーク部 1周 <-- NEW !!

Javascriptjquery部上級 Lesson 16まで <-- NEW !!

 

ウェブカツ Total 264h15m

補足学習 Total 202h45m  

総学習時間 Total 467h0m

 

PHP フレームワーク

この部ではFuelPHPを触りながら、PHPフレームワークについて学習しました。

 

PHPフレームワークといえばLaravelが主流なんじゃないの?と思うわけですが、FuelPHPはシンプルで分かりやすいらしく、初めにPHPフレームワークの基礎を学ぶにはちょうどいいそうで、ウェブカツのカリキュラムに組み込まれています(ちなみにもっと進むとLaravelももちろんやります)。

 

私はこの部をどこまで突き詰めてやればいいのか悩んだのですが、ここでは「MVC」というフレームワークを学ぶ上で重要な概念を理解できれば良し、として、FuelPHP特有の書き方などは今はあまり深追いせずに先に進む事にしました。

 

MVCというのは、Model(モデル), View(ビュー), Contoroller(コントローラ)の頭文字を取ったもので、アプリケーションの機能をそれぞれこの3つの役割に分けて実装して、お互いに連携しながら処理を進める概念のことなんだそう。

 

今やっているJS上級のフレームワークの方でもこの考え方を理解できていないと厳しいので、ここでしっかり抑えておく必要があります。FuelPHPは将来的に触る事になる可能性も低そうなのでさらっと一周流しましたが、いずれまた必要になった時に(あるのかな・・・)やろうかなと思います。

 

JavaScriptjQuery部上級

ついにJS上級までやってきました!そう、宇宙が見える難しさと聞くJS上級です・・・

 

この部ではJSフレームワークの中でもBackbone、React、Vueを順に学び、それぞれの書き方で同じTODOアプリを実際に作っていきながら学習します。

 

現在私は一つ目のBackboneが終わり(宿題が難しくて心が折れかけました)、二つ目のReactに入ったところですが噂に違わず本当に難しいです。

 

そこで、「ん?この絶望感はなんか前にも覚えがあるような」と思ったんですが、あれです!

Webサービス部!!

書くコード量とかはこちらの方が全然少ないですが、また目の前にすごい壁が現れた感じです。

 

上級ともなってくると、解説も速い速い 笑 全神経を集中させて、細かく動画を止めながら分からないところは何度でも繰り返し聞き、ソースコードに自分で大事な点や調べたことなどをコメントアウトで追記しながら進めています。

 

やっておいて良かったこと

ここにきてやっておいて良かった!と感じたのは、npm、gulp(共にJS中級)、yarn(HTML・CSS上級)の復習です。

 

以前のブログにも書いたのですが、JS中級やHTML・CSS上級で最初にこの辺りのことを勉強した時に、「なんか便利なツールだということは分かったけど・・・で?」みたいなところが正直ありました笑 使いどころがイマイチ分からない。

 

それでもレッスンでやった通りにはとりあえず動いたし、まぁいっか!と思って先に進んでましたが、HTML・CSS上級で宿題やアウトプットを作る時にここを理解していないと手がつけられず。結局モヤモヤの原因を取り除くためにこの辺りのことをきちんと理解しよう!ということで、戻って復習しました(前回のブログ参照)

 

今回JS上級でもgulpを使ってまずちゃんと環境構築できないと始められないので、結果としてその判断は正しかったようです。案の定エラーで足止めされましたが、質問欄や自分で調べたことを参考になんとか解決できました。

 

gulpのバージョンを4に上げると書き方変わるし、他のパッケージとの相性が・・・というあたりが問題になってくると思うのですが、私の場合は、

 

package.jsonに記載されているパッケージのバージョンを全てアップデートしちゃってから、

https://www.nxworld.net/services-resource/npm-check-updates.html

 

gulpfile.jsを4の書き方に変えて、読み込む。

satoyan419.com

 

というのでうまくいったので、後続の方の参考になれば。

 

最近考えていること、やりたいこと

ウェブカツでプログラミングを勉強し始めてから約6.5ヶ月、始めたばっかりの頃は上級を勉強している先輩たちがツイートしている内容が何のことやらさっぱり分からず、アウトプットもハイレベルですごいなぁ、自分もあそこまで行けるかなぁと思いながら見ていました。

 

でも自分が今上級に来てみると、あれ?なんか私は全然実力が伴っていないような・・・と思ったりします。なんて言うんでしょう、子供の頃思ってた30代ってすごい大人に思えたけど、実際に自分がその年齢になったら、自分は中身あんまり成長してない気がする・・・みたいな感じです。

 

ウェブカツのカリキュラムは最後まで学び通したいと思うので、これから残りのReactやVue、Laravelの勉強をもちろん頑張りたいと思うのですが、フロント志望の身としてはJSやWordPressのスキルをもっと引き上げないと、という思いがあります。

 

特にWordPressに至ってはウェブカツのWordPress部を一周やっただけで、自分でブログを書く時に日頃から使っているわけでもないので、理解度が低い。何かテーマを買って実際に使ってみようか、それともいっそのこと自作してみようかと迷い中です。

 

これからの目標は、次回のブログ報告(月末)までにVueまで辿り着いて、できればJS上級を終わらせること!

 

前回のブログにも書きましたが、今後どうなりたいのかという方向性が定まったので最近はより真剣にプログラミングと向き合えている気がします。3月の残りも子供達とのカオスな日常の中、プログラミング時間を何とか確保して頑張っていきたいと思います。

 

それでは、また。

未経験からウェブカツでプログラミング学習を始めて [6ヶ月]

f:id:kay_berry:20130628152643j:plain


こんにちは、Kayです。

 

日本でもコロナウイルスが深刻になってきましたね。

長男の幼稚園も3月から自由登園になる見込みとか・・・

 

でもコロナウイルスの陰で私にとって地味に深刻な問題なのは、毎年この時期に飛び散るアレです!そう、花粉!!

先日夜寝る時に突如くしゃみ&鼻水が止まらなくなり、あー、ついに今年も始まったかと。もちろん薬である程度症状は抑えられますが、これから数ヶ月はちょっと憂鬱だったりします。

 

それでは、2月後半ブログスタートです!

 

「手に職をつけて社会復帰したい。」

「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」

 

そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから半年。

 

女性割引の適用条件の一つとして、学習の進捗状況を毎月2回ブログで報告しています。

 

私Kayについてはこちら。(今回リライトしました)

blog.kay-berry.com

 

前回のお話はこちらです。

blog.kay-berry.com

 

そして私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。

webukatu.com

 

※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!

 

webukatu.com

 

それでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。

更にプログラミングを始めてちょうど半年ということで、今回は振り返り&これからの決意などなど、盛りだくさんです!!

 

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

ネットワーク・サーバー部 1周

Webサービス部 2周

Webサービス部 アウトプット完成 

PHPオブジェクト指向部 2周

PHPオブジェクト指向部 アウトプット完成

WordPress部 1周 

Javascriptjquery部中級 1周  Lesson 28 ~33 2周 <-- NEW !!

HTML・CSS部中級 2周  <-- NEW !!

Javascriptjquery部中級 & HTML・CSS部中級 アウトプット完成 

HTML・CSS部上級 1周 

HTML・CSS部上級 アウトプット完成 <-- NEW !!

PHPフレームワーク部 Lesson 4まで <-- NEW !!

 

ウェブカツ Total 235h15m

補足学習 Total 198h15m  

総学習時間 Total 433h30m

 

HTML・CSS部上級のアウトプット完成しました!

 

今回も作りました、アウトプット!

HTML・CSS部上級ではSassやレスポンシブ、CSS設計、yarnを中心に勉強したので、それらを実践してみて、より知識を定着させるのが今回の目的。

 

まだまだ未熟なOPではありますが、今回もいいねやリツイートをしてくださった方、本当にどうもありがとうございました!!

 

前回中級のアウトプットで作った架空サイトはテーマを食材宅配サービスにしてしまい、作るたびに美味しそうな料理画像をずっと眺めないといけないという予想外の苦悩に見舞われたので、今回は同じ失敗はしないぞとまず心に決めてw 

 

そういえば今までデザイン面で何かを参考にして作ったことはなかったなぁと思ったので、今回は気に入ったサイトのデザインを大枠で取り入れて参考にしつつ、オリジナルの要素を色々入れて作ってみることにしました。テーマも料理系じゃないし完璧です!

 

・・・が、このレイアウトのせいでレスポンシブに大苦戦するハメになりました。

 

OPで特に難しかったこと

今回は何と言ってもレスポンシブです。こっちを整えればあっちが崩れ・・・を繰り返して、完全にレスポンシブに翻弄されました。flexboxを使ってグリッド通りにレイアウトを組んでいる部分は全然問題ないのですが、positionでランダムに画像配置している所なんかは盛大に崩れる。

 

何でこんなレイアウトにしたんだっけ、レッスンでやったようなシンプルなレイアウトで中身をちょっと変えたようなのを作れば良かったんじゃない?とまたまた後悔したわけですが、それでも色々試行錯誤しているうちに最終的に何とかまとまりました。

 

この、あ〜これどうにもならないな、みたいな所から色々調べて試して、なんかちょっと分かってきた、まとまってきた!の流れの中でこそ成長している気がするので、自分にとって完全にやる気を失わない程度に少しだけ難しい内容で作ってみるのがいいのかもしれません。

 

その他取り組んだこと

アウトプットに取り掛かる前に、FLOCCSの宿題をやらないといけなかったのですが、これがどうにもやる気が起きなくて・・・

 

というのも、そもそもコンポーネントごとに切り分けたscssファイルを@importでまとめて、コンパイル、ビルドして読み込むという部分が分かってないから作業ができない。その原因は、以前やったnpmとかgulp、yarnの使い方やこれらを使うと何ができるのか、何でこれを使うと便利なのかがちゃんと分かっていないからでした。

 

モヤモヤの原因が分かっているなら、潔くそこまで戻って復習するまでです。もう一度この辺りを丁寧に復習してすぐ見返せるようにまとめたら、理解度が一気に上がってやる気を取り戻しました。その勢いで無事宿題とアウトプットも完成。

 

ちなみにまとめると言っても、私はプログラミングの勉強に関しては手書きでノートを取ったりはしない派です。

 

ここら辺はそれぞれ好みがあると思うので自分に合ったやり方でいいと思うのですが、私はもっぱらEvernoteでスクショを貼り付けて書き込んだり、ググって分かりやすかったサイトの参考URLを貼っておいたり、今回の例でいうとコマンドの操作なんかは表にしてまとめておいたりしています。

 

プログラミング学習半年の振り返り

挫折率が高いと言われるプログラミング学習ですが、何とか半年間継続することができました。ウェブカツでは現在PHPフレームワーク部をやっていて、この半年間で作ったアウトプットは5個。

 

①HTML・CSS部入門(今考えるとひどいクオリティ・・・)

Webサービス部: 家族の思い出写真保存アルバム

 

オブジェクト指向部: ゲーム(どうぶつずもう)

 

④HTML・CSSjavascript部中級

 

⑤HTML・CSS部上級(今回の)

 

アウトプットは時間がかかるので、つい億劫になっておろそかにしてしまいがちですが、もしこれをやらずにきていたら、同じ学習期間半年でも全然理解度は違っていたと断言できます。たとえその分もっと先の部に進んでいたとしても、です。

 

半年での総学習時間は433時間30分。1日平均約2.5時間弱。

ちびっこモンスター x 2を一人で育てながらこれだけ勉強し続けるのは、正直結構しんどいです。プログラミング以外で自分の好きなことする時間とかは全然ないかな・・・苦笑

 

でも振り返ってみると、一番苦痛に感じたのは最初の1.5ヶ月くらいまでだったような気もします。それくらいの時は、一日1.5時間とか勉強するのがやっとでした。

 

でもそれでも続けているうちに、どうやったら勉強時間をもっと確保できるかとか色々工夫し始めて(子供達が寝ている時間は最大限勉強に充てられるように、日中どれだけやることを効率よく回せるかとか)、今は1日2.5時間から3時間くらいでしょうか。アウトプット中だと、夢中になってもっとやってしまいますが・・・

 

私は油断するとすぐ怠ける性格なので、ウェブカツくらいスパルタ式?の方が合っていると思います。女性割引の適用条件になっているtwitterでの毎日の進捗報告やこの月2回のブログももしなかったら、とっくに諦めていたかもしれません。

 

というのも、私は自他共に認める「負けず嫌い」です。プログラミング学習で誰かと競っている訳ではないのですが、twitterやブログで何も報告することがないのはとてつもなく悔しい、勉強していない言い訳をどうしても書きたくない、だから勉強するっていう。

 

そういう意味では私はウェブカツにして良かったのかなと思っています。レッスン内容も今のところ満足しています。

 

これからのこと

勉強を始めて半年経つと、周りの様子も色々変わってきました。

始めたばかりの頃によくtwitterで見かけていた方を最近めっきり見なくなったり、一方たくさんの先輩方が転職に成功したり、案件を獲得したり嬉しい報告もたくさんあります。

 

じゃあ私はこの先勉強を続けて、最終的にどうなりたいのか?そんなことを今年に入ってからよく考えていました。周りの内定報告や案件獲得報告を見ていると少し焦りを感じたりもするのですが、エンジニアとして就職したいのかとか、今チャチャッと勉強していくらか稼ぎたいのかというと、私の場合はそうではない(いや、もちろんお金は稼ぎたいのですが)。

 

私はこの先生活環境がどう変わっても、スキル次第でずっと働き続けられる(場所にとらわれない)働き方をしたくてプログラミングを始めたので、フリーランス志望です。でもフリーランスは会社の勉強会もなければ周りにすぐ聞ける人もいないし、いろんなことが自己責任になってきます。そもそも、スキルを認めてもらわなければ相手にもされない・・・

 

なので、この一年はとにもかくにも確かなスキルを身につけるために勉強に集中する期間、そして、下の子が幼稚園に上がる来年の4月までにフリーランスとして働くための基盤づくりをする期間に決めました。

 

ちなみにウェブカツの卒業試験は受ける方向で考えています。でも下の子は保育園とか行っていないし上の子も普通の幼稚園なので、今の予定で行くと夏頃って夏休みでずっといるけど・・・そんな状況で合格される方ってあまり聞かないような?今のところただ不安しかないです。

 

ちょっとした転機 その1

そんな風にこれからのことを色々考えている時に先日ちょっとした転機があり、そのおかげもあって自分が目指したい方向が定まりました。

それはフリーランスのフロントエンドエンジニアとしてご活躍されている(@naoto_k0401)さんとお話させていただいたこと。

 

 

ユーザーテスト協力のお礼に、プログラミング学習やフリーランスについてなど質問を受けてくださいました。

 

勉強を始めたばかりの頃に(@naoto_k0401)さんが運営されてるwebkoreさんを知って、いつもブログやツイートで勉強させてもらい、励まされここまでやってきたので、お話するのは実はすごーく緊張しました笑

でもとても丁寧に分かりやすく話してくださり、お電話越しにもとても頭がいい方なんだろうなぁと感じました。本当にどうもありがとうございました!

 

今はいわゆるインフルエンサーと呼ばれる方々もたくさんいて、発信されている情報も様々ですが、自分と考え方が近いと感じる方や自分の目指す方向のずっとずっと先を歩いている方を密かに心の師としておくと、モチベをキープできる気がします。

 

興味のある方はぜひ!

webkore.site

ちょっとした転機 その2

そんなこんなで方向性が定まってきたので、この機会にtwitterとブログのアイコンを変えました。

 

ウェブカツを始めるのにtwitterとブログをやらないといけなくて、とりあえずで長男の描いてくれた似顔絵をアイコンにしていたのですが(主人曰く、結構似ているらしい)、この先ちゃんとお仕事もしていきたいならいつまでもこのままというわけにもいかない気がしたので、アイコンを作ってもらいました。

 

素敵な絵を描いてくださったのは(@belien_commi)さんです!

twitter.com

 

依頼者の要望だけでなく、さらにプラスαまで考えて提案してくださる素晴らしいクリエイターさんで、ジャンルは違えどやり取りの中で学ばせていただくことが多かったです。どうもありがとうございました!

 

それでは、これから新しいアイコンで気分も新たに頑張っていきたいと思います。

 

長文になってしまいましたが、最後までお読みいただきどうもありがとうございました。