[5.5ヶ月]プログラミングこんにちは、Kayです。今年の冬はいつになく暖かいですね。周りではやはりインフルエンザが流行っていて、長男の幼稚園では学級閉鎖の組もちらほら。うちの子達はまだインフルにはかかっていないのですが普通の風邪は最近兄弟揃って何度か引いていて、やっぱり家族が元気じゃないと子持ち母がプログラミングを勉強するのはなかなか大変・・・でもそれを言い訳にせず、どんな時も勉強を継続できるたくましい母になりたい!と思う今日この頃です。それでは、2月前半ブログスタートです!「手に職をつけて社会復帰したい。「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから5.5ヶ月。女性割引の適用条件の一つとして、学習の進捗状況を毎月2回ブログで報告しています。前回のお話はこちらです。blog.kay-berry.com私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。webukatu.com※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!webukatu.comそれでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。食材宅配サービスの架空サイトです。自分で作るために色々考えて、復習して、調べて、工夫して...ようやく学んだことが少し定着した気がします。2020年2月4日まだまだ未熟なOPではありますが、今回もいいねやリツイート、コメントを下さった方々、本当にどうもありがとうございました!!中級のOPで主に課題にしたことは、次の2点です。習ったことを中心に、とにかく色々な「動き」をつけるきちんとCSS設計を意識する結果的に、やりたいと思っていたことはなんとか形にできたのでOP自体はとても有意義なものになって良かったのですが、このOPのために毎回美味しそうな料理画像を見るのが何気につらくて・・・wどうして今回この食材宅配サービスの架空サイトを作ろうと思ったんだっけ?とちょっぴり後悔しながら、いつもお腹空きながら作ってました。OPで特に難しかったこと今回アニメーションをいくつか入れてみたのですが、更にそれをスクロールと連動させる部分が難しかったです。CSSでアニメーションの動きを作り、jQueryで要素がスクロールで所定の位置に来たらアニメーションをアクティブにする。そのためにはウィンドウの高さとそれぞれの要素の高さを測って、この条件の時に発火するようにjQueryの条件文を書き・・・と、やることは頭で分かっていても、そう動くように書くのはなかなか難しく。調べながら、書きながら、試行錯誤の連続でした。OPの動きが面白いをいうお言葉をいただいた時はとても嬉しかったです。ちなみに、中級のレッスンでも習ったanimationと@keyframesはこちらのQiitaの記事がとても良くまとまっていて分かりやすかったのでオススメです!qiita.comHTML・CSS部上級この部ではレスポンシブ対応のサイトの作り方、SassやBootstrap、CSS設計について学びました。課題としてリファクタが必要な部分があったり、いくつか宿題があったりするのですが、それに取り組む中で色々疑問が出てきて調べる、書いてみるを繰り返すうちに、mixincalc関数Sassの記法(特に擬似クラスの場合はどうやって書くのか?など)あたりのことが、がかなり勉強になりました。OPもそうだし、こういう課題もそうですが、もちろんやらないで先に進むこともできるし、その方が進捗としてはずっと早くなるんだと思います。それ以上に、実際に自分の手を動かしてみて得られるものは大きい!今はレッスンで作ったレスポンシブサイトをFLOCCSで書き換えるという宿題がまだ未完成なのですが、これがなかなか難しくて・・・でもちゃんと向き合って完成させて、OPも作り、先に進めるようにしたいと思います!写経はEmmetのいい練習になるWebサ部からやっている写経ですが、やはりコード全部に目を通すことができたり、タイピング練習にもなったりメリットが多いので、今の部活でも続けています。その時にコードの内容を考えながら写経するのはもちろんなのですが、最近どうせ書くならと思って作業効率アップのためにEmmetの練習を取り入れることにしました。慣れないので今はまだこちらのチートシートでカンニングしながらですが、継続練習で少しでも早くコーディングできるようになりたい!docs.emmet.ioプログラミング学習半年を控えて去年の8月末にプログラミングを始めた私は、今月末でプログラミング学習歴半年になります。先日長男に、「ママは大きくなったら何になりたい?」と聞かれたので、「ママはもう大きくなっちゃったから、今からはもう無理かなぁ」と答えました。すると息子は「えー、まだこれから大きくなるよ。ママ、サッカー選手とかいいんじゃない?」と。大人はまず頭で色々考えて無理だとか思ってしまうけど、子供の発想はホント柔軟で、夢があっていいですよね。これからは学んだことをどうやって仕事につなげていくのかも真面目に考えていこうと思います。[5ヶ月]プログラミングこんにちは、Kayです。この冬は家族みんな大きな病気もせず、今のところ元気に過ごしています。インフルエンザも怖いし、新型肺炎も。うちは主人がかねてより中国に単身赴任中なので気が気じゃないです!!(エリアは全然違うのですが)とまぁ色々あるのですが、何があってもプログラミング学習は粛々と進めています。それでは、1月後半ブログスタートです!「手に職をつけて社会復帰したい。「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから5ヶ月。前回のお話はこちらです。blog.kay-berry.com私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。webukatu.com※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたが、最近一年かけてウェブカツのカリキュラムをじっくり学べて、月額2万円というアスリート部員(一年制)というのが新しくできたようです。いいなぁ!webukatu.comそれでは今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。33までありました!なので結構時間かかるかなぁと思ったのですが、レッスンの中盤はほとんどJSの言語仕様の解説が中心だったので、実際の作業量としてはそこまで多くありません。JS入門の時は、まず動くものを作ってみよう!という感じでしたが、中級では言語仕様を掘り下げて学びます。動画の解説は本当に分かりやすいのですが、ただこれが子守唄かというくらいとにかく眠くなってしまって。最近Webサ、オブジェクト指向部とハードな部活やアウトプットが続いて結構ストイックにやってきたので、ちょっと気持ちが緩みかけた気がしましたね。これではいかーん!!と気合いを入れ直して先に進み、またアウトプットを作ろうとまずは目標設定。ここ最近自分で色々作ってみて、プログラミングを勉強する上でのOPの大切さが本当に身に染みてよく分かったので、これからもできる限りこまめにOPしていくスタイルで行こうと思っています。gulpエラーで詰まるJS中級後半はタスクランナーツール「gulp」の使い方を学びます。gulpではCSSやJS、画像ファイルの圧縮から、ファイルの結合、ファイル更新の監視などができ、手間のかかる作業が自動化できるというとても便利なツール・・・らしい。gulpを使ってこんなことができるんだというのは理解できたし、レッスン通り無事操作できたのですが、今の私には「使いどころがまだいまいちピンとこない」というのが正直なところです。このあたりはまた要復習です。33でgulpエラーに悩まされかなり詰みました。動画収録時とバージョンが変わっているので書き方が変わっているところが多いのですが、そのあたりは補足欄や過去質欄に出ているので、大体はそれでクリアできると思います。33まで進めたのですが、最後の画像圧縮でどうしてもjpegの圧縮がだけできず、エラーになってしまう。過去質はなかったし、エラーメッセージをググってあれこれやってみても全然ダメで。そこでTwitterで検索してみたら、ウェブカツの先輩方も過去にgulpエラーで結構悩まされてあれこれ試してみていたようだったので、私も腰を据えて向き合うことにしました。137h10mJS中級最後の最後、gulpエラーで詰んだ😵💦ググってあれこれやってもサッパリ。2020年1月22日Node_modulesで該当のnpmパッケージについて見ていたら(今回は圧縮に使ったgulp-imageminのとこ)ここを書き換えたら行けるんじゃないか!?とひらめいて、無事クリアできました!!嬉しかったなー!!プログラミングを勉強していくうえでこれからの部活は、もっともっと自走能力が試されることになってくるんじゃないかなと思います。解決できないエラーに出会っても、粘り強く対処できるメンタルを少しづつ鍛えていきたいです。HTML・CSS中級この部活は、JS中級のアウトプットと同時進行で進めました。ボタンの装飾やアニメーションなど、実装できたらちょっと画面がリッチになりそうなものばかりで楽しかったです。最後のflexboxは自分で勉強して既にこれまでのOPでも使っていましたが、とっても便利ですよね。このflexboxのチートシートは簡潔にまとまっていて分かりやすいので、レイアウトを組む時にはいつでも見れるようにしています。JS中級のOPをしよう!と思って始めたものですが、同時進行でやっていたHTML・CSS中級も終わったので、最終的にはこの二つの部活でやったことをたくさん盛り込んだOPにしたいと思います。次はFW部だとばかり思っていたら、今度はHTML・CSS上級だってことに今気づきました。覗いてみて、もしかしたらOPにはHTML・CSS上級までの内容を含めることになるかもです。今はベースのHTMLとCSSを書き終わったので、これからJSとCSSで動きをつけていくところまで来ました。1月後半はJS中級を終わらせることが目標だったのに、結果としてはHTML・CSS中級も終わらせ、OPもかなり進めることができて、この2週間のプログラミング学習はとても充実していました!次のブログではOPの完成を報告できるように、最後までしっかり作りたいと思います。[4.5ヶ月]プログラミングこんにちは、Kayです。2020年も始まってもう半月が経とうとしているんですね。早い!!プログラミング学習に年末年始は関係なく、今年は元旦からOPのエラーと戦っていました。お正月はゲレンデで子供達と雪遊びを満喫していたので、約1.5日だけプログラミングから離れましたが、ダレることなくなんとかまたいつもの学習ペースに戻れてホッとしています。一度楽しちゃうと、ストイックに続けられない気がして怖い。「手に職をつけて社会復帰したい。「初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。」そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから4.5ヶ月。前回のお話はこちらです。blog.kay-berry.com私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。webukatu.com※私が適用を受けている女性割引は、2019年10月31日をもって廃止となりました。現在新規入会は別の部員種別のみとなっています。webukatu.com今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。今年の干支のねずみが、他の干支の動物たちと相撲勝負するゲームです。今回のOP制作期間は7日間。前回のWebサOPに引き続き、たくさんの方々にいいねやリツイートをしていただき、本当にありがとうございました!!!OPで作ったゲームで子供が喜んだ!!今回のOPは4歳の長男に遊んでもらうことを前提に、テーマ選びから色々こだわってみました。どんな反応をするかな?こうした方が小さい子供には分かりやすいだろうな。したら機嫌を損ねずに遊んでくれるかなwと、かなり頭を悩ませて作った分、いざ完成したゲームを我が子が大喜びで何度も繰り返し遊んでくれた時の嬉しさといったら。自分の作ったもので、誰かがこんなにも喜んでくれるんだ!ということを知って、完成までの苦労は全部吹き飛んだ感じです。これまでOPは苦手意識が強くて、なかなか手を動かせないでいました。Webサ、オブジェクト指向部と立て続けにOPに取り組んでみて、苦しみながらもなんとか「こうしたい」と思ったように動くものを完成させることができたことで、自分で何かを作ってみること、そしてプログラミング自体がもっと好きになれた気がします。OPオリジナルの処理オブジェクト指向部で作ったゲームをベースにしてOPは作ったわけですが、小さい子供が遊ぶことを考えると、もっと「分かりやすさ・飽きさせない工夫」が必要でした。一回の勝負ごとに勝ち負け判定で表示画面を変える勝った場合には3種類の中からランダムで体力回復アイテムをあげるという処理を追加してみました。これをやったことで時間はかかったのですが、エラーを潰しながら色々書き換えていくうちに、結果的にゲッター&セッターの意味・使い方がよく分かるようになった!!そして子供はこのランダムの回復アイテムで何が出るか、という部分をすごく楽しんでくれたので、やってみて本当に良かったです。何かプラスαで挑戦してみるのって大事!Photoshopで色々遊んでみた前回のブログに、WebサOPが終わったらPhotoshopも触り始めたと書いたのですが、今回のOPではたくさん使ってみました。Webサまでは本当にどうやってこの沼から少しでも早く這い上がるか、に注力していたので、他のことには一切手を出さなかったのですが、今回のオブジェクト指向部のOPは作るものもゲームですし、遊び心もあった方が楽しいですよね。いう意味では、Photoshop超初心者が色々いじって何か作ってみるにはうってつけだと思います。使い方を勉強するよりも、「こういう物を作りたい」という目的がはっきりしているので、画像の切り出しや合成、リサイズなどなど作りたい形にするにはどうしたらいいのか色々調べてやってみて、本当に勉強になりました。最初は慣れなくて操作する指がつりそうになりましたがwWordPress部からJS上級へそんなこんなで無事オブジェクト指向部も終えてWordPress部へと進み、現在はJS中級に入りました。WordPressは自分でテンプレートを作ってみたいのでもう少し触ってみたいところでもあるけど、しばらくOPが続いてウェブカツの進みがゆっくりだったので、ここからはどんどんインプットして先に進めていこうかなと思います。WP部をやっていてまたエラーが色々出てきたのですが、Webサ・オブジェクト指向部のOPで散々エラーに対処してきたことでエラーが怖くなくなったし、きっとあれこれ試していればクリアできるだろう!と考えられるようになっていることに気づきました。PHPも散々書いてきていまだに難解なことには変わりないけど、書き方やこういうことできるんじゃない?みたいなのがちょっっと分かってきた気がします。Webサを中途半端に終わらせて先に進んでも、その後も結局ずっとPHPは出てくるので、やっぱりその部分を逃げてもいいことはなかったな、と改めて思う。ありますが、少しづつ力をつけながら進めているのかなと思う今日この頃です。1月前半のプログラミング学習はとても充実していたので、後半も頑張ります!それでは、また。[4ヶ月]プログラミングこんにちは、Kayです。早いもので、2019年も残すところあと数日。今年は私にとって、家族にとって、大きな変化の年だったなぁとしみじみしながら、このブログを書いています。手に職をつけて社会復帰したい。初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから4ヶ月。前回のお話はこちらです。blog.kay-berry.com私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。webukatu.com※広告ではありません。ただのリンクですのでご安心ください。(私が適用を受けている女性割引は、2019年10月31日をもって廃止となりました。現在新規入会は別の会員種別のみとなっています。)今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。家族の思い出を管理する写真アルバムサービスです。記録を見直してみると、Webサに入ってからちょうど2ヶ月、OPの制作期間は20日間。この2ヶ月間、とにかく苦しんで、悩んで、それでもコードを書いて書いて書きまくって。1周目の絶望的な状態からは、こんな風にOPを作れるようになる日が来るなんて想像もできなかったけれど、最後までやり通すことができてとても清々しい気持ちです。自分で言うのもなんですが、私は普段毎日の学習進捗状況をツイートしてるだけの地味〜なウェブカツ生なので、こんなにたくさんの方々がいいねをくださったり、リツイートしてくださったり、メッセージをいただいたりしたことが初めてでして。びっくりしましたが、本当に本当に嬉しかったですし、これからももっと頑張らないと!と今の自分の励みになっています。みなさんどうもありがとうございました!!!OPは本当に大事だった私はHTML・CSS入門が終わった後に簡単な架空のHP制作をしてみたのですが、OPはそれ以来。最初の画面モック作成にしても、機能実装にしても、まず何でもやり始めは大体うまくいかないので、その期間を超えるのが苦しかったです。そこを超えると、なんか分かってきて今度は楽しくなってくるという不思議。今まで顧問やウェブカツの先輩方の「アウトプットは大事」というお言葉は何度も目にしていたのですが、いざやってみるとこれは本当にそう。自分で手を動かして、失敗して、何でそれじゃダメなのか考えて問題をクリアする。その繰り返しで、すごく成長を実感できた20日間でした。私が今回作った家族の思い出管理用写真アルバムサービスには、Webサでやった機能の他に、つけたいオリジナルの処理が二つありました。それは、カテゴリー・年・月の組み合わせでのアルバム検索機能プロフィールに入力した子供の生年月日から、写真の日の年齢(何歳何ヶ月)を計算してアルバム詳細画面に表示させる機能です。二つ目の子供の年齢計算は、何歳かだけではなくて、「何ヶ月か」まで表示させることに意味があって。小さいお子さんをお持ちの方は共感していただけるかと思うのですが、同じ1歳といっても1歳0ヶ月と1歳11ヶ月って本当に全然違いますよね!?だから、これは子供が「何歳何ヶ月」の時の写真かというのを表示させる処理を、絶対に入れたかったんです。何ヶ月かを入れるのは、何歳かだけ書くより処理がずっと複雑。どんな計算をすれば欲しい値になるのか、それを実現できそうなメソッドはないか。検索機能も、写真アルバムとしてはカテゴリーだけでは不十分なので、年と月とを組み合わせるとなると、選択した内容によって条件分岐させて、SQL文を作成しないといけない。OPの終盤、この二つの処理を実現するために、それはもう頭が沸騰しそうなくらい考えましたwでもそれが最終的に成功した時の喜びといったら、それまでの苦労なんて吹き飛ぶくらい嬉しくて。年齢表示の部分は、何度も書くの面倒だから関数にまとめちゃおう!と思い、自作関数を作ることもできました。関数なんて意味分からないものは大っ嫌い!と思っていたのに、自分でもびっくりの変化でした。書いてみる!これもOPを通して学んだことですが、私のような超初学者は最初からバシッとうまくいくことなんてまずないです。考えて何も進まないより、とりあえず書いてみて、エラーを吐いてもらった方が先に進める。error(構文エラー)が出たら、そこから修正。文法的には動く状態にして、処理を走らせてみます。所々デバッグを入れておいて、どこまで処理が進んだか、それぞれのポイントで欲しい値は入っているか、正しいSQL文は流れているかなどをチェック。おかしくなっている部分を修正する方法を考える。今回のOP中に、そうやってエラーを修正していくうちに、初めはぐちゃっとしていたものが、理想形に近づいていく経験を何度もしました。書いて動かしてみる、エラーを出す!これは本当に大事でした。Webサ学習法を改めて考える上で書いたように、自分で作りたい物があってOPする場合には、Webサで学んだことを応用して自分で考えないといけない部分が必ず出てきますよね。ユーザー登録とかログイン機能とか、そこらへんは最悪コードを写してなんとなく動くものが作れたとしても、オリジナルでやりたい部分はそうはいかない。その時に基本のロジックをちゃんと理解していないとホントに無理だなぁと感じました。私は苦しい苦しい2周目で納得のいくレベルまで理解できた!と最後に思えたので、OPを作る時にまたレッスン動画を見直すことはありませんでした。徹底的に写経したソースと、それに書き加えていった自分のコメントが本当に役に立ったし、書きまくったのでタイピングも速くなり、コードを大量に書くのも苦じゃなくなり。Webサを始めたばかりの頃は色々迷走もしたけど、結果的に学習法は自分にとって間違っていなかったのかなぁと思います。Webサ攻略のためにやったことについてはこちらのブログに書いていますので、同じようにWebサで苦しむ方のお役に少しでも立てれば嬉しいです。blog.kay-berry.comWebサは短期間にフルコミットで色々な学習方法があって、みなさん本当に工夫して勉強されていますし、私もこれまでたくさん参考にさせていただいて助けられました。その上で私個人の意見を言うなら、Webサは他の色んなことをその期間多少犠牲にしたとしても、プログラミングにフルコミットしてできる限り短期間で終わらせた方がいいのでは、ということ。モチベーション維持の面や、忘れないうちに短期集中でという意味合いでももちろんそうなのですが、結局のところこの苦しい状況から一刻も早く逃れるには、早く終わらせるしかないので。他にも意識してやってみて良かったと思うことは、OP期間中の毎日の学習進捗報告は、「OP中」とだけ書いておしまいにすることもできちゃうけど、そうじゃなくてその日はどこまで進んで何を実装したのかとか、どこが難しかったとか、明日は何をやる!とか、そういうことも書く。それによって毎日何か少しでも報告できる成果を出したいと思ったり、前日に明日はこれをやる!と書いたから、そこまでは頑張る!と粘ったり。アウトプットをうやむやにせずに最後までやりきること。下手でも多少見栄えが悪くてもいいから、目標設定した期限中にツイッターにアップする。どれもちょっとしたことですが、「なんとなーくずっとWebサやOPやってる人」になってしまわないように、意識して取り組んでみて良かったかなと思います。Webサ後の取り組みOPが終わってからは、オブジェクト指向部を2周して、こちらもすぐにOPに取り掛かりたいところではあったのですが、以前からWebサを無事クリアできたらやりたいと考えていたことをやっていました。それは、JavaScriptの基礎固めPhotoshop、デザインの勉強です。JSはふわっとした理解のままきてしまって(というか全然分かってない?)、このまま先に進むのがすごく不安だったので入門書を1週間使って最後までやりました。あとはデザインの知識もセンスも皆無なもので。今後のためにもフォトショは少しづつ慣れておきたいと思ったので、このタイミングで始めることにしました。こっちが楽しくなっちゃうと本末転倒なので、そこはあくまでもウェブカツのカリキュラムに差し支えないように気をつけつつ、今はプログラミングの息抜き程度に毎日ちょっとづつ触っています。そんなこんなで、明日からはやっとオブジェクト指向部のOP。年末年始もプログラミングは休まず続けたいと思います!長文になってしまいましたが、最後までお読みいただきありがとうございました。[3.5ヶ月]プログラミングこんにちは、Kayです。手に職をつけて社会復帰したい。初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから3.5ヶ月が経ちました。(私が適用を受けている女性割引は、2019年10月31日をもって廃止となりました。現在新規入会は別の会員種別のみとなっています。)前回のお話はこちら。blog.kay-berry.com私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。webukatu.com※広告ではありません。ただのリンクですのでご安心ください。今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。アウトプットやってます前回11月末のブログ報告では、Webサ2周目をついに完走した!!というお話を書きました。12月からは、いよいよアウトプットを開始。OPに取り掛かって今日で2週間くらいになりますが、本当に朝から晩までプログラミングのこと、OPのことで頭がいっぱいの毎日を過ごしてきました。今すっごく楽しいです!!今回は、そんな私のWebサOPの途中経過を書きたいと思います。振り返り私はWebサ2周目の時に、既にOPで作りたい物をイメージしながらインプットを進めていました。今作っているものは、家族の思い出写真を管理するWebサービスです。プログラミングを勉強し始めて間もない頃、主人にどんな物が作れるようになったらいいと思う?と何気なく聞いたことがありました。その時に、家族写真を管理できる物があったらいいな〜と話していたので、今回迷わずそれをOPのテーマに選びました。本当は今回のブログ報告までに作るのを目標にして頑張っていたのですが、間に合わなくて今とても悔しい!!機能実装開始までの部分に時間がかかってしまったのが原因ですが、そこから得るものもかなり多かったので、その辺りのことを書こうと思います。最初の計画はしっかりと前回のブログにも書いたのですが、私のこのOPの目標は、「まずはあれこれ欲張らずに自分が今欲しいサービスを、最低限必要な機能で実装して、とにかく動くものを作ってみる」ことです。他のウェブカツ生の皆さんのOPを見ていると、Webサで習った内容以外にもオリジナルの機能もあったり、デザインも素敵だったり。本当に素晴らしいものばかり。あれこれ手を出して、途中でこんな機能もあんな機能も欲しい、になり始めると、迷走すること必至です。それでうまくいかなくてプログラミングを挫折してしまうくらいなら、ちゃんと完成させて成功体験を積み重ねた方がモチベ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ヶ月。残る機能がなかなかヘビーなのでちょっと苦しいかもしれませんが、いい区切りなのでそれまでに完成させることを新たな目標にして頑張りたいと思います!それでは、また。[3ヶ月]プログラミングこんにちは、Kayです。手に職をつけて社会復帰したい。初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから3ヶ月が経ちました。(私が適用を受けている女性割引は、2019年10月31日をもって廃止となりましたので、現在新規入会は別の会員種別のみとなっています)前回のお話はこちら。blog.kay-berry.com私がプログラミングを学んでいるオンライン学習スクール「ウェブカツ」はこちら。webukatu.com※広告ではありません。ただのリンクですのでご安心ください。今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。31h10mWebサービス部2周目完走!ついに。今日、ウェブカツのWebサービス部(以下Webサ)2周目を納得いくレベルまで理解して、完走することができました!!!!1周目、本当にサッパリ意味が分からなくて、動画を見ても絶望感と焦りしかなく、分からないから質問欄を見ても、それすらも内容が全然理解できない。私のWebサ開始時はそんなどうしようもない状態でした。分からないのが悔しくて、そこからひたすら復習し、コードを書き続けた毎日。ほんっとーーーに苦しかった!!!wwwそんな私のWebサ学習のまとめを今回は書きたいと思います。9以降も動画を見続けるけど絶望感しかなく、「プログラミング学習挫折」の文字がチラつく。分からない自分を受け入れて、潔くPHPを復習をすることにしたそれと同時進行で、分からなくてもWebサの動画視聴は最後まで続けた動画を最後まで見て、復習を終えて、改めて学習方法を見直した2周目、まず写経してから、ソース理解。自分で写経したファイルに動画での説明内容や、分からなくて自分でググったこと等、どんどんコメントを追加。商品登録機能でまた少し分からなくなってきて、疲れも溜まってきて再び苦しくなってくるでもやることは同じ!書いて書いて書きまくって、分からないことは一つずつ調べて、一歩一歩丁寧に進むだけ。上記のいくつかについて、具体的に触れたいと思います。ユーザー登録機能あたりから分からなくなるのは、これはもうPHP部の内容が理解できていないからですね。いつまでも分からない絶望感に打ちひしがれているわけにはいかないので、分からない自分を受け入れて、さっさと復習に戻って良かったと思います。実際にやった内容は、ProgateのPHPとSQLPHP・MySQL部2周目SQL鬼練です。これと同時進行で、分からないなりにもWebサの動画視聴は続けて、毎日1レッスン分見ていました。2周目の学習方法を考えるという意味でも、一度最後まで見て全体像を掴んでおいて良かったと思います。写経→動画を何度も止めながら、写経したコードにコメントを入れていく→分からなくてググったことも追記ということをやっていたらとても理解が深まったので、それを引き続きWebサ2周目でもやりました。私は結局プリントアウトしない派でした。本当はしようと思ったのですが、我が家にはプリンターがない!!印刷するならコンビニに行かなければなりません。下の子はイヤイヤが始まり、ベビーカーに乗せても「おりるー!」、下ろしたら下ろしたで、ちょろちょろ動き回りお店の物を触る、転がる。完全ワンオペゆえの理由です。それと、毎回レッスンでどんどんソースの中身が更新されていくので、一体いつの分をプリントアウトすればいいのかよく分からなかった、というのもあります。写経ソースコードをプリントアウトしない代わりに、写経は徹底的にやりました。やると決めたからには全部、前回からの変更、修正点もすべてです。私は既に用意されたソースを見ながら動画を聞いていても、なんというのか、変な話ですがどこか他人事のような感じがしてしまい。自分の手を動かしてその上で聞いた方が、ずっと頭に入ってきました。写経も何も考えずにただ書いているだけでは意味がない、という意見もあるかもしれませんが、私は最初は訳わからなくて書いててもいいんじゃないかな、と思うんです。顧問も「プログラミング学習に必要なのは学習量ではなくて、練習量。書いて書いて書きまくれ!」とおっしゃっていますよね。大事なのは、書いて、書きっぱなしにしないことなんじゃないでしょうか。実際私も「書く→動画聞く・ググる→コメント追記」を繰り返しているうちに、ココはやったから分かる、これは今回初めて出てきたから新しく作った関数かな、この部分は書きにくいから、よく理解できてないんだな、この処理の次はいつもこれだよね、等々、いろいろ考えられるようになりました。最初は全然分からず書いていたのに、です。写経すると嫌でもソース全部に目を通すことになるし、書きながらコードを頭の中で反芻するのでその後の理解にも役立ったと思います。本当に全部写経するのは、すごくすごく大変でした。分かることが嬉しくて、またプログラミングが楽しくなりました。自作関数とPHPで元から用意されている関数の違いを一個一個地道に調べていくことで、分かることが日に日に増えていったように思います。元から用意されている関数はググれば分かるし、自作関数は全部動画の中で顧問が説明してくださっています。1周目は全然分からなかたことを人のせいにして、もっと分かりやすく説明してくれないとさ〜とすら思っていた私ですが(一体何様)、全て自分の問題でした。2周目にしてようやく、こんなに分かりやすく説明してくれていたなんて、と反省する始末。それでもやっぱり苦しかったとはいっても、Webサはかなりのボリュームなので、全て写経して、ソースを丁寧に理解できるまで見ていくとなると、相当な時間がかかります。写経だけで軽く1時間過ぎるレッスンもありますし。毎日30分、1時間でももちろん継続してやることは大事だし、それでも続けていればいつかは終わると思うのですが、私の場合は短期集中で一気にやらないと逆に心が折れそうな気がしました。1日約3時間、2周目を完走するまでは使える時間を全てプログラミングに使うと決意。商品登録機能のあたりで、連日の学習の疲れもあり、またすごく辛くなりましたね。1日でもやらずに立ち止まると、もうやれない気がして。月末までに2周目を終わらせるんだ!と毎日必死にパソコンに向かいました。ツイッターのいいね、やコメントに励まされたり。辛い時はスヤスヤ眠る子供達の寝顔を見ながら、この子たちの将来のためにも頑張る!!と自分を奮い立たせたり。眠くてあくびが連続して出てくるようになったら、15〜30分だけ仮眠してまた再開したり。ちなみに快適なところで寝ると熟睡しちゃうので、硬い床で寝てましたw寒さ対策だけはしっかりと〜。次の目標ウェブカツ鬼十則の、とりあえず3ヶ月プログラミング学習を継続、というのはクリアできました。Webサもこうしてなんとか2周目を乗り切れたのですが、今ようやく私はロジックを理解できるようになって初めて、アウトプットのスタートラインに立てただけです。これからの2週間は、Webサのアウトプットに取り組む予定ですが、まずはあれこれ欲張らずに自分が今欲しいサービスを、最低限必要な機能で実装して、とにかく動くものを作ってみたいと思います。分からなかったことが、諦めずに続けていくことで分かるようになったという今回の経験は、今後のプログラミング学習にも大きく影響してくること間違いなしです。アウトプットをする中できっとまたエラーにぶつかりまくると思いますが、一つ一つ乗り越えながら、分かること・できることを増やしていきたいと思います。しようもないレベルからWebサを始めた私の例でしたが、今回の学習まとめがどなたかのお役に少しでも立てれば嬉しいです。[2.5ヶ月]プログラミングこんにちは、Kayです。手に職をつけて社会復帰したい。初心者だけど、プログラミングを本気で勉強して稼げるようになりたい。そんな思いから、「ウェブカツ」というオンライン学習スクールで女性割引を利用して学ぶことを決め、実際にプログラミング学習を始めてから2.5ヶ月が経ちました。blog.kay-berry.com私がプログラミングを学んでいる「ウェブカツ」はこちら。webukatu.com※広告ではありません。ただのリンクですのでご安心ください。今回もウェブカツのプログラミング学習進捗状況を中心に、この2週間で感じたことを書いていきたいと思います。あった...この2週間。31h10m色々あった...この2週間。実は最近、家族に色々あって本当にバタバタしてました。上の子が肺炎になり、こちらもあわや入院というところでした。なんとか入院は免れたのですが、現在進行形で療養中。1週間幼稚園もお休みです。プログラミングは休みたいくらい疲れ果てている日も多かったのですが、それでもこの2週間、結果的にプログラミング学習0時間の日は1日もなく!!最低でも一日1.5時間は食らいついて勉強を頑張った自分を褒めたい!!それもこれも全て、何としてもWebサービス部を乗り越えたいという執念ですw振り返り今回も前回に引き続き「Webサービス部」(以下Webサ)に、必死に食らいついているところです!!この2週間でやっていたことは、Webサをとにかく通して一周動画視聴PHP・MySQL部の2周目(コードを写経し、動画内の解説・自分で疑問に思ってググったことをコメントに追加)SQLの鬼練これまでのレッスンの中で出てきた参考リンク全部に目を通す私の場合、PHPをもっと理解しなきゃ何も始まらない!という感じだったので、地道に復習していました。具体的な復習方法これはプログラミングに限ったことではないですが、説明を聞いてるだけだと、うん、うん、と分かった気になってるのですが、ちゃんと分かってない箇所って結局自分の言葉で説明を書いてみようとすると、あれ?どういうことだっけ?って絶対になるんですよね。コードを写経した後にレッスン動画を聞いて、理解が怪しいところはどんどんコメントアウトを追記していきました。説明がちゃんとできないなら、繰り返しその部分の説明動画を聞いたり、ググったり。そのおかげで、前よりずっとPHPの理解が深まった感があり、質問欄の内容もスッと分かるようになりました!嬉しい!!そして復習していた中でSQLの鬼練があったことを発見!1周目の時全然気づかなかった。これも質問欄の隅々まで復習したからこそです。私と同じようにうっかり見落としていた人がいるかは分からないですが、PHP部が終わっているのにやっていない方はぜひ!!変態おじさん再び!ですwwebukatu.com後で読もう、はそのままにしてたらダメ!PHP部の復習とSQLの鬼練が終わったら、Webサ2周目に行く前にもう一つやったことがあります。それはレッスンを進める中で補足欄や、質問の解答欄、鬼練の解説で参考リンクとして紹介されていたリンク全てに目を通すこと。出てきた時にその都度ちゃんと読んで進めてきた方からしたら、「え。?今まで読んでなかったのかよ!」っていう話なのですが、私はとりあえずリーディングリストに追加しておいて、後で時間ある時に読もう〜と思ううちにどんどん溜まっていき。これは一旦リセットしなければ!ということで、時間がある時に読もう〜ではなくて、そのために時間を割いて全てに目を通しました。PHPの理解が深まったのはもちろんのこと、今はしっかり理解できない内容であっても、こんなようなことを読んだ気がするというのは頭に残るので、この先学習を進める中で、あ〜前に読んだアレか!となる気がします。動画を観ていると眠くなってしまう問題Webサの動画をとにかく一周視聴したわけですが、これがどーにも分からなすぎて、とにかく眠くなってしまい。途中で記憶が飛んで寝ていたのは、一度や二度ではありませんwこれじゃさすがにプログラミングに時間を割いている意味がないので、なんとかしなければ!と思い、苦肉の策でWebサの動画視聴の時はパソコンを下に置いて、床でストレッチをしながら観るスタイルにしました。結果的に体も頭もスッキリして、これが結構良かったです!!睡魔に打ち勝てない方がいたら、一度試してみてください♪Webサ2周目、変化はあった?そんなこんなでプログラミングは絶対挫折したくなくて、そのためにも何としてもWebサは乗り越えたくて、丁寧に復習してからWebサ2週目に戻ってきました。今はユーザー登録のところを写経して、コードの理解を進めているところなんですが。分からないは分からないんだけど、何て言うのかな、でも前より明らかに分かる部分がずっと増えているんです!!分からない部分もレッスン動画を繰り返し聞いたり、先輩方の過去質に助けられたりしながら、何とか進めていけそうな感じ。1周目の時の、手も足も出ない、目の前が真っ暗になるあの感じではない!!wwwこの2週間の地道な復習期間が身になっていることが嬉しくて、またもっとプログラミングが楽しくなって、今は子供達が寝付いてパソコンを開く時間が待ち遠しいです。ここからあと1ヶ月でWebサ2周目とアウトプット完了を目標にしているので、次回のブログ報告もまだWebサに苦しんでるんだろうな〜とは思いますが、諦めずに続けて行きたいと思います!それでは、また。妊娠、出産、子育てを経験。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。