今回は、webデザインの学習（現在はHTMLとCSS）を始めて2か月の著者が実施している勉強方法や実際に利用している教本などをご紹介していこうと思います！
この記事を読んでくれている方は、プログラミングを始めてみたい…webデザインに興味があるけど何から勉強すればいいの？プログラミング関連の本は多くてどれがおすすめなのか分からない…など、プログラミングを始めたばかりで何から手をつけたらいいのか分からない、といった方が多いと思います。
そこで今回は、webデザインを学習しようと考えている方々に向けて、初心者向けの基礎が学べる本やアプリなどをご紹介したいと思います。
- 基礎が学べる入門編おすすめ教材
- progateで実際にコードをかいてみよう！
- 学び始めのポイントは？注意点など
１．基礎が学べるおすすめ教材
webデザインを学ぶにあたり、基礎学習は必須ですよね！
例えば、<>開始タグ</>終了タグ、クラスや要素など聞きなれない用語が多く出てくるためパニックになってしまうかもしれません。もちろんネットで検索すれば、すぐに答えが見つかり解決できることも多いです。しかし、初心者であれば全体の知識をカバーできる網羅的な本を一冊持っておく方が、ベストではないかと個人的に思います。
何度も読み返すことができ、1つの用語の意味の解説も丁寧にされているのでより理解が深まると感じます。
そして、私が実際に利用しているのは、「1冊ですべて身につくHTML＆CSSとwebデザイン 入門講座」という本です。
海外でwebデザイナーとして働いた経験のある著者が書かれたもので、デバイスの種類やHTML、CSSとは何かといった基礎的なことが書かれているため、初心者の入門書としておすすめできます。
下記にリンクを貼っておきます↓
２．Progateで実際にコードを書いてみよう！
続いては、コード練習として利用しているプログラミングアプリ「Progate」です。
Progateでは、初級編、中級編、上級編というふうにレベルが設けられており、目標物をデザインでき れば次へ進めるためゲーム感覚で気軽に始められます。また、初級コースは無料で始められるため、まずはコードを書いて練習してみたい、お試しでやってみたい方にもおすすめです。
私は、初級編が終わりさらに学習を進めたいと思ったため、有料版に切り替えましたが、それでも月額1078円(税込)と、かなりコスパよく学習できると思います！
また、webデザインに必要なHTMLやCSS、JavaScriptなどの他、PhysonやRubyなど多くの言語も学べます。
Progateホームページリンク↓
Google Play アプリインストールリンク↓
https://play.google.com/store/apps/details?id=com.progate
App Store アプリインストールリンク↓
https://apps.apple.com/jp/app/id1335868128
３．学び始めのポイントは？注意点など
最後に、webデザインを学ぶ初心者で気を付けたいポイントなどこれまでの少ない学習期間での気づきを書いていきます。
まず、初心者でやりがちなことは、とりあえず色々な教材に手を出すことです。
私も初めのうちは本屋さんで気になる教材を何冊か買い、図書館でも似たような本を探すという日々を送っていました。しかし、これでは教材探しがメインになってしまい、肝心のコードをかいてデザインスキルを身につけることとはズレた作業になってしまいます。
ですので、入門書一冊を持っていれば十分であり、あとはコードをひたすら書いて慣れる方がより実践的なスキルを習得できると考えています。
次に気を付けたいことは、分からないことが出てきたらすぐに調べ、解決するまで粘ることです。
最初の頃は、分からないことが山ほど出てくるため、挫折しそうになったり、あやふやなまま進めたくなりますよね(^^;
しかし、この分からないを放置しておくと、結局同じポイントでつまづくはめになります。また、調べて理解できなくても、何度か同じポイントに出会う時に、ようやくわかることもあります。
とても地味で面倒くさい作業かもしれませんが、根気強く進めることがプログラミングの現実だと感じています。
いつか、私が実践している解決手段をいくつか紹介した記事も書きたいと思います。
さいごに
今回は、webデザインを学び始める方に向けたおすすめ本、アプリ、そして学習するうえでの注意点について書いてみました。
私もまだまだ初心者で学ぶことの方が多いですが、学習しながら気づいたことなどをブログの場でアウトプットしていけたらなと思います。