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

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

こんにちは。@nkichiishiです。

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

 

11日目の進捗状況です。

 

昨日までに

・Lesson0〜11

・メンタリング2回 

が終わっています。

目次

11日目に行ったこと

Lesson12の課題に取り組む

Lesson11の課題も無事昨日終わったので、Lesson12 ショッピングサイト の課題コーディングに清々しく突入です!

 

昨日Lesson12の課題までいったものの、全然わからなくて途方にくれている最中、Lesson11の課題の再提出のご案内がきました。※テックアカデミー Webデザインコース 10日目参照

実質今日から課題に着手ですね!

 

 

 

よっしゃー!バリバリ書くぞー!!

 

 

今日の目標は、ショピングサイトTOPページのヘッダーとフッター、サイドエリアくらいまでいければ良いかなという感じでした。

 

まずはヘッダーのコーディング!

 

レスポンシブにしないといけないので、最初はスマホ版を想定してやりはじめました。

 

 

 

 

 

昨日は途方に暮れてしまったけど、焦らずひとつひとつ丁寧にやっていけば終わるはずだよな。うん。

 

 

 

今まで習ってきたことをひとつひとつ遡って、焦らず丁寧に、かつ自分でもわかりやすく記述していけば確実に終わるはずです。

 

カリキュラムにも書いてますもん。

「これまでカリキュラムで学んできた事で十分コーディングする事ができます。」と。

 

 

前回の模写の課題は、自分で書いててものすごく見づらいコードになってしまったので、後からみてもパッとわかるような記述を目指しました。

 

 

 

 

 

カタカタカタ。。隣の女の人さっきからお腹すごいなってるなぁ。。。

あんなお腹のなり方久々に聞いた。。すごい音だなぁ。聞いてるこっちが恥ずかしくなってきた。

 

 

 

ダイエット中なのか、朝から何も食べる暇がなかったのか、図書館で隣に座ってる女の人のお腹の音をBGMにコードを書いていました。

 

 

 

 

 

とりあえずヘッダーのHTMLはこんな感じかな?

うん。表示わちゃわちゃだけど、CSSで装飾したら良くなるよな。

  

 

HTMLもさながらですが、CSSの記述もめっちゃ調べながらやりました。

CSSってほんとに記述方法がいろいろあって何を使うのがベストなのかいまいち良くわからない。。

 

 

うーん。とりあえずこれで一回みてみよう!コードの見やすさはバッチリだ。

  

 

  

 

 

 

 

 

・・・。

まぁ、最初から上手くいくわけないよな!

   

まぁ、全然思い通りになってませんでした。。 

わけわからん状態に陥る

それから色々と試行錯誤を重ねていった結果

 

 

 

 

 

 

 

 

 

 

 

これ、パソコンがおかしいんじゃね?

  

 

と「パソコンのせい」にする始末。。

早くもわけわからん状態に陥っていまいました。 

 

まともにできてなさすぎて、Slackでメンターに聞こうにも聞けない。

 

 

「ヘッダーはどういう風に作ったらいいんですか?」

と、聞くしかない状態。

 

 

 

 

 

 

うわああああああぁぁぁぁ!!!わからない!!!!わからなすぎる!!!!近くにWebデザイナーの方いませんかぁ?!?!?????

 

  

ほんとに、近くにパーソナルメンター欲しい(泣)

 

そんな感じで今日はヘッダーすら完成できませんでした。。 

11日目のまとめ

以下、今日の成果物です!!!

 

 

半日かけたヘッダー部分

 

スマホ版なのに縮小したらズレる…

 

 

  

 

半日かけてこれだけかい…。しかもうまくできてない。笑

今日は諦めました!!泣

 

また明日頑張ります。

 

残り17日です!

 

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

コメント

コメントする

CAPTCHA


目次