初心者のプログラミングチャレンジ【７６～８０日目】

初心者のプログラミングチャレンジ【７６日目】

Webサイト模写 その１

pcに突入です。できる部分から、直していきます。

1. 体裁崩れを確認
2. mainは右に寄っている
3. footerは左に寄っている
4. h2のfont-size
5. 無事に表示される
6. 思い切って消してみる
7. この辺りから開始
8. hrを修正
9. 位置がおかしい
10. 打ち消しmargin:auto;
11. display:grid;
12. なるほど
13. HTMLにdiv追加
14. 無事に表示される
15. 体裁を整える
16. div idを修正
17. まずまず

自分の頭で考えながら、コードを書けるようになってきました。中途半端な位置から開始した理由は、解決方法を見つけられていない部分が最初にあったからです。

初心者のプログラミングチャレンジ【７７日目】

Webサイト模写 その１

思いの外、サクサク進められているような気持ちです。本人の気持ちだけなので、気のせいかもしれませんが、気にしないで進めます。

1. 今日はここから
2. HTML修正
3. baseは崩れない
4. tabletも崩れない
5. pcを書く
6. 無事に表示される
7. 左右が逆
8. div idを付与
9. grid columnとrow
10. 無事に表示される

昨日と今日の要領で書いていけば、それなりに体裁が整うのではないでしょうか？tablet作成時の課題解決方法を模索しつつ、pcを地道に書き続けていきます。

初心者のプログラミングチャレンジ【７８日目】

Webサイト模写 その１

できるところから、コツコツ積み上げていきますね。

1. 今日もgridから
2. HTML修正
3. pcを書く
4. ありゃ？
5. HTML修正
6. 体裁が微妙…
7. br挿入
8. cssを分ける
9. 無事に表示される

cssをまとめられそうで、まとめられなかったです。体裁を整えるためのbrをHTMLに直接挿入したのは、少し悔しいです。他に何か良い方法はないかしら？？

初心者のプログラミングチャレンジ【７９日目】

Webサイト模写 その１

今日は書きまくる！が目標です。

1. とにかく書こう
2. HTML修正
3. cssはまとめる
4. 無事に表示される
5. 前回と並び順が変わる
6. HTML修正
7. cssをまとめる
8. 無事に表示される
9. 同じ要領で続けて書く
10. HTML修正
11. css追加
12. css追加その２
13. 無事に表示される
14. gridはふたつ
15. HTML修正
16. cssをまとめる
17. 無事に表示される
18. 本日の最難関
19. HTML修正
20. まず、崩れない
21. cssを書く
22. ……
23. hrはブロック要素→宿題

最後に躓きました。そうですよね、hrはブロック要素ですよね。ということで、どうすれば左右に並べられるのかが、宿題になりました。どうすればいいのだろう…？

初心者のプログラミングチャレンジ【８０日目】

Webサイト模写 その１

プログラミングをはじめて、８０日になってしまいました。スキルアップしている自信はないのですが、諦めずに続ける忍耐力は向上していると思います。

1. hrをどうしよう
2. HTMLでclass付与
3. とりあえずinline
4. つまり？
5. HTML修正
6. cssを書く
7. ？
8. 拡大
9. css修正
10. 無事に表示される

かなり力技でcssを書きました。もっと簡単に揃えられる方法がありそうな気がします。が、今は力技でも良としておきますね。

９０日目までは、このままプログラミング勉強を続けます。９０日経過後、言語選択や今後の勉強作戦などを考えていきます。もう少しだけ、初心者プログラミングにお付き合い下さいね。

満稀（みつき）

大人だからこそ効率的に勉強したい運営者

TwitterContact

社会人スタートはブラック作業員から。コツコツ勉強を続けることで、ITエンジニアになることができました。これからも地道に『独学×資格×勉強=スキルUP&収入UP』を目指していきます。