初めまして
フロッグポッドに2024年度に入社しました、
デザイン部の町田と申します。
デザインもフロントエンドもまだまだ勉強中です！

私は以前、福祉系の仕事をしていて、そこから独学をして現在はデザイン部で業務をしています。
今回は、私がどのような独学をしたのか、その方法を記事まとめてみました。


■目次：
【フロントエンドの勉強】
①プロゲート
②ドットインストール
③サイトの模写
④ポートフォリオの作成

【デザインツールの勉強】
①Adobeのチュートリアル
②デザインドリル

コロナ禍の中での勉強だったため、
比較的多くの時間を勉強に充てることができました。
仕事を続けながら、半年ほど勉強を続けていたと思います。

【フロントエンドの勉強】

①プロゲート

プロゲートでは以下のコースを受講しました
●HTML & CSS
●PHP
●JavaScript（少しだけ）
jQueryコースもやったほうが良いかもしれません

②ドットインストール

ドットインストールでは、主に以下のコースを進めました

●【サポート終了】 WordPress入門（全23回）
・当時、ローカル環境の構築にターミナルを使用していて苦戦しましたが、今では「Local」という便利なツールがあるので、そちらを使うのも良いかもしれません。 また、Webサイトを作れるようになろう というコースもおすすめです。


現在私が見て「これもやっておけば良かった」と思うおすすめコース

●Web制作で便利なツールを使ってみよう
●Webサイトに動きをつけてみよう


（ドットインストールでは、現役デザイナーになった私も勉強したいコースがありますね...。）

●ドットインストールのコース一覧
https://dotinstall.com/lessons

③サイトの模写

WEBギャラリーで見つけた綺麗なサイトを模写しました（主にTOPページのみ）。
模写するサイト選びで悩む場合は、以下のサイトもおすすめです。

●CODE JUMP
https://code-jump.com/

④ポートフォリオの作成

ポートフォリオは転職活動のために作成しました。以下を参考に進めました。

●ドットインストールの「WordPress構築」
●書籍「WordPress 標準デザイン講座」



最初は難しいと感じる部分もありましたが、「まずは作ってみる！」という気持ちで取り組みました。
自分のデザインや構成に悩むことも多かったですが、完成を目指して進めることが大切です。 

【デザインツールの勉強】

①Adobeのチュートリアル

IllustratorやPhotoshopの基本操作は、公式チュートリアルで学びました。

●Adobe Illustrator 初心者向けチュートリアル
https://www.adobe.com/jp/learn/illustrator/web/beginners-tutorial-1
(イラレアプリ上で開くといいですよ)

② デザインドリル

デザインドリルでIllustratorやPhotoshopの使い方を実践的に学びました。

■おすすめ書籍

デザインの基礎を学ぶのに特に役立った書籍はこちらです。

●ノンデザイナーズ・デザインブック
デザインの基礎が分かりやすく書かれています。初心者の方にもおすすめです。

■まとめ

その後、私はECサイト運営やLPページ作成の仕事を経て、現在はフロッグポッドで働いています。
まだまだ学ぶことは多いですが、これからも勉強を続けていきます！

WEBデザインを独学でしている方、一緒に頑張りましょう！