ウェブカツ入部のプログラミング初心者がウェブサイト作ってみた!

f:id:rintaro6343:20190630233140j:plain

 

こんにちは。プログラミング未経験の私がウェブカツの女性割引 でプログラミングを学び始めて2ヶ月が経ちました。今回は、ウェブカツ の進捗状況と、私がウェブカツ でプログラミングを学んだことを元にアウトプットした内容について書いていきたいと思います。

目次

現在の進捗

前回までのウェブカツ の進捗は以下のブログに載せています。↓

rintaro6343.hatenablog.com

ウェブカツ のWebサービス部の視聴2回目を終え、動画を見ながら全画面の模写を終わらせました。とりあえず、Webサービス部で扱っている「フリマサービス」を作ることはできたけど、正直、この時点の理解度は30%くらいです。プログラミングって難しい。。

 3歩ほど下がってみた

このままではダメだと思い「javascriptjQuery部 入門」と「PHPMySQL部」をもう一度見直し、手を動かすことに努めました。この部活を見直すのは3回目だったのですが、新たな発見や「Webサービス部でやってたことってこれだったんだ」とここで今までは”分かっていたつもり”だったんだということに気づきました。このプログラミング基礎の理解が不十分だったから、それを活用したWebサービス部でつまづいていたんだと思います。もし、同じようにWebサービス部のプログラミング難易度が高く感じてる方がいたら、一度前の部活に戻ってみることをお勧めします。ウェブカツ は自分のペースで動画視聴ができるので、こうやって理解度を上げるために何度も戻ることができるのもウェブカツ のいいところです。より理解度を上げるために、かつこれからの転職活動に活かすために、私はやっと製作物作成に取り掛かり始めました!(プログラミング学習を始めて、初めてのオリジナルサービスです。遅すぎた。)

架空のアーティストのサイトを作ってみた

今回作ることを決めた物は「架空アーティストのウェブサイト」です。一応、アーティストにはモデルがいて、実は(?)高校生の弟が軽音部で活動しているため、そのバンドをモデルとしました。何を作ろうか色々考えていた中で、実際にあるものの方がイメージしやすいのと、作ったら喜んでくれるかなっていうのが今回題材にした理由です。

↓サイトのトップページ

f:id:rintaro6343:20190630223035p:plain

今回、「javascriptjQuery部 入門」と「PHPMySQL部」で学んだことや「Webサービス部」の内容を出来るだけ入れたかったので、

ナビゲーションに

・「Blog」

・「Contact」

欄を作りました。

マイページ機能

マイページ機能を作りたかったので、今回はBlogページは会員登録をしないと読めないようにしました。

f:id:rintaro6343:20190630223912p:plain

マイページ内の機能は

・ログアウト

・退会

の実装を行いました。

これからは

・チャット欄

・いいね(お気に入り)ボタン

・いいね一覧

を作りたいと考えています。

最後に

今回はウェブカツ の進捗状況とウェブカツ でのプログラミング学習を活かした初めての製作物について書きました。

ローカル環境だけど、自分でプログラミングを書いてDBがちゃんと接続されて、会員情報を登録できたことや、ログインで登録した会員情報を正しく取り出せたことはとても嬉しかったし、自信に繋がりました。プログラミングで稼げるようになるのはまだまだだけど。

まだマイページ機能は充実させる余地があるので、そこをやりつつ、転職活動用のポートフォリオを作成しようと思います。次回のブログではポートフォリオの報告をします!(宣言)ウェブカツ も次の部活に行けたらいいなあ。

最後まで読んでくださってありがとうございました。また次のブログで。

webukatu.com