労働嫌いマンの学習日記

CSS、お前おもろいやんけ

勉強し始めて1ヶ月経った

題名通り。この一ヶ月は長かった。自分を褒めたい。

 

何から勉強すればいいかわからなかった大学生が勉強始めて一ヶ月経った上での雑多なことを日記感覚で書いていきます。

 

①何から勉強すればいいのかほんまにわからん

②Progateは神

Twitterすごいけどうーん

④すごい人をひたすら真似るのが楽

 

1・何から勉強すればいいのやら

→自己紹介でも書いたんですけど、コミュニケーションが好きなんですよね。人と話して笑い合うのが好き。んで、IT会社の中で一番多く人とコミュニケーション取れるのなんだろなーと思ったらプロダクトマネージャーかなーと。責任やばいですけど、それはそれとして多くの人と関わるかなと。なのでプロダクトマネージャーになるには何が必要なのかを調べました。

コミュニケーション能力。プロダクトマネジメント力。曖昧でした。プロダクトマネジメント力に関しては実際のスキルがあるらしいですけど。

というか冷静に考えて何も知らんやつがいきなりプロダクトマネジメント力鍛えようとするのはさすがに馬鹿すぎると考えました。

 

・コーディング力

・デザイン力

が欲しいなと。デザイン力は最悪なくてもいいんですけどなんかかっこいいし持ってたらコミュニケーションも円滑かなぁと。あと実際のすごいデザイン見て感動できるくらいの感性は持ちたかったので。

 

なので①コーディング力をつける→②デザイン力をつける→③プロダクトマネジメント力をつける

 

完璧な勉強計画です。

ついでに勉強を始める際にMac Book Proを買いました。これまでの貯金32万のうち30万吹っ飛びました。

形から入るタイプなのと、30万使ったんだから勉強しなきゃ超損と思わせることで無理やり勉強のモチベーションをあげたんですね。(と思ってたんですけど普通にHTMLとCSS楽しくて波が来てます)

 

30万のおもちゃって感じに使ってます。楽しいです。

 

文章力と構成力なさすぎる。何から勉強すればいいのかわからないって話です。

最初はProgateから始めました。1週間でHTML/CSS/JavaScript/SCSSの全レッスンを終えました。(1日の勉強時間は、バイト・講義がある日は3時間程度、何も無い日は7,8時間程度です。)

 

とりあえず何も考えずに終わらせました。そして次に何をすればいいのかがわからない。ここです。

初心者はProgateが終わってからがわからないんです。

次にやったことは開発環境を整えることです。

VScode,SCSS環境,その他諸々のプラグイン。とりあえず作ろうと思えば作れる環境にしました。

そして気づいたことがあって、「自分でWebデザインをして自分でコーディングしたらめちゃくちゃ効率的に学べるのでは・・・?」ってことです。

 なのでWebデザインの作る環境も整えました。といってもAdobeXDなんですけども。

 

さぁ実践と、XDで作ってみて ってのをやろうとしたんですけど、次はXDの使い方からデザインの作り方まで学ばないといけない! さすがに馬鹿です。

 

なので一ヶ月経った今はHTMLとCSSの勉強をひたすらしています。

めちゃくちゃ読みにくい文章だなこれ、プロットとか考えてないからこうなるんだぞ。

 

 

一ヶ月経った上での気付きとこれからの目標

気付いたこと

・初心者が複数のことを効率的に勉強するのはご法度。1つずつ基礎から学んでいけ。

・Progate終わったらとりあえず自分の実力を知る。その上で1つ1つしっかり学んでいく。

 

目標

・HTMLとCSSの基礎を叩き込む。(SCSS便利だからこれもやります)

・終わったらAdobe製品のやり方を知る(XDとPhotoshop,illustratorね)

 

 

②Progateは神

→もうね、初心者はとりあえずこれでしょ。

でも後から気付いたことあって、開発環境整えてからProgateやったほうがいいです。マジで。んで、レッスン進めながら自分の環境でもやるの。一番効率がいい。レッスンでできたら実践でもいけると思ったらそうじゃなかった(自分だけかもしれない)

あとスライド検索機能にほんと助けられてます。そりゃ有料会員になるわ。

 

Twitterすごいけどうーん

→とりあえずアカウント開設。(@GuriStudy)

そしてめちゃくちゃ有益なことを呟いてくださる方(自分の場合はTAKさん[@tak_dcxi])をフォローしてそこからさらにフォローしていく。(30人くらいになる)

これだけでもめちゃくちゃ有益なTLができあがる。マジで最高。1日3回くらいはTL全部チェックして、引用RTとかで回ってきた嬉しい情報の人はすぐにフォローする。

すごい有益な情報どんどんくるんですね。何言うてるかわからん、けどいつか使うかもって思ったら即ブクマ。ありがとうブックマーク機能。

最悪呟かなくてもいいんですよね。

でも一応自分もProgate終わったーとか、勉強始めるーとか呟いていった。初日。

 

何が起きたって、5人からDM飛んできた。

経緯はフォロー飛んでくる。→なんとなくフォロー返す→DM来る。

震え上がった。嘘やろって思った。

全員名前の後に@〜〜みたいな人。内容。「何で勉強してるんですか?」「何を目指しているんですか?」

面接?

いきなり面接みたいなのが始まった。口調は全員優しいし、多分”いい人”なんだろうな。

まぁ、人と会話するのは好きなんだけどいきなり来るのは無理な人種なのでびびっただけ。

個人差。

 

普通に怖かったのでそれからフォロー飛んできてもむやみに返してない。「駆け出しプログラマーと繋がりたい」みたいな人とはいや無理ですってなっちゃう。

Twitter怖いなって思った瞬間でした。あくまでも個人の感想。

いや、初心者の癖に文句言うのかよ笑って思った人いてもバリア張っちゃうので無理です。

 

一度ずつTAKさんとちづみさんに質問したのですがお二方とも丁寧な返信でありがたかったです、、、初心者質問に答えてくださるの控えめに言って神では・・・?

 

④すごい人をひたすら真似るのが楽

→言い方悪すぎる。

いつも参考にさせてもらってます、TAKさん。そしてすみません、過去のツイートもめちゃくちゃ見てますごめんなさい。

 

僕「コーディングって何のアプリで書けばええんやろ?」

Twitter検索欄「"コーディング"from:@tak_dcxi」

TAKさん「VScode使ってます」

僕「ありがとうございます。」

 

VScode使ってます。

めちゃくちゃ気持ち悪い。ごめんなさい。

 

目標とする人を一人定めると方向が定まりやすいって意味です。

マジで気持ち悪いな、、、、こわ、、、、、すみません、本当にすみません。

 

 

 

以上が一ヶ月経った上での日記。

ここからは現在での買ったもの、やったことを羅列していく。

 

Mac有料アプリ、有料サービス

PathFinder/Magnet/AdobeCC/Progate有料版/ちづみさんの初級コーディング練習(タメになりました、ありがとうございます)

Macアクセサリー

画面保護シール/トラックパッド保護シール/bluerounge/USB刺せるハブ

・参考書

Web制作者のためのCSS設計の教科書/Web制作者のためのSassの教科書(読書中)/HTML5/CSS3のモダンコーティング(未読)

 

 

目標(2019−11月度)

・参考書読む

コンポーネントCSSを理解する

・参考書に沿った綺麗なCSSが書けるようになる

Adobe製品の使い方を学ぶ