独学の進め方

webデザインを学ぶためにはスクールへ通う方法と、独学で本やオンライン講座から学ぶ方法があります。 私の場合は、子ども達が学校にいる間という時間的な制約と、主婦なのでなるべく初期費用を抑えたいという理由から、独学を選択しました。 ここでは私の独学の進め方をもとに、反省を交えながら、より良い独学方法を模索してみたいと思います。

インプットとアウトプットのバランス
インプットって気持ちがいいんですよね。本でもUdemyでも実際に手を動かしながら素敵サイトが次々と立ち上がるので、出来ると錯覚してしまう。 でもいざアウトプットで一から作ろうとすると、なかなか上手くいかないことに気付きます。
私の場合はインプットの時間が長かったので、もう少しアウトプットの時間を入れながら進めればよかったなと思っています。

ブログを書こう
沢山インプットしても頭に定着させるには時間がかかります。 学んだことをブログにまとめると決めてからインプットをしていくと、勉強しながら沢山メモをとることになります。 メモをブログの記事として起こすと、もっと深く調べることが必要になり、どんどん知識の定着が深まると思います。

モチベーション管理
一人で勉強をしていると、どうしてもモチベーションの管理が難しく、やる気が落ちる時があります。 やる気がなくなった時は無理をせず、とことん違うことをして楽しみましょう。
私の場合は一日PCを触らない、小説を読む、映画を観るなど、完全にオフにする時間を作った後で、 勉強が気になりだしてから再開するとうまくいく気がします。
Twitterもモチベーションの管理にいい手段だと思います。
勉強中の方々をフォローしていると「今日は〇〇を頑張ります」「ブログアップしました」などのツイートが入るので、とても刺激になります。 また、制作会社の方々のツイートからは、有益な情報が沢山入ってきますので、情報収集の面からもツイッターはとても便利です。
ツイッターは面白いのでハマってしまって勉強ができなかった、と焦る日もあると思います。それはそれで良しとしましょう。

私の独学履歴

インプット履歴
HTML、CSS、JavaScriptについてのインプット履歴は以下の通りです。

開始日	内容	期間
2019月 9月19日	本： 「HTML&CSSとWebデザインが 1冊できちんと身につく本」	2週間
2019月 10月8日	Udemy: 「Webデザイナーのキャリアを 未経験からスタートするためのオールインワン講座」	7週間
2019月 11月28日	Udemy: 「Build Responsive Real World Websites with HTML5 and CSS3」	2週間
2019月 12月11日	Udemy: 「CSS - The Complete Guide 2020 (incl. Flexbox, Grid & Sass)」	8週間
2020月 2月4日	Udemy: 「Advanced CSS and Sass: Flexbox, Grid, Animations and More!」	5週間
2020月 5月13日	Udemy: The Complete JavaScript Course 2020: Build Real Projects!	7週間

HTML/CSSの勉強に並行してデザイン、CSS設計、GIMP、Inkscapeについて勉強しました。

• 「デザイン入門教室」
• 「なるほどデザイン」
• 「ハマる配色」
• 「CSS設計完全ガイド」
• 「知識ゼロからはじめるGIMPの教科書」
• 「できるクリエイター Inkscape 独習ナビ」

趣味のレベルでPhotoshop CS3（古い!!）を使っていたのですが、しっかり勉強したことがなかったので、 無料の画像編集ソフトGIMPを使って勉強しました。またIllustratorの代替として、無料のドロー系画像編集ソフトInkscapeについても勉強し、ベジェ曲線を学びました。
私はこの辺りの学習コストを節約してしまったのですが、ちゃんとAdobe Creative Cloudを購入した方がいいと思います !

アウトプット履歴
現時点ではまだまだアウトプット量が少ないので、これから頑張ります !

開始日	内容	期間
2020月1月4日	バネ製造会社のダミーサイト draft_01	1週間
2020月1月15日	Grid layoutチートシート	1週間
2020月1月22日	Flexboxチートシート	1週間
2020月3月24日	ブログ「ウミクル.com」	5週間