適当に「うーん大体こんな感じかな?ここのレイアアウトはこんなもんで・・・」みたいなふんわり設計でスタートしたことがそもそもダメでした。設計しておけば、全てとは言いませんが無駄な書き直しは防げたハズ。「んもぉぉぉぉぉ!」って何度思ったかわかりません。クラス設計が難しかったウェブサービス部の最大の難関はもちろんphpですが、見た目もキレイなサイトに整えるために大切なのが、cssのクラス設計です。ウェブカツで学んだソースコードを見つつ、自分のサイトにアレンジさせて作ってゆく過程で「ウェブカツのクラス設計、すごい!」と今更ながら気が付きました。模写をしていた1周目の時は、どうしてこんなにクラスをたくさんつけるのか?よく分からなかったのです。1つのタグに複数クラスが付いてることに煩わしささえ覚えていましたが・・・必要なんですね~~。255h(内補足141hWEBサのアウトプット続き。ページ遷移の流れを大きく変更したのでめげそうになったけど、やればできた~キーワード検索機能も実装できたぁ~。今日は盛りだくさんすぎた。2019今回のサービスの中で一番、「これ無理だ、やめとこ・・・」と思いながらもダメ元でやってみた機能がキーワード検索です。キーワード検索自体はネット調べたらソースは見つかるのですが、その時はすでにサービスは完成目前。関数として出来上がっているコードの中に、どのようにそれを組み込んでゆけばいいの???という所にけっこう頭を使いました(苦手なページネーションと絡んでるコードだったので、余計に・・・)。そこに来るまでに関数の中身を何度も何度も見直して構造は理解していたので、「落ち着け、やればできる。」と言い聞かせ、なんとか実装できました・・・!きり漫様にて、今回キーワード検索を実装するための大きなヒントをいただきました。一度諦めた機能だけに、これはすごく嬉しかったです。配色は自分で考えないプログラミングを勉強している私ですが、WEBデザイナーになりたい訳ではありません。なりたくないと言うよりも、ものすごく自信が無いのです。今回のアウトプット作品を作るにあたっても、なるべく避けたい配色選定。ダサすぎるサイトを作ってしまうのが怖くて、もう最初っから本を頼りにすることに決めていました。今回お世話になったのが、配色アイデア手帳という本です。この手の本は初めて買いましたが、みていて楽しくなるような配色がたーーんまり載っています!自分では考え付かない組み合わせだらけ。今後もお世話になりそうでっす。オブジェクト指向部&ワードプレス・・・!難関だったWEBサービス部を終え、いよいよ次の部へ進みました。私が「プログラミング勉強したい!ウェブカツすごく良さそう!」と思うきっかけとなったワードプレス部がもう目の前。プログラミングは一人でコツコツできるので、改めて良いな~と感じています。先のことも考えていかなきゃ。ウェブカツを卒業してからでは遅すぎる・・・>>>オンラインプログラミング学習スクール・ウェブカツ!(アフィリエイトリンクではありません)他のウェブカツ進捗記事もどうぞ。ウェブカツ!でプログラミング学習ウェブカツ!でプログラミング学習をはじめてもう2カ月近くなります。初心者からスタートし、今までは楽しみながらやっていましたがここにきて「わからん病」に陥ることに。プログラミングの独学は...mutimutisan.com2019.06.14プログラミング学習1カ月半の進捗|ついにWEBサービス部解禁オンラインプログラミング学習スクール・ウェブカツ!に入部して早くも1カ月半が経ちました。初心者からのプログラミング学習はすでに色々煮詰まっていますが、これからプログラミング勉強したいけど・・・...mutimutisan.com2019.05.31プログラミング勉強シェアするTwitterFacebookはてブPocketLINEコピーmiyaむちむちコード関連記事プログラミング勉強ウェブカツでプログラミング学習!選んだ理由と、2週間たった感想を。ウェブカツでプログラミングを勉強して2週間経ちました!ざっくりした感想や、気になることなどをシェアします。プログラミング勉強プログラミング初心者がウェブカツを始めて、1か月の感想と進捗。ウェブカツにこの4月から入部して、ちょうど1か月経ちました。プログラミング完全初心者からのスタートで、どんな感じ?どんな勉強してるの?という所を感想と共にシェアします。ウェブカツは、HTML・CSS・JS...プログラミング勉強クリックした要素から近いdata属性の値を取得(children使用)要素をクリックしたら、クリックした直近要素のdata属性の値を取り出したい。