meg｜Web制作学習中💪🏻🔥

#デイトラ #Web制作 コース受講中｜とても元気な2歳児がいます｜特殊な職業の夫を支えるため、我が子のために学習中｜日々の学習を発信します_✍🏻｜リベシティ🦁

[meg｜Web制作学習中💪🏻🔥 @megn_342]

@sakito_web 慣れでしょうね💦
数をこなしたいですね〜！

[meg｜Web制作学習中💪🏻🔥 @megn_342]

先に静的コーディングを全部すると、WordPressで動的化するときにHTML構造やクラス名が一致せず、困っちゃうことがあるんだな⋯⋯勉強になった😤

最初からWordPressが出力するHTMLを意識して静的コーディングするのは、数をこなして慣れないと難しそうですね！

[meg｜Web制作学習中💪🏻🔥 @megn_342]

子どものお昼寝中に学習しているので、学習できていても子どもが起きてきてログを書く時間が無く少しモヤモヤ🌀

明日も頑張ろう💪✨️

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 6/23

✅️卒業制制作
・サイドバー（30分）

自作コードでサイドバーを制作

新着情報をサブループ、カテゴリをループで制作後プラグイン「Category Order and Taxonomy Terms Order」でデザイン通りに並び替えました

⏰️総制作時間：51時間21分

#デイトラコミュニティ #デイトラ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 6/17

✅️卒業制制作
・ページネーション（60分）
・パンくずリスト（19分）

静的サイトと自動生成されたHTML構造やクラス名が一致せず作り直し。後回しにしていたgulpfileも書き直してフォルダ構成を整理しました😤

⏰️総制作時間：47時間55分

#デイトラコミュニティ #デイトラ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 6/13

✅️卒業制制作
WordPress環境構築（43分）

テーマの初期設定やファイルの分割などをしました。
動画教材の復習をしつつNotionにまとめながらなので進みが少々遅いですが、学習内容をしっかり身につけたい。

⏰️総制作時間：44時間42分

#デイトラコミュニティ #デイトラ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 6/12

✅️卒業制制作
静的コーディング完了🎉

全ページのピクパ終了しました！
大体は line-height が悪さをしていました🤭
いい経験になった⋯

制作時間に5時間程の過不足⋯
やっぱり手動は信じちゃ駄目ですね😂

⏰️総制作時間：43時間59分

#デイトラコミュニティ #デイトラ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

卒業制作の完成見本サイトって見た方がいいのかなぁ

でも実案件で完成見本サイトなんて無いしなぁ

結局、見ずに進めてますが…😂🙏🏻

#デイトラ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

@y_kikurin__ 成長して体力がついてきた娘
歳を重ねて体力が落ちてきた母

つらいです😂😂😂

自分時間が無くなると精神的にもきます〜！

[meg｜Web制作学習中💪🏻🔥 @megn_342]

2歳4ヶ月の娘
早くもほとんど昼寝ナシ突入😂

何事も体力が必要だと思い、どこに行くにもベビーカー無しで徒歩にした結果、なかなか体力のある子に育ってきました🎉✨

親は休憩時間無しで大変ですが
頑張ります💪🔥🔥

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 5/31〜6/7

✅ 卒業制制作（5時間25分）
静的ページのピクセルパーフェクトと品質担保チェック

SPとPCでline-heightが違う罠にハマり続けて時間が溶けましたが、やっとこさ残りトップページのみ🎉

引き続き頑張ります💪

⏰️総制作時間：49時間08分

#デイトラ #デイトラコミュニティ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

@ichinose_you 私も卒業制作で同様のケースで困りましたが、デザインモードでシャドウを消した画像をDLしました！

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 5/27〜29

✅ 卒業制制作（4時間37分）
ピクセルパーフェクト と 品質担保チェック

サービスページやっとこさ終了しました😭👏
今はデザインの再現性＞保守性を取り、Modifierで細かいところまで合わせました。

⏰ 総制作時間：43時間43分

#デイトラ #デイトラコミュニティ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 5/24〜25

✅️卒業制制作（4時間04分）
ピクセルパーフェクト化 と 品質担保チェック

1行目を合わせると2行目がずれる
2行目を合わせると3行目が⋯
を繰り返しており沼にハマっています

時間が溶けていく😇

⏰ 総制作時間：39時間06分

#デイトラ #デイトラコミュニティ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

📚️Responsive Viewer についての参考記事
https://t.co/qDOtu6oY1m

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 5/21〜23

✅ 卒業制制作（2時間37分）
・お問い合わせページ
・DL完了ページ

Pixel perfectと品質担チェックが終わって
静的コーディング完了🎉

レスポンシブの確認は
Responsive Viewer が簡単でした😊

⏰ 総制作時間：35時間02分

#デイトラ #デイトラコミュニティ

[meg｜Web制作学習中💪🏻🔥 @megn_342]

この方のアニメーション
可愛すぎて好き…🐇💕

[yui540 @yui540]

かわいい漫画ビューワーの公開までもう少しお待ちください...🐇

[meg｜Web制作学習中💪🏻🔥 @megn_342]

よし、夜ご飯作って
お迎えに行ってきます🏃💨

[meg｜Web制作学習中💪🏻🔥 @megn_342]

✍🏻 学習ログ 5/20

✅ 卒業制制作
・トップページ（1時間48分）
・お問い合わせ完了SP（45分）

全ページ静的コーディングが終わりました🎉
各ページのピクパ、HTML構造、命名規則やCSSが冗長になっていないかなどチェック👀✨️

⏰ 総制作時間：32時間25分

#デイトラ #デイトラコミュニティ

[コリス🍡🍭 @colisscom]

HTMLの新しい要素「<install>」はJavaScriptなしで、Webアプリのインストールが簡単にできるようになります

https://t.co/S39W1Bjal5