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

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

こんにちは。@nkichiishiです。

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

目次

このブログと私の名前について

このブログ見てくださっている方

「この人、受講期間毎日ブログ書くの? 」

「”テックアカデミー365日目です。開講から1年が経過しましたね。” とかなっていくの??」

 

など、思っているかもしれませんが、私は4週間コースなのであと20日で終わります。安心してください。

(でも終わっても書き続けたい)

 

4週間コースって、プログラミングを実務で扱っている人か、無職じゃないと絶対無理な気がします。

理解に相当時間かかります。私の頭が弱いだけかもだけど!!!

9日目に行ったこと

昨日までの進捗

9日目の進捗状況です。

 

昨日までに

・Lesson0〜11(11の課題は未着手)

・メンタリング2回 

までは終わっています。

Lesson11課題に取り組む

今日は、Lesson11の課題と、Lesson12 ”ショッピングサイト” のチャプターに手をつけられればいいかなという目標でした!

 

結果としては課題の提出だけで終わりました!!!

おふぅ。。

 

Lesson11”コーポレートサイト”の課題は

”コーポレートサイトの下層ページ制作(2つ)” です。

模写です!

下層ページなのでTOPページよりは複雑ではありません。

 

Googleのデベロッパーツール(検証機能)を使って、サイトを模写します。

 

検証機能ってほんと便利ですね。

Webサイトがどういうコードでできているかわかっちゃうんですもん。

 

このWebサイトめちゃくちゃ素敵だなー。検証!!とやればどういう風にできているのか知ることができます。

 

見た目すごいイケメン!美少女!でも中身はどうだろう。検証!!

で、人間にも使えたら便利ですよね。

私はそんな世の中になったら山奥でひっそり暮らしますが。笑

 

検証機能を使って模写とか、もう答え丸写しな教科書見てOKルールのテストみたいなもんじゃん。

って思ってました。

  

 

 

  

 

 

 

うん。検証機能の使い方わけわかめ。

  

 

打ちのめされました。。

チャプターでもちゃんと説明はされているんですよ。

実際ちょっと使ってみると、あーこういうことね。ってなるんです。確かProgateでもちょっとやった気がする。

 

でもそれを使って、はい。模写してくださいってなると、全然うまくできず!!!

 

とりあえず自力でたまに表示がぐっちゃぐちゃになりながら

模写ってなんだっけ?とか思いながらも

コツコツと・・・

  

 

・・・

 

完成には至りませんでした。笑

 

ここはもうSlackでメンターに頼るしかありません。

メンターに助けを求める

ここの表示がすごくズレまくっていて、とても恥ずかしくて見せられないサイトになっています。こんなサイトを掲載したら、会社のためにも顧客のためにもなりません。Lose-Loseです。どうしたらいいでしょうか。Webデザイナーとしての信用も失ってしまいます。まだ卵ですけど・・。ひよこにもなれてないですけど・・・。

 

メンター
メンター

cloud9を確認するので少し待っていてくださいね。

 

cloud9とは、書いたコードを共有できるツールです。テックアカデミーでは、常にコードをcloud9で書きます。

 

メンター
メンター

ここの</div>位置関係で、表示崩れが起きていると思われます。

 

ありがとうございますっ!やってみます。

  

メンターの人ってほんとすごいです。

見ただけですぐわかっちゃうんですもん。

私が書いたぐちゃぐちゃのコードまでも。尊敬する。。。

エラーだらけのHTML

なるほど、</div>の位置関係が悪かったのか。一回ちゃんと間違いがないか確かめないとだめだな。

  

 

HTMLの記述を確かめるために Markup Validation Service というのがあります。

レッスン内でも紹介されているんですが、使うのをすっかり忘れていました。笑

自分の模写したコードをコピペして貼り付けると、おかしな箇所を指摘してくれる画期的なヤツです!

 

 

実際に確かめてみたところたっくさん </div> にerrorが出ていました!!

  

模写していたつもりなんだが。模写ってなんだ…。

課題完成!

</div>位置間違えまくり問題でだいぶ時間をロス!

そして試行錯誤しこねくり回して回しながらなんとかこれならWin-Winだろという下層ページができました。

 

  

これまだあと1ページあるの・・・?

と絶望。。

 

 

しかし、下層ページのベースが作れたので、2つ目はそこまで時間をかけずに完成することができました!!

 

 

今日だけで12時間くらいはやっていたと思います。

 

途中行き詰まっているときに、ブツブツ独り言を喋ったり、メガネをしたまま目薬をさしたりしちゃいましたが、なんとか正気を保ったまま1日を終えました。

 

 

この勉強をはじめてから、コード書くの夢中になっちゃいます。

問題解決したときは 「よぉっしゃー!俺天才かも?」 と歓喜しちゃうし、やってて楽しさがありますね。

9日目のまとめ

23時過ぎてから課題を提出したので、評価は明日になります!

何言われるかなあ。見た目はほぼ完璧にしたつもりだけど。。。

 

 

また明日頑張ります。

 

残り19日です!

 

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

コメント

コメントする

CAPTCHA


目次