ウェブカツ | プログラミング初心者のPHPアウトプット作品できました

ウェブカツウェブサービス部のアウトプットプログラミング勉強

4月からウェブカツ!にてプログラミングを学習しています(女性割引利用)。

この2ヶ月半勉強してきて、一番「うぅぅ」と苦しみつつ進めたWEBサービス部。

そのアウトプット作品が、やっと出来上がりました。

これは、半月まえのツイートです。こんな情けなツイートしてた人でも、完成させることができました~(うれしい)。

WEBサービス部の理解もぐっと深まりましたよ!

ネットに上げて実際稼働させるにはまだまだですが、自分で考えたものを形にできたことは大きな自信につながりました。

とはいえそれなりに大変だったし反省点もあるので、そういったことも含めた感想を書いてゆきます。

アウトプット作品は、短文登録サイト

作ったのは、こんなサイトです。

口コミ投稿・・・ではなく、短文投稿サイト。

主な機能は以下の通りです。

  • ユーザー登録
  • パスワード変更時のメール送信機能
  • 投稿・編集
  • 全投稿の閲覧
  • お気に入り登録
  • カテゴリー検索
  • カテゴリー&キーワード検索機能

こうやって挙げてみると、あまり「すごい!」という感じはしませんが・・・

でもまぁ、予定していた通りのシンプルな作りになっております。

6月15日に着手して完成が同月26日なので、11日間かかっています。

私の場合平日は時間がとりやすく、1日最低4時間は稼働できるため、だいたい50時間前後で完成~ということになります。

苦労した点とその原因

作り始めてからというもの、毎日せっせとプログラミングという名の山登りをして、登頂~!しばしの達成感・・・しかし翌日また谷底へ・・・

という感覚の繰り返しでした^^;

プログラミングを勉強し始めたばかりの人が作品づくりに苦労に慣れて当然のこと。

ですが、もう少し考えて着手していればもっと効率よく作れたのになーと思っています。

必要なページ・機能の洗い出しが甘い

必要以上に手こずった一番の原因は、コードを書き始める前にあります。

そう。計画が甘い!のです。

適当に「うーん大体こんな感じかな?ここのレイアアウトはこんなもんで・・・」みたいな

ふんわり設計でスタートしたことがそもそもダメでした。

各ページが仕上がって1つのサイトになろうとする頃になって、

「このページ要らなくない?」

「あ、この機能も必要だわ・・・」

「この関数書き換えなきゃ・・・」

「え、ここに影響がでるの?」

「cssのクラス、どことどこがどうなってるのかさっぱりワカラン」

後からあとから次々問題発生。

最初からきっちり設計しておけば、全てとは言いませんが無駄な書き直しは防げたハズ。

「んもぉぉぉぉぉ!」って何度思ったかわかりません。

クラス設計が難しかった

ウェブサービス部の最大の難関はもちろんphpですが、見た目もキレイなサイトに整えるために大切なのが、cssのクラス設計です。

ウェブカツで学んだソースコードを見つつ、自分のサイトにアレンジさせて作ってゆく過程で「ウェブカツのクラス設計、すごい!」と今更ながら気が付きました。

ただ模写をしていた1周目の時は、どうしてこんなにクラスをたくさんつけるのか?よく分からなかったのです。

1つのタグに複数クラスが付いてることに煩わしささえ覚えていましたが・・・必要なんですね~~。

こういうのも前もって決めなきゃだから、コードを書く前段階の作業はほんと大変ですね^^;

 

できた!が増える嬉しさと、できるか不安な気持ち

今回のサービスの中で一番、「これ無理だ、やめとこ・・・」と思いながらもダメ元でやってみた機能が

キーワード検索です。

キーワード検索自体はネット調べたらソースは見つかるのですが、その時はすでにサービスは完成目前。

すでに関数として出来上がっているコードの中に、どのようにそれを組み込んでゆけばいいの???

という所にけっこう頭を使いました(苦手なページネーションと絡んでるコードだったので、余計に・・・)。

でも、そこに来るまでに関数の中身を何度も何度も見直して構造は理解していたので、「落ち着け、やればできる。」と言い聞かせ、なんとか実装できました・・・!

きり漫様にて、今回キーワード検索を実装するための大きなヒントをいただきました。

一度諦めた機能だけに、これはすごく嬉しかったです。

配色は自分で考えない

プログラミングを勉強している私ですが、WEBデザイナーになりたい訳ではありません。

なりたくないと言うよりも、ものすごく自信が無いのです。己の配色センスに・・・

 

今回のアウトプット作品を作るにあたっても、なるべく避けたい配色選定。

ダサすぎるサイトを作ってしまうのが怖くて、もう最初っから本を頼りにすることに決めていました。

今回お世話になったのが、配色アイデア手帳という本です。

この手の本は初めて買いましたが、みていて楽しくなるような配色がたーーんまり載っています!

自分では考え付かない組み合わせだらけ。

今後もお世話になりそうでっす。

いよいよオブジェクト指向部&ワードプレス・・・!

難関だったWEBサービス部を終え、いよいよ次の部へ進みました。

もともと私が「プログラミング勉強したい!ウェブカツすごく良さそう!」と思うきっかけとなったワードプレス部がもう目の前。

楽しみだー。

 

プログラミングは一人でコツコツできるので、改めて良いな~と感じています。

早く仕事にしたい。そろそろ先のことも考えていかなきゃ。

ウェブカツを卒業してからでは遅すぎる・・・

>>>オンラインプログラミング学習スクール・ウェブカツ!(アフィリエイトリンクではありません)

 

他のウェブカツ進捗記事もどうぞ。

PHPと向き合う1ヶ月 | ウェブカツ!でプログラミング学習
ウェブカツ!でプログラミング学習をはじめてもう2カ月近くなります。 初心者からスタートし、今までは楽しみながらやっていましたがここにきて「わからん病」に陥ることに。 プログラミングの独学は難しいというけれど、確かに煮詰まった時に...

 

プログラミング学習1カ月半の進捗|ついにWEBサービス部解禁
オンラインプログラミング学習スクール・ウェブカツ!に入部して早くも1カ月半が経ちました。 初心者からのプログラミング学習はすでに色々煮詰まっていますが、これからプログラミング勉強したいけど・・・という方のご参考になりましたら嬉しいです...

 

タイトルとURLをコピーしました