プログラミング初心者の60日間チャレンジ【51~55日目】

プログラミング日記

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

Webサイト模写 その1

難しい課題が残っています。解決できるかどうかわかりませんが、挑戦あるのみです。

  1. チェックマークの課題
  2. Font Awesomeが使えるのか?
  3. 実験
  4. 下準備
  5. 恐ろしいアイコン発見
  6. 下準備
  7. 撃沈
  8. 「何か」が反映されているのは確か
  9. もうひとつ、挑戦
  10. 下準備
  11. 惜しい
  12. 明日の宿題

発想は良かったと思うのですが、結果が伴いませんでした。FontAwesomeが反映されません。空白が発生したということは、何かが読み込まれているはず。もう一工夫が必要みたいです。

 

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

Webサイト模写 その1

課題が解決できずに、悔しいです。そろそろ、何とかしたいですね。

  1. 横スクロールバーが不要
  2. 書き足してみる
  3. そういう問題ではないらしい
  4. 書き足してみる、その2
  5. 惜しい
  6. 同じ設定のはずなのに
  7. 一度忘れて、FontAwesome
  8. ダウンロードし直したら、反映される
  9. 空白も、無事に反映される
  10. 嬉しかったので、サイズを直す
  11. 色を変える
  12. サイズを直す

無事にFontAwesomeが表示されました。が、模写の観点で考えると、FontAwesomeではないですよね(反省)。CSSで直接デザインしていると推測しますが、まだ、私にそこまでの技術力がないため、許してやって下さいませ。

 

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

Webサイト模写 その1

ざっくりと、似た雰囲気を醸し出しています。模写した!とは、まだ言えませんね。

  1. どうしても気になる
  2. idを指定する
  3. cssを書く
  4. ダメでした
  5. 検証してみる
  6. と、いうことは?
  7. もうひとつ、検証してみる
  8. あれ?
  9. 困ったときのTECKACADEMY
  10. 参考書もある
  11. idを指定する
  12. cssを書く
  13. ダメでした(ごめんなさい)

全然上手くいかない日でした。ここに挙げた以外のことも、いろいろと試してみたのですが、上手くいきませんでした。発想の転換をするために、明日からはtabletを書きます。

 

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

Webサイト模写 その1

baseを整えられていませんが、次に進みます。tabletに挑戦です。

  1. 気持ちよくコードを書きたい
  2. 余白を広げる
  3. h2を中央に
  4. hrを中央に
  5. 余白を整える
  6. footerを整える
  7. 結局、整わない
  8. hrを追加する
  9. 無事、表示される
  10. 表示を消す
  11. 表示させる
  12. 切り替え成功

微妙な完成具合で、ちょっと気持ちが悪いですね。footerリンクの切り替えができず、gridの幅がへたくそです。毎日、課題ばかり増えていますね。気合いを入れ直して頑張ります。

 

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

Webサイト模写 その1

あちらこちらつまずきながら、少しずつ進んでいます。

  1. 今日はここを整えたい
  2. classを指定
  3. cssを書く
  4. さもありなん
  5. blockquoteを変えてみる
  6. 少しマシになる
  7. FontAwesomeの力を借りる
  8. 随分マシになる
  9. もうちょっと頑張る
  10. float right
  11. float left
  12. 余白の調整
  13. 余白の調整
  14. 調子に乗って、もうひとつ頑張る
  15. 似てきた

意地でコードを書き続けていますが、「全然模写になってない!」というお叱りの声が聞こえてきそうです。これまでの勉強で使用した教材しか使っていないため、思考力がまだまだ初心者なのですよね。しかし、マナブさんがロードマップとして提案してくれているということは「できる」準備は終わっているはず。諦めない気持ちで進みます。