初心者もちのプログラミング奮闘記4 ~ウェブカツ入部から2ヶ月~

こんにちは!もちがウェブカツに入部してもうすぐ2ヶ月経ちます。

プログラミング学習の進み具合や、感想を書いていきたいと思います!

 

1.学習内容

 

 ウェブカツ ⇒ WEBサービス部のレッスン1周目完了

         2周目をしながら、自作サイトを作成中

 

 その他 ⇒ プログラミング言語PHP7+MySQL入門の本を1冊読破

 

2.感想

 

 ウェブカツのWEBサービス部のレッスンをすべて見終えました!

 次から次へと現れる見たことのない関数、お手本コードに仕込まれている意図的な間違いコード、それに伴って発生するエラー、、、

 

~ウェブカツWEBサービス部の1周目の感想~

 

 ・自分のブラウザに表示させると発生してしまうエラーについて、デバックを確認することでその原因が突き止められるため、データベースと接続したり、ページを切り替えたりする際に、デバックを表示させることはプログラミングの世界ではとても大切であること。

 ・動画で説明されていることは理解できるが、PHPMySQLのプログラミングの知識が定着しておらず、自分がいざコードを書くとなったときに、手が止まってしまいそうなこと。

 ・お手本のフリーマーケットのサイトをもっとこう動かしたい!などといろいろ思いつくけれど、どのようなプログラミングで動かしたらいいか思いつかないこと

 

 このような思いから、ウェブカツのWEBサービス部を何周もする前に、まずは、プログラミング言語であるPHPMySQLの知識を頭の中で整理したいと思いました。

 そのため、学習内容に書いてある通り、プログラミング言語PHP7+MySQL入門の本を読むことにしました。ちょうど、実家に帰る用事があり(実家にはパソコンがありません。。)ネット環境がなくても勉強できたので良かったです。

 

~プログラミングの本を読んだ感想~

 

 ・セッションやクッキーなどの仕組みをウェブカツの講座でわかっていた気分になっていたが、本を読んで復習し、本当に理解ができた

 ・本にはいろいろな関数が紹介されていたが、ウェブカツの講座でピックアップされている関数は現場でよく使われるものなんだな、とマークすることができた。

 ・PHPMySQLの書き方やプログラミングコードの意味が前よりもわかったため、ブラウザで自分がさせたい動き、データベースとの関連付けの仕方など、どのようなコードを書けばいいかイメージしやすくなった。

 

 本を1冊読み、理解を深めたところで、今はウェブカツのWEBサービス部のアウトプットのため、自作サイトのプログラミングをしています。

 機能の洗い出し、ワイヤーフレームの作成、データベースの作成までできたところです!いよいよこれから画面を作っていきます。

 

 これからが本番です。データベースにつなげたり、思い通りの画面を作るために、ウェブカツの講座を参考にしながら、毎日画面とにらめっこして頑張っています。

 

 完成は、2週間ほどを予定していますので、次の日記で紹介出来たらなあ、、と思っています!

 

。。。最後に、、

 余談なんですが、ウェブカツの受講生で9月に大阪でオフ会があるそうです。

 私はウェブカツ生のお友達がおりません( ノД`)シクシク…

 もしよかったら一緒に申し込みをしてこれを機に仲良くなりたいな、なんて思ってます。

 先輩方からプログラミング業界のお話をたくさん聞きたいです!

 一緒にどうでしょうか。。 同じようなお気持ちの方いましたら連絡待ってます(^^)/

 

 

プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com

 

初心者もちのプログラミング奮闘記3 ~ウェブカツ入部から1.5ヶ月~

 ウェブカツに入部して1.5か月が経ちました~!!

 今日はその報告をしたいと思います♪

 

【学習内容】

WEBサービス

 (Lesson16「パスワードリマインダー機能を作ろう!」まで)

 

【学習方法】

1.ウェブカツの動画をまず最後まで見る

 ここで、本レッスンでどのようなプログラミングを学習するのか確認する。

 

2.コードの中身を見る

 この関数はどういう働きをするのか、この挿入されているphp文はどういうときにどういうものが表示されるのが、プログラミングの仕組みを自分で考えて理解をする

 

3.動画を見直しながら、コードがきちんと動いているか確認する

 関数は動いているか、バリデーションチェックは、エラー表示時も動いているかなど、プログラミングを実際にブラウザで動かしてみる

 

4.ウェブカツで新しく出てきたコードをノートに追加する

 ウェブカツはレッスンごとに、いろいろなコードが紹介されている。

 それを見やすく自分でまとめて、自分で一からプログラミングを書く際に参考にできるようにしておく

 

といった流れで進めてきました~~ 

 

【感想】

 WEBサービス部に入って、ファイルの量が一気に多くなりました!

 でも、プログラミングの本場のものと比べれば、ウェブカツのレッスンで使用されているファイルの量は少ないのだと思います。慣れていかないと。。><

 いろんなページで共通に使えるものは、別ファイルにして保存する技を覚えました。例えば、ヘッダーやフッター部分、バリデーションチェック関数やデータベース接続関数などです。

 プログラミングのコードは、他人が見ても、見やすく、わかりやすいものにするべきと言われいます。そのためには、まとめられるものはまとめてしまうことが大切です。

 私は、プログラミングを全くの初心者から始めたので、ウェブカツで初めてコードを見た時は、「何の暗号だろう。。」と思いました。ウェブカツでプログラミング言語の勉強を始めて少しずつ、どういう意味なのか理解できてきました。

 ウェブカツのレッスンはコードと動画をみながらどういう働きをしているのか、ゆっくり考えながら進めているので、ちょっと進度は遅めですが、自分のペースで進めていきたいと思います!

 

おまけ】

 WEBサービス部が解放されるまでに、少し時間があったので、サイトを自作していました!

 初めて、一からプログラミングを書いてみました!

jQueryで動きを付けたり、PHPでバリデーションチェックを行ったり、ウェブカツやProgateで習ったコードを書いていきました。

 自分でどういうサイトにしようかな、と考えながら作るのは楽しかったです!思うように表示されないときは、どうしてだろう?とその原因を見つけて、修正していきながら完成させました!

 お料理サイトにしたのですが、料理の作り方は適当です。。笑

 自作サイト→https://twitter.com/mochi1224_mochi/status/1135854301010583552?s=20

 

 また、ウェブカツ入部から2か月の記事で会いましょう~^^

 

 プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com

 

 

初心者もちのプログラミング奮闘記2 ~ウェブカツ入部から1ヶ月~

 こんにちは!もちです。

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

 前回の記事は、半月経った頃に書きました。それから約半月、ウェブカツでどんなプログラミングを学習したのか、まとめていきたいと思います~!

 

~プログラミング学習内容~

PHPMySQL

・ネットワーク・サーバー部(仮)

 

 以上の2つです!ネットワーク・サーバーはあともう少しですが仮で学習済にいれちゃいますっ

 実は、今現在、ネットワークサーバー部までしかまだ学習できないため、ウェブカツで進められる部はすべて終了したことになります!

 

(補足)ウェブカツの女性部員になったら、最初からすべての部を

    学習できるわけではありません。1か月後または2ヶ月後

    から解放される部があるのです。

    ウェブカツで最初の1ヶ月目から解放される部は、

    ・HTML・CSS部 入門   ・JavaScriptjQuery部 入門

    ・PHPMySQL部      ・ネットワーク・サーバー部

    の4つです。

 

 自分は、プログラミングに関して本当に初心者で、タイピングも慣れていないので、進みはかなりゆっくりなのですが、この4つの部を学習い終えるまで、ちょうど1ヶ月でした。

 ウェブカツは、プログラミング初心者でもついていける進み具合になっているのが嬉しかったです!

 ウェブカツで次の部が解放されるまでは、プログラミングを学べるサイトのProgateで先に学習して、基本を学んでおこうと思います。

 

~プログラミング学習方法~

 学習方法は、

  Progateで基本を学び、

      ↓ (自作ノートにポイントをまとめる)

  ウェブカツの動画で実践と応用を学び、

      ↓ (自作ノートにポイントをまとめる)

  ウェブカツの鬼連で理解を深める。

 このループでやっています。

 

~感想~

 正直、PHPMySQL部はJavaScrip・jQuery部と似ている部分が多くあり、理解はしやすかったのですが、コードの書き方がちょっとずつ違っているので、PHPばかり書いていると、JavaScripやjQueryでの書き方を忘れてしまうことがありました

 また、凡ミスをしてしまい、エラーがでてしまうのがほとんどだったので、エラーの出る回数が減るように努力していきたいと思います

 まだまだ始めて1ヶ月ですが、将来、プログラミングをお仕事にできるほど、これから成長できるのか不安はありますが、毎日頑張っていきたいと思います。

 自分の中の目標として、プログラミング学習時間は、1日最低2.5時間、休みの日は5時間できたらいいなと思っております!

 

~おまけ~

 どういう部分で凡ミスをしてしまったのか、自分への戒めもこめてこの日記にさらしていきたいと思います。(←思い付き)

☆もちの凡ミス集☆

 ✖ if(〇〇 = 〇〇){...}

  比較演算子の「=」が1個しかない!

 (´・ω・`)<プログラミングの=は代入って意味にまだ慣れてない。。

 

 ✖ <?php echo Hellow; ?>

  文字列を「’」で囲ってない!

 (´・ω・`)<文字列が英語だと忘れちゃうときある。。

 

 ✖ passward,text-aline,macth などなど

  綴りがちが~う!

 (´・ω・`)<英語って難しい。。。I like Japanese.

 

 (`・ω・´)<来月も頑張るぞ~!!

 

 プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com

初心者もちのプログラミング奮闘記1 ~ウェブカツ入部から半月~

ウェブカツ!!の女性部員になって、約半月が経ちました!

 今日は、なぜ私がプログラミングを始めようと思ったか、その理由と、ウェブカツ!!に入部してからの感想を書きたいと思います!

 

プログラミングを始めた理由・・・

 きっかけは単純です。私の旦那のお仕事は、プログラミング業界でして、将来、私でも役に立てたらいいなと思って、始めました!

 旦那がお仕事で使っているプログラミング言語は、HTMLやCSSのように、ホームページなどの見た目には出てこない、パソコンの中の設定などに使用される言語なので、私が見た目のプログラミング言語について学習したら、お互いのスキルを合わせて一緒にお仕事ができるのではないかと思っています。

 また、プログラミングの世界のお給料は他に比べて良いということなので、稼いだお金で親孝行もできたらいいな、とも思っています!

 

ウェブカツ!!に入部してから・・・

 ウェブカツ!!に入部して半月、どれくらい進んだか、どういう風に勉強しているか、ウェブカツ!!の内容についての感想などをまとめます!

 

 ~学習内容~

 ・HTML・CSS部 入門

 ・JavaScriptjQuery部 入門

 以上2つの部の学習が終わったところです。JavaScriptjQueryの鬼連については、まだ取り掛かってないのでこれから進めます。

 

~学習方法~

 1.まずは1周、動画に沿って進める。

   わかりやすくまとめてあるスライドは、その都度ノートに書きこむ

   模写したコードにどういう意味があるのか、解説を聞いて理解する。     

   進めていく中で意味が分からないコードがないようにする。

 

 2.2周目、見なおしながら新しく出てきたコードをノートにまとめる

   意味、書き方、使用例など一覧にする

 

 3.Progateを使って復習する

   ウェブカツで学習した分野をProgateでも学習し、理解を深める。

 

 4.ウェブカツの鬼連をする

 

 以上の流れてHTML・CSS部、JavaScriptjQuery部ともに進めてきました。

 習ったことをすぐに見直せるように、自分でノートを作成してまとめています。

 ウェブカツ→Progate→ウェブカツ鬼連、という流れですが、Progateは基礎的なことを主に学習し、ウェブカツはその応用編のような感じがしたので、次の部からは、Progate→ウェブカツ→ウェブカツ鬼連として進める予定です。

 

~感想~

 プログラミング学習を半月やってみての感想を書いていきます。

 正規のブラインドタッチができるようになりたい!!

 私はゲームのチャットで鍛えられ、文字を打つのは速めにできるのですが、一本の指で続けて押して打つこともあるので、ちゃんとしたブラインドタッチではないのです。

 プログラミングでは、普段使わない記号を使用することが多いので、自己流の打ち方ではコードは書きづらいのです。。

 ということで、ブラインドタッチの練習もかねて正規の打ち方で進めているのでコードを打つのも遅く、進みもほかのみんなに比べたらかなり遅めです><

 進みは遅いながらも、HTML・CSS部は、詰まるところはなく、スムーズに進めることができました。悩みながらも、サンプルホームページを1から自分で作ることもできました。

 さらに、もう一つ、真似っこしてホームページを作ることもできました。↓

真似っこして作成したHPの画像

真似っこして作成したHP

 自分が思ったように表示されない原因を、開発ツールでウェブ上で確認できるのがいいな、と思いました。

 

 JavaScriptjQuery部については、ちょっとレベルが高くなったな、と感じます。まだ触り始めて間もないからそう思うのかもしれません。

 あらかじめ決められているコードの部分と、自由に自分で名前を決めれる部分があり、Progateで復習するまで勘違いして進んでいたところがありました。

 鬼連まで進めて、また理解を深めていきたいと思います!

 

最後に・・・

 プログラミングの世界に入ったばかりで、プログラミングの常識であってもまだわからないことだらけの私ですが、「学習は毎日続けること、よくわからないまま進めないこと」を掲げて、これからも頑張っていきたいと思います!

 

 プログラミングを学べるウェブカツへのリンク(https://wabukatu.com

ウェブカツに仮入部&女性割引申請してみました!

【ウェブカツ仮入部】

今日ウェブカツに仮入部してみました。

0からのスタートですが、始めてみようと思います!

 

【女性割引申請】

女性の場合は、お得にお勉強できる制度があるんです!

そのために顔つきの動画を撮るのですが、少し恥ずかしかったです。。><

 

審査に通るまでは、部員以外でも見られる動画でお勉強を進めていこうと思います~

これから頑張ります!!