MENU
アーカイブ
つな
医療従事者からWebデザイナーへ転職。現在はフロントエンドエンジニア。このブログでは私自身が異業種からWeb業界に転職した体験を元に、Webデザイナーやコーダーを目指す方に役立つ記事、サイト制作にまつわる知識や技術について発信しています(適当な日記もたまに)。

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

こんにちは。@nkichiishiです。

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

 

 

15日目の進捗状況です。

昨日までに

・Lesson0〜11、12の課題以外

課題は取り組み中 ※進捗50%くらい)

・メンタリング3回 

が終わっています。

目次

15日目に行ったこと

メンタリング4回目

今日は4回目のメンタリングでした!

 

 

 

メンター
メンター

では、進捗状況を教えてください。

 

はい。前回のメンタリングで言われた通り、ショッピングサイトの共通部分まで終わりました!また、最近は、私コード書いてます感があります。これは成長しているということで良いでしょうか?なんでもやり続けるということは力になっていきますね!継続は力なりという言葉が久々に身にしみました。昨日は夕飯をたらふく食べてたくさん寝たのでちょっと体調も良いです♪

 

メンター
メンター

進捗は良いですね。素晴らしいです。

 

 

今日のメンタリングまでの宿題だった、ショッピングサイト課題の共通部分は昨日のうちに終わらせました!

 

次のメンタリングまでに何を終わらせるという区切りがあると、学習していく上で計画を立てやすいですね。

 

なんせ受講期間が4週間なので、計画というか進めれるだけ進めるって感じですが。。

classつけまくりマン

メンター
メンター

何か、つまづいている部分はありますか?

 

HTMLのclassについてなんですが、classの付け方がイマイチわからなくて、、これでいいのかなっていう感じです。

 

メンター
メンター

なるほど。ちょっと確認してみますね。

 

 

 

最初のうちはコーディングをしていく中で

 

「あ、ここもclassをつけとくべきだったか」

「あ、ここも付け足しとくか・・」

 

みたいに後付け作業が多発していたのです。

 

なので

 

「もうとりあえず全部にclassつけとくか!!」

 

と思い、ほぼすべての要素にclass付けをしました!

それと同時に<div></div>を量産し、”とりあえず囲みまくる作戦” を実行しました!!

 

 

 

メンター
メンター

確かに、classの量が多いですね。あとこれは ”とりあえず囲みまくる作戦” を実行しましたか?

 

 

 

よまれてる・・・。

 

 

 

 

いたるところに

 

<div class=”toriaezuclasstuketoke”></div>

<div class=”toriaezukakondoke”></div>

 

などと付けていたので、HTMLがもりもりになってしまっていたのです。。

 

しまいには

<p class=”商品の説明が入ります商品の説明が入ります商品の説明が入ります”></p>

と書いていて

 

 

 

なんで「商品の説明が入ります」が反映されないんだ!!!

 

 

 

となっていました。笑

 

 

 

 

メンター
メンター

ちょっと無駄な要素がありますが、とりあえず見た目的にはできているので良しでしょう。

 

メンター
メンター

しかし、ユーザー目線で考えるとあまり快適とは言えないですね。

これからはそういう部分も意識できるようにしましょう。

 

 

わ、わっかりました!!!

 

 

とりあえず、classの付け方も徐々に学んでいきたいと思います!

あと class と id の使い分け方もすんごくあやふやなので、その点についても。

 

@Lokiさんのtweetも参考になりました。ありがとうございます。

 

 

次回のメンタリングまでに Lesson12 ショッピングサイト課題の合格 ができているようにと言われたので、明日からまた突っ走ります!

15日目のまとめ

に、しても ”とりあえず囲みまくる作戦” 実行してる人多いんじゃないかな・・。

 

 

信長包囲網 とか ヤシマ作戦 みたいにかっこいい名称ないかな?

 

 

 

 

 

 

 

でも自分だけだったら恥ずかしいからいいや・・・。

 

 

 

 

残り13日です!

 

シェアする
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次