”手に職”をつけるためにプログラミング（WEB制作）を勉強中です。
今の目標は今年中にクラウドソーシングのクラウドワークスやココナラを利用して月5万円稼げるようになることです。
とりあえず現時点は登録だけしてどんな仕事が需要があるか調べながら学習をしているところです。（今はまだ収入0円です。。。）
初学者のプログラミング学習日記
日記はプログラミングに関して自分が見返すために書いています。
現在N予備校 WEBデザイン 学習中
・学習したこと
・学習時間
・復習したいこと
5月7日
学習内容
第２章 アドビ
iSaraサイト模写
学習時間
2時間
復習すべきこと
N予備校 WEBデザインコースはアドビが」ダウンロードできるスペックがないと進まない、、、
iSara模写ではいちど紙に情報を書いて確認して模写していく
5月8日
学習内容
引き続きiSaraの模写。
画像・テキスト・テキストの横並びに苦戦。
昨日整えた装飾のcssを一度クリア、一番シンプルな状態にしてFlexboxを設定してみる。
学習時間
2時間
復習すべきこと
Flexboxの基本。理解したつもりでも反映されないと理由がわからない。
5月9日
学習内容
引き続きiSaraの模写。
イメージとテキストを横並びして、それぞれの位置に配置する、
が一番難しい、、、
positionを使ったら一気に進んだ。
flexboxも昨日よりは理解できた。
指定するクラスが違っていたりした。
学習時間
3時間
復習すべきこと
検証ツールを見ながらまるっきりコピーしないで
理解できたら入力。
それまではつける意味が分かっていないdivやclassをつけない。
逆にcssで変に反応して余計わからなくなる。
５月10日
学習内容
position fixdを使ってヘッダーを固定。
ヘッダー内で他の要素を移動させるのにposition reltiveを使っていて fixdが使えなかったので、reltiveをmargin autoでやり直した。
次のmainでもpositionを使っていたら、mainのところだけスクロールしてもmainの後ろにヘッダーが回って見えないことが発生。
mainを過ぎるとちゃんとヘッダーが出てくる。
mainのpositionもmarginに変更した。
mainの次の部分の制作。
学習時間
3時間
復習すべきこと
margin autoを使いこなせると楽に要素の移動ができた、、、今更、、、苦笑
下手にpositionを使わないことがいいことが判明。
mainと次のセクションに余白ができていて、原因がわからない。検証ツールでもどこの要素にもかかっていない、、、なぞ、、、
とりあえず次に進む。
5月11日
学習内容
iSara模写
見出しを作る⇨カッコのような見出し
学習時間
1.5時間
復習すべきこと
background imgがheightを小さくすると100％で表示されずに下が見切れてしまう、、、background img-sizeでも何回かやってもできなかった、、、
そしてまたヘッダーがこの部分のコンテイナーにかかるとbackgroundが消えて文字のみになる、、、
今日は眠いのでまた明日。。。
5月12日
学習内容
イサラ模写
昨日background imgが100％で表示されずに見切れたり、
余計な部分の画像が表示されてしまっていた。（昨日の復習すべき内容）
background-size:cover;
と
backbround-pisitio:center;で
問題解決！
学習内容
2時間
復習すべきこと
昨日のfixsの問題を忘れてた、、、
アンダーラインはborder-bottomではなく
background:linear-gradien;でつける。
文字に直接的なラインが付けれる。
が、、、何かが作用して文字のbottomとラインのbottomがあっていない、、、
