テックアカデミー　Webデザインコース　16日目

こんにちは。＠nkichiishiです。

テックアカデミー 16日目です。

　

　

16日目の進捗状況です。

昨日までに

・Lesson0〜11、12の課題以外

（課題は取り組み中　※進捗65％くらい）

・メンタリング4回　

が終わっています。

16日目に行ったこと

Lesson12の課題続き

今日も変わらず、Lesson12ショッピングサイトのコーディング課題です！

　

　

　

毎日毎日けっこうな時間やっていますが、なかなかに終わらず・・・。

　

　

このレッスンは目安時間が25時間なんですが、もう30時間は普通に超えてますね。。

　

　

今日の目標はトップページと下層ページ２つのうち１つ（レスポンシブ含む）を終わらせることでした。

　

　

と、目標を掲げるのですが、いつも達成できないことが多いので、自分の力量を知ることも大事だな。と今朝ぼやきtweetをしました。

　

おはようございます🌞
今日はショッピングサイト課題のトップページと下層ページ1つ終わらせたい。
という目標をいつも掲げて達成できないことが多いので、自分の力量を知ることも大事だな。笑#webデザイン

— つな🐟 (@nkichiishi) July 9, 2019

　

なので、ほんとは今日中に下層ページもすべて終わらせたいって感じだったんですけど、たぶん無理なのでやめました。

　

　

その結果、なんとか目標を達成することができました！

　

　

　

　

修正でテンパる

webページがどんどん出来てくるにつれて、コードの量も多くなってきます。

　

特に私なんかは、なんでもかんでも<div></div>で囲ってしまう ”とりあえず囲みまくる作戦” を実行している（してしまった）ので、さらにパンパンです。（※テックアカデミー　Webデザインコース　15日目参照）

　

　

　

そんな中TOPページの全体像ができあがって、細かいところの修正にとりかかりました！

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

コードがもりもりになってくると、何かの拍子でガタンと表示が崩れちゃうんですよね。

　

　

急に暑くなって、勢いよく上着を脱いでしまいました。

　

原因は余分に</div>があって、変なところでしめちゃってたからでした。

カルーセルを作成

そしてなんとか表示崩れを修正し、最後にやろうと思っていたのがJavaScriptとjQueryでカルーセルを作ることです！

TOPページとかでよくある、画像が勝手に何枚かスライドしたりするやつです。

　

　

　

これと同じ動作はこのLesson12のカリキュラムでやったばかりだったので、それをじっくり見ながら行いました！

　

　

　

　

　　

　

まぁ、jQueryに関してはこの前もたくさん調べて、実際に行なったので今度は大丈夫でしょって感じでした！（※テックアカデミー Webデザインコース 13日目参照）

醜いTOPページ

以下、カルーセル表示をつかったTOPページ画像です！

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

画像がたまに高速でシュッ！！って現れてますね。

　

　

まぁ動いてるっぽいので問題なさそうですが、なんかもう全然違います。（泣）

ボタンの形も全然違う。。

押しても反応しない。。。

　

　

　

　

　

　

　

　

　

手こずりました。。　

なんとか目標達成！

この問題をなんとか解決して、TOPページが終了！

　

その後に下層ページも１つ終わり（頑張った）、今日の目標は達成しました！！！

　　

16日目のまとめ

明日は下層ページ２つ目を書いて、全体の細かい部分の修正を行います。

　

そしてできれば課題提出したい・・・！

　

　

　

　

　

　

残り12日です！