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

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

こんにちは。@nkichiishiです。

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

 

 

12日目の進捗状況です。

昨日までに

Lesson0〜11、12の課題以外

(課題は取り組み中 ※進捗2%くらい

・メンタリング2回 

が終わっています。

目次

12日目に行ったこと

メンタリング3回目

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

 

 

メンター
メンター

現在行なっている学習で何かつまづいていることはありますか?

  

つまづきすぎて、もう何がつまづいているのかわからないです。思い返してみると今までの人生もつまづきの連続だったと思います。つまづいて転んでたら、おいてかれんだ〜♪って某全力少年も歌ってました。私はおいてかれたくありません。ここんとこは仕事オンリー♪ではないですけど…。(無職5日目)

  

メンター
メンター

CSSの書き方に手こずっているようですね。

メンター
メンター

まず、HTMLをすべて書き上げてから、CSSに取り掛かったほうがわかりやすいと思います。

メンター
メンター

あと、スマホ用のデザインより、先にデスクトップ用をやってしまったほうが、全体像が見えやすいのでオススメです。

 

そうなんですか?!メモメモ!!!

コードの書き方を検討

私は昨日まで、

 

①スマホ版のヘッダー、フッターを整える

②PC版のヘッダー、フッターを整える

③サイドメニューを整える

④メインを整える

 

の順番で行なっていました。(行おうとしてました)

 

そして ①のヘッダーを整える 部分でつまづいて半日が終わりました。※テックアカデミー Webデザインコース 11日目 参照

  

というか、テキストのヒントの項目に、こんな順番でやったらいいですよ的なことが書いてるんですよ。

確かに、いままでのLessonもこんな感じの記述の仕方でした。

 

 

 

 

もうこんなヒント無視して、メンターの言ってたようにやろう。

 

 

・HTMLを全て書いてしまってから、CSSを書く

・PC版からやる

 

 

今日はこれでTOPページをやり始めました。

 

 

 

HTMLめっちゃ書くぞー!!!

HTMLを書きまくる

とりあえずヘッダー、フッター、サイドページの共通部分のHTMLを落ち着いてばーっと書きました。

 

HTMLも所々記述の仕方がよくわからない部分もあったのですが、CSSほどではありません。

 

 

あとどうしてもわからない部分はSlackで質問しようと思って、メモを残しておきました。

とりあえず書けるとこまで書きました。

 

 

HTMLたくさん書いただけで、なんだか達成感!!!

 

 

昨日よりだいぶ達成感が生まれました!

 

しかし、実際みてみるとCSSを記述してないのですべて左に寄っていて、今にも画面から突き出してきそうです。

 

 

  

 

でも、なんかCSSちゃんと書いたらできそう・・・。

 

 

昨日までCSSを、SassやCompass、skeleton (テンプレ)など駆使して書いていたのですが、やめました。

 

 

ちょっと初心者には難易度が高すぎました。(私だけかも)

 

とりあえず、そんなツールを使う前にCSSの基礎すらわかってなかったらどーにもならんでしょ!!

あと逆に時間かかりそう。

 

 

っということで、シンプルなCSSですべて書くことにしました。

無我の境地に入る

・・・。なんか今日はできる。できるぞ。

みんな!!オラに元気をわけてくれ!

この調子でずっとやり続けたい!!!!

 

 

  

と思ったんですけど、夕飯も食べずに21時くらいまでやっていたので、ヘトヘトになってやめました。

今日元気がなかった人、すいません。私のせいかもです。

12日目のまとめ

やり方を変えただけで、今日はなんだかうまくいきました!

でも、まだスラスラかけるわけではないので、スピードは遅いけど。。

PC版の形が見えてきました!

 

 

この調子で明日もやっていきたいと思います!!

明日も同じ調子だといいなー。笑

 

 

残り16日です!

 

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

コメント

コメントする

CAPTCHA


目次