慣れてくると模写は意外とサクサク進むけど。。。
最近はWeb制作に全く携わってないといいますか、勉強していません。
プログラマという仕事に就いたけれど、コーディングする機会は少ないシステム開発。
その数少ないコーディング機会も、コーディングが得意な先輩や同期に振り分けられています。
わざわざ愛知まで来て、1年弱ほど頑張ってみたものの、結局は雑用係なんですよね。
でも部署全体が忙しすぎて、長期的な教育が望めないなというか……
勤務中に勉強する時間もないし、と言いつつテレワークをいいことにサボり気味ですが。。。
そんな怠惰でやる気のない人生を過ごしているのですが、半年ほど前はWeb制作がんばってました。
その頃に書いたけど、アップしていなかった記事を見返してみたら
つまらない人生をまた変えていこうかなと思えたので、少しずつブログ更新していきます。
朝はhtml全部とcssがheaderのみ完成しました。
画像を自分で選定リサイズしてるので、30分も掛けてしまいました。
続きはまた帰ってから。
今日は寄り道して遅くなるかもしれませんが、頑張ります。#codestep #Web制作#プログラミング初心者#模写#朝活 pic.twitter.com/Mbcq4ADG8C— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 13, 2021
#cadestep 初級編1つ目完成しました。
フォームがなかなか強敵でした。
というか、サイズによっては表示が汚くなってるし。
一応、完成ですが、改良の余地ありです。#Web制作#模写#コーディング#プログラミング初心者#夜活 pic.twitter.com/ifhgZNS2Rf— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 14, 2021
急に難易度が上がってしまった気が。。。
画像の上にテキストを載せるところで苦戦しております。
そろそろ会社に行く準備を始めます。
また、夜にお会いしましょう。朝は曇り空でしたが、晴れてきた爽やかな朝ですねー。#Web制作#朝活#codestep #プログラミング初心者 pic.twitter.com/y3eJ3Q1po7
— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 14, 2021
悩んでいた画像にテキストを載せる部分も解決して、結構進めました。
今日は集団開発の発表会で
重役が見に来るので、緊張してますが、がんばります。
終わったら、自由だし。また夜にお会いしましょう。#Web制作#プログラミング初心者#コーディング#朝活#codestep pic.twitter.com/Uxn31NqtNT
— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 15, 2021
今日で終わらせる予定がfooterで手間取り、終わらず。
一応、PCサイトはいい感じになったのですが
レスポンシブはまだまだです。
まだ眠くないですが、明日も5時起きでやるので、寝ます。
朝の方が頭が働いていて、集中できますからね。#Web制作#プログラミング初心者#コーディング#朝活#codestep pic.twitter.com/4TXGxfztds— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 16, 2021
レスポンシブどうしてもfooterがうまく行かず、断念。
また学習して、修正を加える予定です。
とりあえず次に進みます。……こんな中途半端なことでいいんだろうか？#Web制作#プログラミング初心者#コーディング#朝活 pic.twitter.com/fFmpoPVWkV
— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 16, 2021
お疲れ様です。
夜になると途端に集中できなくなるし
特に夕食後は眠気でダメダメですね。一応、HTMLはできたのですが
CSSは全然です。
夜早く寝るようにして、朝4時おきにしようかしら？#Web制作#プログラミング初心者#コーディング#夜活 pic.twitter.com/yYT6zbMJGz— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 17, 2021
おはようございます。
朝ツイートしたつもりが、できてませんでした(´・ω・`)今日は4時45分に起きて、5時くらいから2時間ほど学習できました。https://t.co/iefUfe0pp0
とりあえずPC版のサイトはできた感じです。
急いで準備して会社に行きます。#Web制作#プログラミング#朝活#codestep pic.twitter.com/56eUtv6TbV— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 17, 2021
#codestep のPC版アパレルサイト模写が完成しました。
テーブルの枠線で悩みましたが
border-collapse: collapse;で線を2本から1本に。
border-top: 0px #FFFFFF;で不要な線を消す
で、どうにか乗り切りました。レスポンシブやっていきます。#Web制作#プログラミング初心者#模写#朝活 pic.twitter.com/Ah2Cnc94uN
— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 18, 2021
レスポンシブどうしてもtableだけ中央寄せにならない問題。
カンニングしたけど、記述がなくて断念。
いつかできるようになるんだろうか。
コードは全部GitHubにあげております。#Web制作#プログラミング初心者#模写#朝活 #codestep#github pic.twitter.com/cOOF8TCD2Z— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 18, 2021
次これなんですけど……
難易度が高すぎませんか？
なんか画像が段違いになってるし。。。#codestep #Web制作https://t.co/g2wXfV0536 pic.twitter.com/0SiQ6qBmtb— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 18, 2021
めちゃくちゃ時間空きましたが実質3時間くらいでCSS完成。
まだレスポンシブもありますが、こんな感じです。margin-top書きすぎなので、まとめれたらさらに良いと思います。#codestep#Web制作#夜活#プログラミング初心者 pic.twitter.com/PvtnqJxW0f
— 日下部まめ@IT組み込み系会社員＆Web制作フリーランス (@MameMrm) June 19, 2021
