ラッコサーバーを実際に使ってみた正直レビュー【デメリットも公開】
エミリ
MAISOCRE -メゾクレ-
「HTML&CSS初心者が1か月独学で勉強したらどうなるの？」に回答する
エミリ
記事内に商品プロモーションを含む場合があります
同じようなテーマで書かれていたとしても、デザインに気をつけているブログとそうでないブログがあったら、やはり前者の方に信頼を寄せたくなる。
もちろん内容が1番で、見た目がすべてではないのだけれども、デザイン事務所でビジュアルの持つパワーを実感したこともあって、ブログを始めた頃から、せっせとカスタマイズに精を出していました。
が、
HTMLもCSSも何もわかっちゃいません…！
という私がカスタマイズをするので、
- 「とにかく時間がかかるし、なかなか思い通りのデザインにならない…」
最初はそれでも楽しかったのですが、だんだんとストレスが溜まるようになってきたため、この問題を解消しようとプログラミングの勉強を開始。
スキマ時間を使って約1か月学習した結果、「ストレスがだいぶ緩和される」という成果を手に入れいることができたので、
この記事では、プログラミング未経験の私が、独学でHTMLとCSSを学んだ方法とその結果について詳しく解説していきたいなと思います。
同じような悩みを持っている方々に届きますように。
この記事はこんな人にオススメ
- ブログ（Wordpress）のデザインを思い通りにカスタマイズしたい人
- ブログ（Wordpress）のカスタマイズスピートをあげたい人
- HTML / CSSの基礎を独学で勉強してみたい人
Contents
HTML/CSS初心者が1か月独学で勉強した結果
- HTMLとCSSの基礎知識が身についた
- カスタマイズのスピードが格段に上がった
- 簡単なレベルのデザインは、イメージ通りにカスタマイズできるようになった
- 読みやすいです！とブログを褒めてもらえることが多くなった
使った教材は、2つ
❶ ドットインストール
ドットインストールは、オンラインでプログラミングを学ぶことができる学習サービス。
Twitterでは「プログラミング学習の登竜門」と言われるほど有名な学習サイトProgateで勉強している人が多い印象でしたが、両方の無料版を試した結果、
- 動画を見ながら、実際に手を動かし学べること
- 1動画、約3分という短さであること
が私にはしっくりきたので、ドットインストールで勉強することにしました。
❷ これからはじめるHTML&CSSの本
カスタマズするときに、よく参考にしていたブログ「サルワカ」のサルワカさんが紹介していた本。
これでもかという程1つ1つ丁寧に説明されているので、途中で挫折することなく作業を完遂することができました。
HTMLとCSSについて、まだ何もわかりませんという方へのオススメの入門書。
著:千貫 りこ, 読み手:ロクナナワークショップ
¥2,178 （2023/09/27 12:52時点 | Amazon調べ）
ポチップ
HTML/CSS 私の勉強法
おおまかな流れは下記の通り。
- まずドットインストールで学習
- 本とドットインストールで復習
毎日1〜2時間、❶の後、❷のルーティンを繰り返し行っていたら、1ヶ月ほどで基礎勉強は一通り終わらせることができました。
ちなみに私がドットインストールで勉強した項目は、
- はじめてのWeb制作（全11回）
- Web制作の開発環境を整えよう macOS編（全10回）
- 詳解HTML基礎文法編（全22回）
- 詳解CSS基礎文法編（全33回
の4つ。
私の勉強法、ここがポイント！
ドットインストールを一通り終わらせたら（全部理解できなくてもOK）、
本のlesson.01
↓
同じ内容を動画で復習
↓
本のlesson.02-03
↓
同じ内容を動画で復習
というように、こまめに復習するところが私の勉強法のミソ。
ある程度記憶が維持できている状態で復習するので頭に残りやすいよ。
「基礎はどこで習ってもほぼ同じ」とどこかで聞いたことがあるけれど、本当にその通りで、ドットインストールの
- 詳解HTML基礎文法編（全22回）
- 詳解CSS基礎文法編（全33回）
と、本1冊の内容は、
著:千貫 りこ, 読み手:ロクナナワークショップ
¥2,178 （2023/09/27 12:52時点 | Amazon調べ）
ポチップ
ほとんど一緒でした。
流れは多少違うので、その辺は臨機応変に対応して勉強してもらえればと思います。
さらに、勉強途中でも恐れずに、実際にワードプレスを触りカスタマイズしていくと、動画や本で学んだことが身につきやすいのでオススメ！
- テキスト作成は、VSCode or メモ帳？
-
本ではテキスト作成のためにメモ帳を使用していますが、ドットインストールの「❸学習環境を整えよう」で習うVisual Studio Code（VSCode）が個人的にはイチオシ。
使ってみるとわかるけれど、とっても楽です。
Q
HTML&CSSを1か月独学で勉強してみた感想
勉強前は1か所カスタマイズするのに丸1日かかっていましたが…… 勉強後は2〜3時間、早いときは1時間ほどでできるようになったのは本当に嬉しかったです。
「どや！見て」とまではいかないけれど、読みやすいとたくさんの人に褒めてもらうことで「私のブログそんなに悪くないのでは」と思えるようになったのは精神衛生上とても良いなと思っています。
また、数年後、「VSCode」を学んだ経験が意外なところで謎に活きまくり、勉強して良かったなとつくづく実感しました。
基礎学習を終えた時点で、無謀にも模写に挑戦してみたけれど、疑問点が頻発。質問できる人がいなかったため、どのように解決すればよいのか見当もつかずに挫折…
もし、私の目標が「プログラミングで稼ぐ」だったら、プロのサポートが受けられるスクールに変更することを早々に決断したと思います。
おわりに
ということで、「HTML&CSS初心者が1か月独学で勉強したらどうなるの？」への回答はここまで。
プログラミングの基礎が理解できるようになってからブログ運営がより楽しくなったので、チャレンジしてよかったな、と。
私の経験をベースに書いたので、100%正解の勉強法ではないと思うけれど、参考になる点があれば嬉しいです。
ABOUT ME
主な生息地は、おうち。暮らしの中で良いなと思ったことを、女性目線でじっくり調べてお届けします。
