すら/プログラミング独学記録用ブログ

ブログ名の通り、素人がプログラミングを勉強する記録を綴ったブログです

38日目

5時間やりました。

今日はヘッダーのハンバーガーメニュの作り方を勉強しました。

かなり勉強になりました。

CSSアニメーションはやったことないのでそれはわかりませんでしたが、それ以外は何となくわかりました。

 

あと、ドロップダウンとモーダルウィンドウについても勉強しました。

基本的に使うJavascriptの記述は似たようなものでしたね。

 

ただ、ドロップダウンのfor文については少し理解が足りなかったので、引き続き勉強していきたいと思いました。

もう少しでJavascriptが終わると思うんで、頑張りますぜ。

37日目

3時間半。

今日は1時間半を使ってポートフォリオ用のウェブサイトを作りました。

具体的にはフォルダとファイルの構成をしっかりと考えた感じです。

これが結構大変だった。

とりあえずフォルダ整理はできたので、ここからいくつかページを増やして拡張していきたいと思います。

 

残りの2時間はswiperの実装。

実際にairbnbにあるswiperをマネして作ってみました。

一個作ったら何となくいけそうだったので、まあ、次に進みたいと思います。

36日目

今日はJavascriptの勉強を1時間10分

Photoshopの勉強を3時間40分に使いました。

JavaScriptではswiperというツールについて勉強したのですが、これはめちゃくちゃ便利ですね。

使い勝手や操作性もよく、絶対に覚えた方がいいツールだと思いました。

これを使えれば、CSSJavascriptもかなり楽になるかとは思います。

 

Photoshopは大体の使い方自体はわかったのですが、実際に何に使うかはよくわかっていないので、それを調べていきたいと思いました。

35日目

今日は5時間半プログラミングの勉強をしました。

 

3時間は模写2週目をして、あとの2時間半はJavascriptの勉強をしていました。

 

模写は2週目の2個目だったんですけど、今日終わりました。

一ヶ所だけいい発見があって、max-widthを90%とかにして、widthを140pxとかにしとくと、そのブロックが画面の90%以上になるまでは大きさ一定なんですけど、はみ出るとこまで行くとそっからは画面幅に合わせて縮小して区みたいなことが出来るんすよね。

これでブロックを中央寄せにしておくと、割といい感じのレスポンシブデザインができるなあと思いました。

 

Javascriptはちょっとずつ覚えてきました。

実際に使ってみたい気もしてきましたね。

多分そのうち実践パートも出てくるんで、頑張っていこうと思います。

 

明日は模写なしで、Photoshopの画像編集について勉強していきます。

想定では1日二日で終わると思うので、ちょっとできるようになっとこうかなと。

 

そんな感じです。

35日目

今日は5時間半プログラミングの勉強をしました。

 

3時間は模写2週目をして、あとの2時間半はJavascriptの勉強をしていました。

 

模写は2週目の2個目だったんですけど、今日終わりました。

一ヶ所だけいい発見があって、max-widthを90%とかにして、widthを140pxとかにしとくと、そのブロックが画面の90%以上になるまでは大きさ一定なんですけど、はみ出るとこまで行くとそっからは画面幅に合わせて縮小して区みたいなことが出来るんすよね。

これでブロックを中央寄せにしておくと、割といい感じのレスポンシブデザインができるなあと思いました。

 

Javascriptはちょっとずつ覚えてきました。

実際に使ってみたい気もしてきましたね。

多分そのうち実践パートも出てくるんで、頑張っていこうと思います。

 

明日は模写なしで、Photoshopの画像編集について勉強していきます。

想定では1日二日で終わると思うので、ちょっとできるようになっとこうかなと。

 

そんな感じです。

34日目

今日は3時間ちょい。

ずっと模写2週目をしていました。

結構調子よく進んで、いい感じでしたね。

明日模写2週目は終わるんで、Javascriptの勉強の勉強に加えてPhotoshopも勉強したいと思います。

あまり長くはかからなそうなんで、この際できるようになっとこうかと。

 

明日は時間とって頑張れそうです。

33日目

今日で春休みが終わります。

今日はプログラミングに6時間半。仕事探しを30分やりました。

プログラミングはJavascriptの勉強を3時間半。

相も変わらずフロントエンドチャンネルの動画を見てました。

理解できないところはあまりないですが、理解に時間がかかることは結構あります。

あと、理解できてもまだ自分で書ける気は到底しません。これは時間がかかりそうです。

 

今日から模写コーディングの2週目の2ページ目を始めました。それを今日は3時間やった感じ。

詰まったところ。

・Sassの変換のやつをつけ忘れて、CSSが適応されなかった。

・カラムのdivとブロックの外枠のdivを一緒にしちゃうから、paddingがうまくつかなかった。

・box-sizing: border-box をつけないと、paddingも大きさの範囲外になっちゃうことを初めて知りました。これからは最初に絶対に書きます。

・fontfamilyの指定を安易に全体にかけると、font awesome が使えなくなります。hタグ、pタグ、aタグなどだけにつけるようにしよう。

 

案件探しはランサーズとクラウドワークスで1個ずつ提案しました。

 

今日はそんな感じ。

明日からはまた学校のスケジュールも含めて計画を立てていきたいと思います。

頑張るぞ+今日はよく頑張った。