ピュアチャ〜ジ

広告代理店のディレクターを辞め、マレーシアに飛び立ちました。ふわふわ生活して、やっぱり収入を上げて豊かに人生にしたい!と思いプログラミング学習を始めました!フリーランスまでの道のりを描くブログです

プログラミング教材を購入!!

連続作業を進めていたのですが、やはりわかっている人に気軽に説明できる環境が欲しい!ということで教材を買いました!

 

その名もSkill Hacksです!↓↓

-Skill Hacks- 動画で学ぶWebアプリ開発講座

 

 

 

 

 

これで、今まで時間をかけていた事が即解決できそうです!

やるぞ!!

Webデザイン勉強103日目の成長報告!

はいどうも!

 

今日も作業を行いました。

急遽予定が入ってしまったのもあり、あまり時間が取れませんでした。

今日の作業進捗を報告します。

 

今日やった事

Bootstrapの概念理解

 

【打ったコード】

f:id:terushi-diary:20191201004118p:plain

 

↓smの場合↓

f:id:terushi-diary:20191201004122p:plain

↓xsの場合

f:id:terushi-diary:20191201004126p:plain

コードでsm時に4カラムずつ指定している場合で画面幅がxsになった場合、折り返すのを知らなかったので学びになりました。

 

今日の学びはここまで。

明日もインプットとアウトプットを行います。

 

Webデザイン勉強102日目の成長報告!

今日はインプットに時間を使いました。

 

Airbnbサイトの模写にかなり時間がかかっているため、誰かに聞ける状況をつくりたく検討していました。

 

【叶えたい事】

・誰かに自分が詰まっているところ、迷っているところを気軽に聞ける状況を作りたい

 

【懸念点】

・コスト面

・オンラインサロンや教材を購入すると、当然教材の中の質問がメインになるので、独学で進めているところまで質問に答えてもらいづらい

・色々手を出したいが、他の学習を始めると今まで進めていたAirbnbサイトの模写を完成させられない

・情報が色々ある中、色々手を出すと重複する内容もあるため無駄な時間が増える

 

 

ということがぐるぐる頭を回ってしまい、メリットデメリットを書き出していたら多くの時間が過ぎてしまいました。

 

 

その結果今日やったこと。

1.東京フリーランス (無料のエンジニアオンラインサロン)に入る

2.Udemyでフルスタックエンジニアになるための教材を購入

 (フロント〜サーバーサイド)

 

ってところまででした。

Udemyで買った動画教材は多くの言語がコンテンツとしてありました。

明日からはBootstrapの部分の学習を進めます。

今やっているAirbnbサイトの模写を早く完成させます。

 

今日は、ここまで。

webデザイン勉強101日目の成長報告!

はいこんにちは!

今日の進捗報告です!

 

実は、毎日更新100日やってたんですが

なんと101日目は更新できませんでした涙

 

会社の同僚と飲みに行ったんですが、お酒が止まらず作業ができなかった事が原因です。

反省しつつ、気を新たにして取り組もうと思います。

 

今日は、mdサイズのコーディングを行いました。

 

f:id:terushi-diary:20191128181738p:plain

f:id:terushi-diary:20191128181743p:plain

f:id:terushi-diary:20191128181749p:plain

f:id:terushi-diary:20191128181755p:plain

f:id:terushi-diary:20191128181804p:plain

f:id:terushi-diary:20191128181813p:plain

f:id:terushi-diary:20191128181820p:plain

f:id:terushi-diary:20191128181828p:plain




画像の拡大のさせかた、文字の配置方法に関してはどうやってやるのかまだわからないので引き続き学習しつつ進めていこうと思います。

 

今日は、ここまで!

Webデザイン勉強100日目の成長報告!

どうもこんばんは!

今日で毎日作業100日目です。

 

今日は、昨日から引きずっている画像の表示のさせかたがわからず、ほとんど進まず悔しい思いをしました。

 

独学で進めるところまで進もうと思っていたのですが、やはりエラーや疑問に直面した時にすぐに質問できる人が近くにいて教えてくれるのって頼もしいなと当然ながら思いました。

 

2日間ググってわからなかったので、teratilに投稿しました。

1日やってわからない部分が発生した場合、その日中に投稿して翌日に解決できるような体制をつくろうと思います。

 

今日やれることはやろうと思い、行間の調整を行いました。

 

 

f:id:terushi-diary:20191125234822p:plain

 

 

今日は、ここまで。

Webデザイン勉強99日目の成長報告!

こんばんは!

今日の作業進捗報告を行います!

 

 

左側:公式ページ 右側:模写サイト(作業中のため色をつけている場所があります)

f:id:terushi-diary:20191125001741p:plain

 

f:id:terushi-diary:20191125001734p:plain

f:id:terushi-diary:20191125001725p:plain

f:id:terushi-diary:20191125001730p:plain

 

本日は以上です。

 

今日やった作業で、わからない部分が一つありました。

元々横長の画像があり、横幅が小さい時には正方形で小さく表示させて、横幅が大きくなっていくにつれて徐々に横幅(本来のサイズ)に表示させる方法がわからず、明日はここの部分をググりつつ進めようと思います。

 

今日は、ここまで。

Webデザイン勉強98日目の成長報告!

こんばんは!今日の作業進捗報告です!

 

 

【今日やったこと1】

mdサイズにした時の、グレーの部分の横幅調整

(元々は、上の要素と同じ横幅になっていたので少し小さく調整しました)

f:id:terushi-diary:20191124004905p:plain

【今日やったこと2】

mdサイズで見た時、文字と画像を横並びに表示

(画像と文字の余白の調整がまだできていないので、明日はそこからやろうと思います。)

f:id:terushi-diary:20191124004911p:plain

↓エラー画面↓

画像が何故か大きく表示されてしまい、こちらも原因の判明に1時間以上かかりましたがなんとか解決しました。

f:id:terushi-diary:20191124005859p:plain

 

模写だと、動画教材のようにコードのお手本がないので解決に時間がかかる分、理解できている気がします。

 

明日も作業を積み上げます。

今日は、ここまで!