はじめに
2024年10月からデイトラのWeb制作コースの受講をスタート。
現在は初級編を終えて、中級編に突入しました。
アウトプットをしてしっかり知識として定着できるよう、記事に残しながら進めています。
OneNoteにメモしながら受講したものを記事にまとめていますので、
実際の受講日と記事の公開には若干のタイムラグがあります。
なるべくリアルタイムになるように心がけますが、受講優先のためご容赦ください。
これからデイトラWEB制作コースの受講を考えている方
実際に受講した記録になりますので、雰囲気や大変度合いを測っていただけるかと思います！
現在進行形でWEB制作コース受講中の方
一緒に頑張っていければうれしいです！X（旧Twitter）などで交流しませんか！
卒業生の先輩方
懐かしんでいただければ・・・笑
自分なりに調べた記録も付加していますが、もし間違ってるよー！等ございましたらこっそり教えていただけますと嬉しいです。
中級編DAY1の押さえておきたいポイント
Figmaショートカット
T 文字
R 四角形
A アートボード
⌘Z 戻る
Shift ⌘ Z 進む
⌘G グループ化
- ひとつの要素を選択し、Altを押しながら他の要素を触ると要素間の幅を確認することができる
- shiftを押しながら矢印キーで移動すると10pxずつ移動させることができる
デザインカンプを作る
最初にコンテナー（インナーともいう、グリッド、全体の横幅を定義する）を決めて作ってあげるときれいにできる
作る時の観点としては・・・
- 画像に対して中央揃え！
- 複数の画像を等間隔に配置する！
など、コーディング時にどうやるのか想像、意識しながら作るとよい。
中級編DAY1の追加で調べたいことメモ
- Figmaのショートカットキーについて知っておこう
中級編DAY1の感想と記録
いよいよ中級編に突入！
初級編の振り返りもしたかったけれど、どうしても先に進めたくて先にはじめてしまいました・・・笑
初日はFigma！
実はデザインコースも少しだけやっていたことがあり（その話はまた追々・・・）
Figmaは何回か触っていたのでつまずくことなく進めました！
ただ、コーディング目線だとまた意識するポイントが違っていて、なるほど〜と頷くことばかり。
Figmaの操作できるからと言って、飛ばさずにしっかりやってよかったなと思います。
さて引き続きがんばるぞ！
