ウミ
クル

独学の進め方

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について勉強しました。

趣味のレベルで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週間

インプットとアウトプットをバランスよく取り入れて、楽しく、効率よく勉強していけるといいですね。 Git/GitHubやjQuery、WordPressなど、まだまだ勉強したいことが山盛りですが、コツコツと頑張っていこうと思います。