【第2週】

こんにちは!
知識ゼロからWeb制作を始める、メーカー勤務のアラサーリーマンたろです!

アラサーのサラリーマンである私たろが、副業で稼ぐことを目標に知識ゼロからWeb制作を学んでいく。
その過程を記したブログです!

 

2週目が終わりました!
今週やったことは次の3つ!

  • Progate
    1. HTML&CSS 上級編/道場
    2. flexbox
    3. JavaScript
  • 環境構築(テキストエディタ)
  • “稼ぐ”を意識する

順番にお話ししていきます。
よければ最後までお付き合いください!

Progate

上級編/道場

先週に引き続きProgateでHTML&CSSを勉強。

正直、中級編がまだ完璧ではない。

でも突き進んで上級編に突入!

今までの自分の悪い癖で、完璧にならないと次に進めず、
結局挫折するなんてことが多々あった。。

完璧主義者ではないと思うんだけど、、、

だから動画編集とかはなかなかにキツイ!いつ終わんの?って感じ( ´ ▽ ` )

今回はそうなるまいと、感覚ベースで7〜8割理解できたと思ったらとりあえず次に進むことを意識!
でも、その分復習を大切にする!
大切にすると言ってもそんな気合い入れてやるわけでもないんですけどね笑

私流のやり方は、

ある程度学習が進んだら息抜きがてら過去のレッスンをやり直す!ただそれだけ!

2回目は余裕があるので細かいところに気づくことが多い!
初見の固定観念もいい感じに抜けているので、最初とは違った見方もできて定着が早い感じがする!

バイオハザードでも2周目は余裕が生まれて細かいアイテムや実績解除ができたりしますよね?
それと同じですね^ ^
バイオやらない人はごめんなさい(^人^)

そんなこんなで上級編やりました!
難しかったです!笑

上級編はレスポンシブデザイン
簡単に言うと、表示デバイスの画面サイズに合わせてフォーマットを変更できるようにすること!

PCサイトをスマホで開くと小さくて見にくいとか、見切れてるよーとかあるあるですよね?
それを解決してくれるのがこのレスポンシブデザイン!

今時のサイトってそもそもPCとスマホでサイトが分かれてたりするような気もするけど、
それもレスポンシブデザイン??

そんな疑問はありますが、とりあえず進めていきます。

上級編の目標成果物は、中級編で作成したサイトのレスポンシブデザイン化。
中級編よりもさらにレベルの高いサイトを作っていくと思ってたから少し残念(。-_-。)

中級編と同じくやっていることは分かる!演習もガイド通りに進めるられる!

でも道場になると。。。

と思ったら道場も少しガイド要素あった!
さすがに細かく指示はくれないけど、「まずはヘッダーをレスポンシブデザインにしましょう。」みたいな感じでやることを絞ってくれる!

中級編の反省を生かして、演習はなるべくガイドを見ないでやっていた甲斐もあり、道場なんなくクリア!

ただこのレッスン事例以外でやれと言われたら出来なさそう。油断せずに来週にでも復習します!

Flexbox

上級編が終わると、HTML&CSSも残すところ最後の1レッスン。
Flexbox編です!

Flexboxというのは、サイトの要素をひとかたまりにして、それらの配置を自由に指定できる機能らしい🤔

つまり、これを使うとレスポンシブデザインが楽になるということ!?

タブレットの時はこの配置、スマホの時はこの配置ねーといった感じでコードがかなりシンプル!
これは使いこなせるようにならねば!

JavaScript

HTML&CSSが一通り終わったので、お次はJavaScript
これもHTMLと並んで基本と言われていることが多い気がする!

動きをつけるための言語らしい。
けど少しやってみての感想は、これでほんとに動きがつくの?です笑

最初だけなのかもしれませんが、文字列や数字をコンソール画面に表示させることしかやっていません。

console.log(“こんにちは”);
みたいなやつです↑

これがサイトの”動き”にどう繋がるのか(・・?)
ギモンモンですが、来週も粛々と進めていきましょう!笑

環境構築

HTML&CSS編にはレッスンのほかに記事が3つあり、そのうちのひとつが環境構築!

先週の疑問「実際のコードはどこに書いていくの?」が解決しそう!

結論から言うと、テキストエディタというアプリケーションでコーディングしていくらしい!
推奨されていたのは、MicrosoftのVScodeという無料ツール。

画面はこんな感じ!

なかなかそれっぽくなってきた!とテンションあげております笑
Progate学習中は使うことなさそうですが、これからやっていくことが徐々に見え始めてリアル感が増しつつあります!
仕事を受注できたらこれで作業していくのかあ。。。と笑

ちなみにVScodeのテーマカラーを変えており、「Kimbie Dark」というものです。

”稼ぐ”を意識する

今週やったこと最後は、「”稼ぐ”を意識する」です!

今は始めたばかりで学習のみ。社会人になる前の大学在学中、それも1年生。
大学は時期が来れば勝手に卒論が始まり就活が始まり卒業がやってきて就職でした。
周りの流れに乗ってれば問題なしです笑

でも今回ばかりは違いますね。良くも悪くも自分しかいません。
のんびりすればするほど、初キャッシュが遅れていきます。
最悪挫折して終わるまであります_| ̄|○

2週目にして早くもそのルートに行く未来がよぎるんですよね。

なので精一杯争ってみようと、今週はCloudWorksを覗いてきました!

CloudWorksとは、個人・法人問わず、業務委託のお仕事をインターネット上で発注・受注することができるお仕事マッチングサイトです。”(HP文引用)

私はクラウドワーカー側でこのサービスを利用することになります。

試しに「コーディング」や「HTML」で検索してみました。
結構たくさん出てきます!

必要なスキルに「HTML」がある案件は1400件近くヒットしました。
HTMLがキホンの”キ”なので、Web制作のお仕事であればどんな案件にもタグづけされているのかな?
そうだとしても多い!全部見れるような数ではないですからね笑

ただ仕事内容を見ても現状サッパリ( ´∀`)笑
WordPressコーディングってよく載っているけど、ブログのCMSのことだよね?
WordPressをカスタマイズしてホームページを制作するお仕事っぽい_φ(・_・

※CMS:
Contents Management Systemの略で、プログラミングを使わずにWebサイト管理をするためのシステムのこと。

このブログもWordPressで作っているので、地味に案件受注の足しになっている!?
ブログもやり始めてよかったのかも!
といってもまだテーマのデフォルトそのままで、いじり方なんて1mmも知らないんですけどね。。笑

あとインストラクターの募集も多い!
さすがにすぐには無理だけど、スキルついてきたらアリなのかな?

とまあこんな感じで、学習のその先をたまには意識しつつモチベーションを保って勉強して行けたらなと思ってます!

タイトルとURLをコピーしました