Webデザイン勉強日記②

勉強日記2 Study

はじめに

こんにちは。タイムリーな勉強日記をお届けするはずだったかえちです。

せめて毎週まとめてブログに記録しようと意気込んでいたのですが

かえち
かえち

余裕が想像以上にがなさすぎる(絶望)

受講1ヶ月前から自前受講して結構ペース的には本来のスケジュールより巻いてはいるのですが…。実はメンタリングサービスが開始しまして、メンターにすごく急かされている状況でございます。詳しくは後述します。

メンタリング開始

私の通うスクールにはメンター制度があり、週2回担当のメンターさんとのオンライン面談があります。そこでわからないことを質問したり、目標を設定したりして、受講者のモチベーションを保つというスクールのサービスです。

私の担当は30代前半〜半ばの男性でした。すでに私の低語彙力を汲み取ることができ、一目置いています。本当に申し訳ない。

彼曰く、絶対につまずくポイントが2箇所あり、そこに時間が取られるためできるだけ今は巻きで!とのことです。

私が4ヶ月コースなのですが、働きながらだとあまり余裕がないスケジューリングだと今更理解。

ということで、今結構無茶むりされたスケジュールで頑張っております!!

現状勉強したこと

  • フレームワーク作成方法
  • フォトショップの使い方
  • HTMLとCSSの基礎

フレームワークはデザインを作る前の下書きのような感じで、クライアントとイメージを擦り合わせるのに使ったり、フォトショップでデザインを作る前に大体の構想を練るのに使います。

とてもざっくり理解。まあ本当にメモくらいの感覚。

Photoshopはデザインカンプを作成するのに使います。そのカンプをもとに、HTMLとCSSでサイトを作っていきます。仕事でIllustratorを使うので、正直余裕だと思っていましたが、意外と難しい。割と操作が違う。

しかし最終直感クリア!調べたらGoogle検索やYoutubeでたくさん出てくるので、調べながらクリア!

バナー制作課題がありましたが、こちらも手直しされる気満々で行くと、合格していました。文字部分は完全に「適当にボタン押してたらいい感じになった」という再現性の不可能なので先行き不安です。

後もう一つの課題が、「スクールで作られたデザインの一部を自分で画像用意して変えなさい」というものがありましたが、こちらは比較的簡単でした!スクールが教えるクリッピングマスクの簡単な操作方法が機能せず、戸惑いましたが右クリックしたら「クリッピングマスク」項目出てきてクリア。原始的クリア。

HTMLとCSSは流すべし

私のスクール文章でひたすら説明しているのですが、HTMLとCSSに関してはもう読んでもわからないのです。Progateで予習していたにも関わらず、頭に入ってこない。

最初は律儀にノートにまとめていたのですが、これは果てしないと気づいてから流し読みすることにしました。

メンターにも「覚えようとしないでください。やってくうちに覚えていくもの。または検索しながら書くもの」と教わりました。

2回目のメンタリングでメンターがHTMLの書き方を教えてくれたので共有します!

  1. 大きなまとまりに分ける(header/profile/works/footerなど)
  2. そのまとまりの数だけ最初は<div>で書いていく
  3. まとまりごとに、さらにその中で何個のまとまりがあるか考え、またその分<div>書く
  4. 解釈後に<div>を適切なタグに書き換えていく
  5. CSSを書いていく

HTMLは実は全てdivで書けるようです。SEO対策とかその他諸々の理由で適切なタグ付けが最終必要ですが、最初はdivで書いてみてくださいとのことでした。

最初にまとまりを意識して全体像を把握することに重きを置いています。タグ付けに時間を割くのは二の次ということですか。勉強になりますね。

立ちはだかる問題

今もHTMLとCSSを学んでいる最中ですが、やっぱり頭に入らない(笑)

これで「はい、書いてみましょう」は絶対無理なんだが。このスクールは基本1人で教科書読んで進めるようなものなので、いかに先生が逐一教えてくれる学校が偉大かがわかります、、。メンターがその役割なのでしょうけど、少し心もとないですね。宿題は出るので尻だけ叩かれとります。

仕事終わりに理解できない文章をひたすら読むの辛い。めちゃくちゃ眠たくて、何度も同じところを読んでました。ダメだと思って20分仮眠するところ2時間も寝てました。まあ起きれるわけない。

それでも机に向かうのは早く転職したいから!頑張るぞ〜

コメント