まどのホタル

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

未経験からウェブカツでプログラミング学習を始めて [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

 

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

 

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

 

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

 

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

f:id:kay_berry:20130628152644j:plain




こんにちは、Kayです。

 

今年の冬はいつになく暖かいですね。

でも周りではやはりインフルエンザが流行っていて、長男の幼稚園では学級閉鎖の組もちらほら。

 

うちの子達はまだインフルにはかかっていないのですが普通の風邪は最近兄弟揃って何度か引いていて、やっぱり家族が元気じゃないと子持ち母がプログラミングを勉強するのはなかなか大変・・・

 

でもそれを言い訳にせず、どんな時も勉強を継続できるたくましい母になりたい!と思う今日この頃です。

 

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

 

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

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

 

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

 

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

 

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

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周  

HTML・CSS部中級 1周 

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

HTML・CSS部上級 1周 FLOCCS宿題中  <-- NEW !!

 

ウェブカツ Total 221h50m

補足学習 Total 165h45m  

 

JS/HTML・CSS部中級のOP完成しました!

 

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

 

中級のOPで主に課題にしたことは、次の2点です。

  • 習ったことを中心に、とにかく色々な「動き」をつける
  • きちんとCSS設計を意識する

結果的に、やりたいと思っていたことはなんとか形にできたのでOP自体はとても有意義なものになって良かったのですが、このOPのために毎回美味しそうな料理画像を見るのが何気につらくて・・・w

 

どうして今回この食材宅配サービスの架空サイトを作ろうと思ったんだっけ?とちょっぴり後悔しながら、いつもお腹空きながら作ってました。

 

OPで特に難しかったこと

今回アニメーションをいくつか入れてみたのですが、更にそれをスクロールと連動させる部分が難しかったです。

 

まずCSSでアニメーションの動きを作り、jQueryで要素がスクロールで所定の位置に来たらアニメーションをアクティブにする。

そのためにはウィンドウの高さとそれぞれの要素の高さを測って、この条件の時に発火するようにjQueryの条件文を書き・・・

 

と、やることは頭で分かっていても、そう動くように書くのはなかなか難しく。

調べながら、書きながら、試行錯誤の連続でした。

なので、OPの動きが面白いをいうお言葉をいただいた時はとても嬉しかったです。

 

ちなみに、中級のレッスンでも習ったanimationと@keyframesはこちらのQiitaの記事がとても良くまとまっていて分かりやすかったのでオススメです!

 

qiita.com

 

HTML・CSS部上級

この部ではレスポンシブ対応のサイトの作り方、SassやBootstrap、CSS設計について学びました。

 

課題としてリファクタが必要な部分があったり、いくつか宿題があったりするのですが、それに取り組む中で色々疑問が出てきて調べる、書いてみるを繰り返すうちに、

 

  • mixin
  • calc関数
  • Sassの記法(特に擬似クラスの場合はどうやって書くのか?など)

 

あたりのことが、がかなり勉強になりました。

 

OPもそうだし、こういう課題もそうですが、もちろんやらないで先に進むこともできるし、その方が進捗としてはずっと早くなるんだと思います。

でもそれ以上に、実際に自分の手を動かしてみて得られるものは大きい!

 

今はレッスンで作ったレスポンシブサイトをFLOCCSで書き換えるという宿題がまだ未完成なのですが、これがなかなか難しくて・・・

でもちゃんと向き合って完成させて、OPも作り、先に進めるようにしたいと思います!

 

写経はEmmetのいい練習になる

Webサ部からやっている写経ですが、やはりコード全部に目を通すことができたり、タイピング練習にもなったりメリットが多いので、今の部活でも続けています。

 

その時にコードの内容を考えながら写経するのはもちろんなのですが、最近どうせ書くならと思って作業効率アップのためにEmmetの練習を取り入れることにしました。

 

慣れないので今はまだこちらのチートシートカンニングしながらですが、継続練習で少しでも早くコーディングできるようになりたい!

 

docs.emmet.io

 

 プログラミング学習半年を控えて

去年の8月末にプログラミングを始めた私は、今月末でプログラミング学習歴半年になります。

 

先日長男に、「ママは大きくなったら何になりたい?」と聞かれたので、「ママはもう大きくなっちゃったから、今からはもう無理かなぁ」と答えました。

すると息子は「えー、まだこれから大きくなるよ。ママ、サッカー選手とかいいんじゃない?」と。

 

大人はまず頭で色々考えて無理だとか思ってしまうけど、子供の発想はホント柔軟で、夢があっていいですよね。

 

これからは学んだことをどうやって仕事につなげていくのかも真面目に考えていこうと思います。

 

それでは、また。

 

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

f:id:kay_berry:20200130212120j:plain


こんにちは、Kayです。

 

1月後半も怒涛の勢いで過ぎ去って行きましたが 、この冬は家族みんな大きな病気もせず、今のところ元気に過ごしています。

 

でもまだまだインフルエンザも怖いし、新型肺炎も。。。うちは主人がかねてより中国に単身赴任中なので気が気じゃないです!!(エリアは全然違うのですが)

 

とまぁ色々あるのですが、何があってもプログラミング学習は粛々と進めています。

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

 

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

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

 

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

 

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

 

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周  <-- NEW !!

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

Javascriptjquery部中級 & HTML・CSS部中級 アウトプット作成中  <-- NEW !!

 

ウェブカツ Total 203h20m

補足学習 Total 150h45m  

 

JS中級

この部はとにかくレッスン数が多くて、Lesson 33までありました!

 

なので結構時間かかるかなぁと思ったのですが、レッスンの中盤はほとんどJSの言語仕様の解説が中心だったので、実際の作業量としてはそこまで多くありません。

 

JS入門の時は、まず動くものを作ってみよう!という感じでしたが、中級では言語仕様を掘り下げて学びます。

動画の解説は本当に分かりやすいのですが、ただこれが子守唄かというくらいとにかく眠くなってしまって。。。

 

最近Webサ、オブジェクト指向部とハードな部活やアウトプットが続いて結構ストイックにやってきたので、ちょっと気持ちが緩みかけた気がしましたね。

 

これではいかーん!!と気合いを入れ直して先に進み、またアウトプットを作ろうとまずは目標設定。

 

ここ最近自分で色々作ってみて、プログラミングを勉強する上でのOPの大切さが本当に身に染みてよく分かったので、これからもできる限りこまめにOPしていくスタイルで行こうと思っています。

gulpエラーで詰まる

JS中級後半はタスクランナーツール「gulp」の使い方を学びます。

 

gulpではCSSやJS、画像ファイルの圧縮から、ファイルの結合、ファイル更新の監視などができ、手間のかかる作業が自動化できるというとても便利なツール・・・らしい。

 

gulpを使ってこんなことができるんだというのは理解できたし、レッスン通り無事操作できたのですが、今の私には「使いどころがまだいまいちピンとこない」というのが正直なところです。このあたりはまた要復習です。

 

gulpはターミナルという、通称「黒い画面」を使って操作するのですが、JS中級最後の最後、Lesson 33でgulpエラーに悩まされかなり詰みました。。。

 

動画収録時とバージョンが変わっているので書き方が変わっているところが多いのですが、そのあたりは補足欄や過去質欄に出ているので、大体はそれでクリアできると思います。

 

私もそれでLesson 33まで進めたのですが、最後の画像圧縮でどうしてもjpegの圧縮がだけできず、エラーになってしまう。過去質はなかったし、エラーメッセージをググってあれこれやってみても全然ダメで。

 

そこでTwitterで検索してみたら、ウェブカツの先輩方も過去にgulpエラーで結構悩まされてあれこれ試してみていたようだったので、私も腰を据えて向き合うことにしました。

 

その結果、

 

Node_modulesで該当のnpmパッケージについて見ていたら(今回は圧縮に使ったgulp-imageminのとこ)ここを書き換えたら行けるんじゃないか!?とひらめいて、無事クリアできました!!嬉しかったなー!!

 

プログラミングを勉強していくうえでこれからの部活は、もっともっと自走能力が試されることになってくるんじゃないかなと思います。

すぐには解決できないエラーに出会っても、粘り強く対処できるメンタルを少しづつ鍛えていきたいです。

 

HTML・CSS中級

この部活は、JS中級のアウトプットと同時進行で進めました。

ボタンの装飾やアニメーションなど、実装できたらちょっと画面がリッチになりそうなものばかりで楽しかったです。

 

最後のflexboxは自分で勉強して既にこれまでのOPでも使っていましたが、とっても便利ですよね。

このflexboxのチートシートは簡潔にまとまっていて分かりやすいので、レイアウトを組む時にはいつでも見れるようにしています。

 

www.webcreatorbox.com

 

 OP進捗状況

元々JS中級のOPをしよう!と思って始めたものですが、同時進行でやっていたHTML・CSS中級も終わったので、最終的にはこの二つの部活でやったことをたくさん盛り込んだOPにしたいと思います。

 

そして次はFW部だとばかり思っていたら、今度はHTML・CSS上級だってことに今気づきました。。。

なのでちょっと覗いてみて、もしかしたらOPにはHTML・CSS上級までの内容を含めることになるかもです。

 

今はベースのHTMLとCSSを書き終わったので、これからJSとCSSで動きをつけていくところまで来ました。

 

1月後半はJS中級を終わらせることが目標だったのに、結果としてはHTML・CSS中級も終わらせ、OPもかなり進めることができて、この2週間のプログラミング学習はとても充実していました!

 

次のブログではOPの完成を報告できるように、最後までしっかり作りたいと思います。

 

それでは、また。

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

f:id:kay_berry:20200113212815j:plain




こんにちは、Kayです。

 

2020年も始まってもう半月が経とうとしているんですね。。。早い!!

 

プログラミング学習に年末年始は関係なく、今年は元旦からOPのエラーと戦っていました。

お正月はゲレンデで子供達と雪遊びを満喫していたので、約1.5日だけプログラミングから離れましたが、ダレることなくなんとかまたいつもの学習ペースに戻れてホッとしています。

 一度楽しちゃうと、ストイックに続けられない気がして怖い。。。

 

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

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

 

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

 

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

blog.kay-berry.com

 

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

webukatu.com

 

※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりました。

現在新規入会は別の部員種別のみとなっています。

 

webukatu.com

 

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

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

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

Webサービス部 2周

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

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

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

WordPress部 1周 <-- NEW !!

Javascriptjquery部中級 Lesson 3まで  <-- NEW !!

 

ウェブカツ Total 173h10m

補足学習 Total 137h10m  

 

祝・オブジェクト指向部OP(アウトプット)完成!

昨年末から取り組んでいたオブジェクト指向部のOPを無事完成させることができました!!

 

今回のOP制作期間は7日間。

前回のWebサOPに引き続き、たくさんの方々にいいねやリツイートをしていただき、本当にありがとうございました!!!

 

OPで作ったゲームで子供が喜んだ!!

今回のOPは4歳の長男に遊んでもらうことを前提に、テーマ選びから色々こだわってみました。

 

どんな反応をするかな?

こうした方が小さい子供には分かりやすいだろうな。

どうしたら機嫌を損ねずに遊んでくれるかなw

 

と、かなり頭を悩ませて作った分、いざ完成したゲームを我が子が大喜びで何度も繰り返し遊んでくれた時の嬉しさといったら。。。多分一生忘れないと思いますw(大げさ) 

 

制作中はこんな苦労もあったりしましたがw、

 

 

自分の作ったもので、誰かがこんなにも喜んでくれるんだ!ということを知って、完成までの苦労は全部吹き飛んだ感じです。

 

正直これまでOPは苦手意識が強くて、なかなか手を動かせないでいました。

 

でもWebサ、オブジェクト指向部と立て続けにOPに取り組んでみて、苦しみながらもなんとか「こうしたい」と思ったように動くものを完成させることができたことで、自分で何かを作ってみること、そしてプログラミング自体がもっと好きになれた気がします。

 

OPオリジナルの処理

オブジェクト指向部で作ったゲームをベースにしてOPは作ったわけですが、小さい子供が遊ぶことを考えると、もっと「分かりやすさ・飽きさせない工夫」が必要でした。

 

そのため、

  • 一回の勝負ごとに勝ち負け判定で表示画面を変える
  • 勝った場合には3種類の中からランダムで体力回復アイテムをあげる

 

という処理を追加してみました。

 

これをやったことで時間はかかったのですが、エラーを潰しながら色々書き換えていくうちに、結果的にゲッター&セッターの意味・使い方がよく分かるようになった!!

 

そして子供はこのランダムの回復アイテムで何が出るか、という部分をすごく楽しんでくれたので、やってみて本当に良かったです。

 

何かプラスαで挑戦してみるのって大事!

 

Photoshopで色々遊んでみた

前回のブログに、WebサOPが終わったらPhotoshopも触り始めたと書いたのですが、今回のOPではたくさん使ってみました。

 

Webサまでは本当にどうやってこの沼から少しでも早く這い上がるか、に注力していたので、他のことには一切手を出さなかったのですが、今回のオブジェクト指向部のOPは作るものもゲームですし、遊び心もあった方が楽しいですよね。

 

そういう意味では、Photoshop超初心者が色々いじって何か作ってみるにはうってつけだと思います。

 

ただ使い方を勉強するよりも、「こういう物を作りたい」という目的がはっきりしているので、画像の切り出しや合成、リサイズなどなど作りたい形にするにはどうしたらいいのか色々調べてやってみて、本当に勉強になりました。最初は慣れなくて操作する指がつりそうになりましたがw

 

WordPress部からJS上級へ

そんなこんなで無事オブジェクト指向部も終えてWordPress部へと進み、現在はJS中級に入りました。

 

WordPressは自分でテンプレートを作ってみたいのでもう少し触ってみたいところでもあるけど、しばらくOPが続いてウェブカツの進みがゆっくりだったので、ここからはどんどんインプットして先に進めていこうかなと思います。

 

WP部をやっていてまたエラーが色々出てきたのですが、Webサ・オブジェクト指向部のOPで散々エラーに対処してきたことでエラーが怖くなくなったし、きっとあれこれ試していればクリアできるだろう!と考えられるようになっていることに気づきました。

 

PHPも散々書いてきていまだに難解なことには変わりないけど、書き方やこういうことできるんじゃない?みたいなのがちょっっと分かってきた気がします。

 

Webサを中途半端に終わらせて先に進んでも、その後も結局ずっとPHPは出てくるので、やっぱりその部分を逃げてもいいことはなかったな、と改めて思う。。。

 

ゆっくりではありますが、少しづつ力をつけながら進めているのかなと思う今日この頃です。

 

1月前半のプログラミング学習はとても充実していたので、後半も頑張ります!

 

それでは、また。

 

 

 

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

f:id:kay_berry:20191229231839j:plain


こんにちは、Kayです。

 

早いもので、2019年も残すところあと数日。。。

今年は私にとって、家族にとって、大きな変化の年だったなぁとしみじみしながら、このブログを書いています。

 

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

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

 

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

 

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

blog.kay-berry.com

 

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

webukatu.com

※広告ではありません。ただのリンクですのでご安心ください。

(私が適用を受けている女性割引は、2019年10月31日をもって廃止となりました。現在新規入会は別の会員種別のみとなっています。)

 

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

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

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

Webサービス部 2周

Webサービス部 アウトプット完成 <-- NEW !!

PHPオブジェクト指向部 2周 <-- NEW !!

 

ウェブカツ Total 156h10m

補足学習 Total 110h25m  

 

祝・WebサOP(アウトプット)完成!

2019年12月20日、ついにWebサービス部のOPを完成させることができましたぁぁぁ(涙)!!!

記録を見直してみると、Webサに入ってからちょうど2ヶ月、OPの制作期間は20日間。

この2ヶ月間、とにかく苦しんで、悩んで、それでもコードを書いて書いて書きまくって。。。

1周目の絶望的な状態からは、こんな風にOPを作れるようになる日が来るなんて想像もできなかったけれど、最後までやり通すことができてとても清々しい気持ちです。

 

自分で言うのもなんですが、私は普段毎日の学習進捗状況をツイートしてるだけの地味〜なウェブカツ生なので、こんなにたくさんの方々がいいねをくださったり、リツイートしてくださったり、メッセージをいただいたりしたことが初めてでして。

かなりびっくりしましたが、本当に本当に嬉しかったですし、これからももっと頑張らないと!と今の自分の励みになっています。

みなさんどうもありがとうございました!!!

 

OPは本当に大事だった

私はHTML・CSS入門が終わった後に簡単な架空のHP制作をしてみたのですが、OPはそれ以来。

最初の画面モック作成にしても、機能実装にしても、まず何でもやり始めは大体うまくいかないので、その期間を超えるのが苦しかったです。でもそこを超えると、なんか分かってきて今度は楽しくなってくるという不思議。。。

 

今まで顧問やウェブカツの先輩方の「アウトプットは大事」というお言葉は何度も目にしていたのですが、いざやってみるとこれは本当にそう。

自分で手を動かして、失敗して、何でそれじゃダメなのか考えて問題をクリアする。その繰り返しで、すごく成長を実感できた20日間でした。

 

OPオリジナルの機能

私が今回作った家族の思い出管理用写真アルバムサービスには、Webサでやった機能の他に、つけたいオリジナルの処理が二つありました。

 

それは、

 

  1. カテゴリー・年・月の組み合わせでのアルバム検索機能
  2. プロフィールに入力した子供の生年月日から、写真の日の年齢(何歳何ヶ月)を計算してアルバム詳細画面に表示させる機能

 

です。

 

特に二つ目の子供の年齢計算は、何歳かだけではなくて、「何ヶ月か」まで表示させることに意味があって。

 

小さいお子さんをお持ちの方は共感していただけるかと思うのですが、同じ1歳といっても1歳0ヶ月と1歳11ヶ月って本当に全然違いますよね!?

だから、これは子供が「何歳何ヶ月」の時の写真かというのを表示させる処理を、絶対に入れたかったんです。

でも何ヶ月かを入れるのは、何歳かだけ書くより処理がずっと複雑。どんな計算をすれば欲しい値になるのか、それを実現できそうなメソッドはないか。。。

 

検索機能も、写真アルバムとしてはカテゴリーだけでは不十分なので、年と月とを組み合わせるとなると、選択した内容によって条件分岐させて、SQL文を作成しないといけない。。。

 

OPの終盤、この二つの処理を実現するために、それはもう頭が沸騰しそうなくらい考えましたw

でもそれが最終的に成功した時の喜びといったら、それまでの苦労なんて吹き飛ぶくらい嬉しくて。

 

年齢表示の部分は、何度も書くの面倒だから関数にまとめちゃおう!と思い、自作関数を作ることもできました。

かつて関数なんて意味分からないものは大っ嫌い!と思っていたのに、自分でもびっくりの変化でした。

 

とりあえずまず書いてみる!

これもOPを通して学んだことですが、私のような超初学者は最初からバシッとうまくいくことなんてまずないです。だから、ごちゃごちゃ考えて何も進まないより、とりあえず書いてみて、エラーを吐いてもらった方が先に進める。

具体的には、まずやりたいことが実現できそうなコードを書いてみて、syntax error(構文エラー)が出たら、そこから修正。文法的には動く状態にして、処理を走らせてみます。

所々デバッグを入れておいて、どこまで処理が進んだか、それぞれのポイントで欲しい値は入っているか、正しいSQL文は流れているかなどをチェック。そして、おかしくなっている部分を修正する方法を考える。

今回のOP中に、そうやってエラーを修正していくうちに、初めはぐちゃっとしていたものが、理想形に近づいていく経験を何度もしました。

 

とりあえず書いて動かしてみる、エラーを出す!これは本当に大事でした。

Webサ学習法を改めて考える

上で書いたように、自分で作りたい物があってOPする場合には、Webサで学んだことを応用して自分で考えないといけない部分が必ず出てきますよね。

ユーザー登録とかログイン機能とか、そこらへんは最悪コードを写してなんとなく動くものが作れたとしても、オリジナルでやりたい部分はそうはいかない。その時に基本のロジックをちゃんと理解していないとホントに無理だなぁと感じました。

 

私は苦しい苦しい2周目で納得のいくレベルまで理解できた!と最後に思えたので、OPを作る時にまたレッスン動画を見直すことはありませんでした。

徹底的に写経したソースと、それに書き加えていった自分のコメントが本当に役に立ったし、書きまくったのでタイピングも速くなり、コードを大量に書くのも苦じゃなくなり。

 

Webサを始めたばかりの頃は色々迷走もしたけど、結果的に学習法は自分にとって間違っていなかったのかなぁと思います。

 

Webサ攻略のためにやったことについてはこちらのブログに書いていますので、同じようにWebサで苦しむ方のお役に少しでも立てれば嬉しいです。

 

blog.kay-berry.com

 

Webサは短期間にフルコミットで

色々な学習方法があって、みなさん本当に工夫して勉強されていますし、私もこれまでたくさん参考にさせていただいて助けられました。

 

その上で私個人の意見を言うなら、Webサは他の色んなことをその期間多少犠牲にしたとしても、プログラミングにフルコミットしてできる限り短期間で終わらせた方がいいのでは、ということ。

 

モチベーション維持の面や、忘れないうちに短期集中でという意味合いでももちろんそうなのですが、結局のところこの苦しい状況から一刻も早く逃れるには、早く終わらせるしかないので。。。

 

他にも意識してやってみて良かったと思うことは、OP期間中の毎日の学習進捗報告は、「OP中」とだけ書いておしまいにすることもできちゃうけど、そうじゃなくてその日はどこまで進んで何を実装したのかとか、どこが難しかったとか、明日は何をやる!とか、そういうことも書く。

 

それによって毎日何か少しでも報告できる成果を出したいと思ったり、前日に明日はこれをやる!と書いたから、そこまでは頑張る!と粘ったり。

 

そして、アウトプットをうやむやにせずに最後までやりきること。下手でも多少見栄えが悪くてもいいから、目標設定した期限中にツイッターにアップする。

 

どれもちょっとしたことですが、「なんとなーくずっとWebサやOPやってる人」になってしまわないように、意識して取り組んでみて良かったかなと思います。

 

 Webサ後の取り組み

OPが終わってからは、オブジェクト指向部を2周して、こちらもすぐにOPに取り掛かりたいところではあったのですが、以前からWebサを無事クリアできたらやりたいと考えていたことをやっていました。

 

それは、

です。

 

ずっとJSはふわっとした理解のままきてしまって(というか全然分かってない?)、このまま先に進むのがすごく不安だったので入門書を1週間使って最後までやりました。

 

あとはデザインの知識もセンスも皆無なもので。。。今後のためにもフォトショは少しづつ慣れておきたいと思ったので、このタイミングで始めることにしました。

 

でもこっちが楽しくなっちゃうと本末転倒なので、そこはあくまでもウェブカツのカリキュラムに差し支えないように気をつけつつ、今はプログラミングの息抜き程度に毎日ちょっとづつ触っています。

 

そんなこんなで、明日からはやっとオブジェクト指向部のOP。 年末年始もプログラミングは休まず続けたいと思います!

 

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

それでは皆さま、良い年をお迎えください☆

 

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

f:id:kay_berry:20190928230959p:plain

こんにちは、Kayです。

 

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

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

 

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

(私が適用を受けている女性割引は、2019年10月31日をもって廃止となりました。現在新規入会は別の会員種別のみとなっています。)

 

前回のお話はこちら。

blog.kay-berry.com

 

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

webukatu.com

※広告ではありません。ただのリンクですのでご安心ください。

 

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

 

これまでの進捗状況

HTML・CSS部入門 2周、鬼練

Javascriptjquery部入門 2周、鬼練 

PHPMySQL部 2周

PHP鬼練

SQL 鬼練

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

Webサービス部 2周 

PHPオブジェクト指向部 Lesson 6まで <-- NEW !!

 

ウェブカツ Total 149h35m

補足学習 Total 71h10m  Webサ OP中

 

Webサ アウトプットやってます

前回11月末のブログ報告では、Webサ2周目をついに完走した!!というお話を書きました。

 

そして12月からは、いよいよアウトプットを開始。ちょうどOPに取り掛かって今日で2週間くらいになりますが、本当に朝から晩までプログラミングのこと、OPのことで頭がいっぱいの毎日を過ごしてきました。

 

OPで色々エラーにぶつかったり、思い通りに動かなかったりで苦しいことも多いんですが、できることなら一日中パソコンに向かっていたいくらい、

今すっごく楽しいです!!

 

今回は、そんな私のWebサOPの途中経過を書きたいと思います。

 

振り返り

私はWebサ2周目の時に、既にOPで作りたい物をイメージしながらインプットを進めていました。

 

今作っているものは、家族の思い出写真を管理するWebサービスです。

 

まだプログラミングを勉強し始めて間もない頃、主人にどんな物が作れるようになったらいいと思う?と何気なく聞いたことがありました。

その時に、家族写真を管理できる物があったらいいな〜と話していたので、今回迷わずそれをOPのテーマに選びました。

 

本当は今回のブログ報告までに作るのを目標にして頑張っていたのですが、間に合わなくて今とても悔しい!!

機能実装開始までの部分に時間がかかってしまったのが原因ですが、そこから得るものもかなり多かったので、その辺りのことを書こうと思います。

 

最初の計画はしっかりと

前回のブログにも書いたのですが、私のこのOPの目標は、「まずはあれこれ欲張らずに自分が今欲しいサービスを、最低限必要な機能で実装して、とにかく動くものを作ってみる」ことです。

 

他のウェブカツ生の皆さんのOPを見ていると、Webサで習った内容以外にもオリジナルの機能もあったり、デザインも素敵だったり。。。本当に素晴らしいものばかり。

 

私ももちろんそんなサービスが作れたらいいなぁとすごく憧れるのですが、まずは自分の今の実力を冷静に分析w きっとあれこれ手を出して、途中でこんな機能もあんな機能も欲しい、になり始めると、迷走すること必至です。

 

それでうまくいかなくてプログラミングを挫折してしまうくらいなら、ちゃんと完成させて成功体験を積み重ねた方がモチベUPにもなるし良いな、と。

だからこそ、作り始める前の機能の洗い出しやDB設計、ワイヤーフレームの作成(手書きだけど)の部分は時間をかけてやりました。

 

画面モック作成に苦戦

そして何と言ってもすごーく時間をとられたのが、この画面モック作成です。

とにかくページ数が多いので、全ページ分モックを作るのに8日間かかりました。。。

 

CSSをすっかり忘れていた、というか、そもそもあまりよく分かってなくて、前から苦手意識もあったので、最初はもう全然思い通りにレイアウトできなくて。

Webサで勉強したことを早く実装したいのに、PHPのコードを早く書きたいのに、モックすらまともに作れなくて最初の数ページは泣きそうになりながらやってましたw

 

デザインセンスも皆無なので、Webサで作ったものを参考にしつつ、あーでもないこーでもないといじっていたら、だんだん形になり始め。。。とにかく頭で考えるより、手を動かして色々やってみるのが大事って本当なんだなと実感しました。

 

途中私はまだHTML・CSS入門だったっけ??と思うくらい、ひたすらモック作ってましたが、良いCSSの復習になって苦手意識を克服できたような気がするので、じっくり取り組んで結果的に良かったと思っています。

 

PHPエラー祭り

そんなこんなでようやく画面モックも完成し、DBも計画通りに作成して、いよいよ機能実装!!

書いて書いて書きまくったWebサ2周目。その時に自分が写経して、分からないこと、調べたことを徹底的に追記していったファイルが、今すごく役立っています。

 

PHPのコードをようやく書けるのが嬉しくて、ダーっと書いて、いざ画面表示!!

そしたら・・・画面真っ白!!エラーたくさん出てる!!

 

これには最初かなり焦りましたが、忘れてました。。。

プログラミング初心者はどの辺りで問題が起きたかエラー箇所を特定しやすくするため、PHPのコードは一気に書かないで、処理ごとにちょっと書いては確認、を繰り返して慎重に進めるべきなんでした。

 

それを忘れて一気に書いてしまったので、エラー祭り状態になってしまって画面開いたらドキッとするし、確認&修正が大変でした。

でもエラーもぶつかればぶつかるほど慣れてくるし、今では私の間違いを指摘してくれるとても頼りになる存在です。

 

朝活始めました

Webサを初めてからというもの、学習時間は増えたのですがその分睡眠時間は減り。。。

ずっと睡眠不足状態、肌荒れもしてきた気がする、風邪も引きやすくなった、疲れていて気持ちに余裕がない、などなど良くないことが増えてきた気がして、このままじゃマズイなと。

 

そこで、今までは子供たちを起こしてしまうのが心配でやれていなかった朝活をやってみることにしました。

 

結論としては、これが自分にすごく合ってる!!

元々昔から早起きは得意な方で全然苦にならないタイプなので、最近は朝4時半から5時くらいに起きて勉強するようにしています。

 

やってみると、プログラミングの学習時間は夜型の時と同じでも、体の疲労感が全然違います!そして集中力も朝の方が断然あるし、何より良かったなと思うのはメンタル面がすごくポジティブになれたこと。

 

朝一番にしっかり勉強できて、しかもエラー修正がうまくいったりなんかすると朝からハッピーだし、うまくいかなくてもその日一日シャキッとした頭であれこれ解決法を考えることができたり。夜はさっさと寝て、また朝やればうまくいくんじゃないかな〜と前向きに思えたり。

 

朝活はホントに良いことばかりなので、これからも子供たちを起こさないようにそーっと部屋を抜け出すスリルを毎朝味わいながら、継続していきたいなと思います。

 

今後の予定と完成目標

実装済みの機能

  • ユーザー登録/退会
  • ログイン/ログアウト
  • パスワードリマインド
  • プロフィール編集
  • アルバム新規登録/編集(7割完了)

 

これから実装予定

  • アルバム詳細画面
  • ページング
  • 検索機能
  • マイページ

記録を見ると最初にWebサを始めたのが10/19だったので、もうすぐで2ヶ月。

残る機能がなかなかヘビーなのでちょっと苦しいかもしれませんが、いい区切りなのでそれまでに完成させることを新たな目標にして頑張りたいと思います!

 

 それでは、また。