未経験からTechAcademyでエンジニアになる

WordPress スクール 転職

レビュー TechAcademy Webデザイン+WordPressセット

更新日:

TechAcademyは様々なプログラミング言語が学べる、オンラインプログラミングスクールです。

 

僕は未経験からWebデザイナー/エンジニアに転職したのですが、初期学習としてTechAcademyを受講していました。

30代未経験からイケイケWeb系企業に転身できた理由
30代未経験Webエンジニア・デザイナーが高収入な企業に転職する方法まとめ

32歳でSIerを退職し、未経験からWebエンジニア兼Webデザイナーとして零細企業に転職。 転職から2年が経ち、札幌の …

 

 

色々なコースがありますが、その中でもWebデザイン+WordPressセットコースを受講しました。

本記事では、Webデザイン+WordPressセットについて、下記のポイントをまとめてみます。

  • 講座内容
  • 習得したスキル
  • 就職に役立つかどうか

 

講座内容

基本的な流れは テキスト→課題→レビュー そして定期メンタリング

基本的な流れは、

  1. テキストを読む
  2. 課題で手を動かす
  3. 課題に対して、メンターからレビューを受ける
  4. 週1の定期メンタリング

と言う流れになります。

 

テキストはこんな感じで、

TechAcademyのテキスト

各レッスン毎に細かくチャプター分けされていて、チャプターに沿って淡々と進めていきます。

途中途中課題が用意されていて、

techacademyの課題例

テキストで学習した後に、無理なくできる範囲の要件の課題が提示されます。

それを試行錯誤しながらこなしていく、という連続。

 

ここで分からないところがあると、すぐ挫折しますが、TechAcademyにはチャットサポートがあります。

こんな感じにチャットで現役エンジニアに質問をすることができます。

TechAcademyでチャットで質問する

質問をすると、だいたい数分で答えが返ってきます。

すごく悩んでいた問題等も、ソースコードとサイトのスクショを貼り付けてSlackで質問すると、チャンネルにいるエンジニアが我先にと解決方法を提示してきて、即問題が解決します。

つまらないところで悩まなくて良いのが圧倒的な利点ですね。

 

さてテキストを読み込み、試行錯誤し、ときにチャットで質問しながら地道に課題を作っていきます。

おっかなびっくり課題を提出すると、下記のようなレビューが返ってきます。

TechAcademy課題のレビュー例

なんか優しい〜〜〜〜〜。そして細か〜〜〜〜い。

全てのレビューで思いましたが、何かしら褒めてくれるんですよね。

これは、徹底的に挫折する要因を排除しようとするTechAcademyの方針だと思います。

良いところを見つけて伸ばし、でもちゃんと指摘する的な。

受講期間通して、楽しく続けることができました。挫折したら元も子もないですからね。

 

あと、メンターさんと1週間に1回ビデオ面談でメンタリングを行うのですが、あれが地味に良かった。

メンターさんと進捗確認をするので、舐めた進捗だとメンターさんに申し訳ない気持ちになります(笑)

誰かに進捗を見せるというタイミングを設けることで、頑張ろうという気持ちが継続します。

 

テキストの内容はサイト設計から実装、実践的なツールの使い方まで幅広い

テキストの内容はかなり充実していました。しかもWebのテキストなので、最新情報が出てくればどんどんアップデートされます。

また、受講期間が終わっても閲覧可能で、なんなら今でもたまに見てます。

情報がアップデートされるのがマジで神がかっています。

Y平
Sassのインストール方法忘れちゃったよ(ポチィ)的に

 

Webデザインコース、WordPressコースそれぞれのテキスト内容はざっと下記のような感じです。

 

Webデザインコースのテキスト内容

HTML/CSSを使ってWebサイトを作れるようになるのは勿論、その前段階のサイト設計やターゲットに応じたデザインの作り方まで幅広いです。

具体的には下記の通り

設計観点

  • サイト作成の目的、ターゲット設定
  • サイト設計
  • サイトデザインの方針立てのやり方
  • ワイヤーフレームなどのWebデザインの設計図の作り方

デザイン観点

  • 配色やタイポグラフィ、レイアウトなどのデザイン基礎
  • 設計図に基づいたデザインカンプの作り方
  • 高解像度の場合やスマホの場合のデザイン作成方法

コーディング観点

  • HTML/CSSを使うための環境構築方法
  • ディベロッパーツールを使った効率的なデバッグ方法
  • スマホサイトの対応方法
  • 課題で指定のサンプルサイトを3つ作る
  • 最終課題はオリジナルサイト。レンタルサーバー上で実際にサイト公開まで持っていく

必要なツール観点

  • プログラム管理方法(git)
  • Photoshopの基本的な操作方法 よくある技術習得
  • チャットを使ったコミュニケーション方法(Slack)

 

WordPressコースのテキスト内容

WordPressの導入、WordPressを用いたサイト更新の方法はもちろん。WordPressのオリジナルテーマを1から作れるようになります。

オリジナルテーマをきちんと勉強した上で作ることができる人材は貴重です。色々なサイト制作案件で重宝されます。

具体的には下記の通り

設計観点

  • サイト作成の目的、ターゲット設定
  • サイト設計
  • サイトデザインの方針立てのやり方
  • SEOの基礎
Y平
サイト設計観点については、Webデザインコースとほぼ同じ

 

コーディング観点

  • HTML/CSS/PHPを使うための環境構築方法
  • ディベロッパーツールを使った効率的なデバッグ方法
  • WordPressテンプレートの仕組み、作り方
  • 課題で指定のデモサイトを作る
  • 最終課題はオリジナルサイト。レンタルサーバー上で実際にサイト公開まで持っていく

必要なツール観点

  • プログラム管理方法(git)
  • チャットを使ったコミュニケーション方法(Slack)
  • WordPressのバックアップツール
  • 定番WordPressプラグインの使い方

 

Y平
この内容が網羅できれば、新卒Webデザイナーであれば大分イケてる気がする

 

 

課題はHTML経験者なら簡単、未経験でも何とかなるレベル

Webデザインコース、WordPressコースともにいくつかの課題があります。

難易度は、若干難しいかなと言ったところ。

 

僕はTechAcademy受講前に、ドットインストールで少しだけ勉強していたので、最初からある程度知識がありました。

その状態でも課題はやりがいがあり、少しだけ悩む時もありました。(主にCSSで)

 

ただ、メンタリングや、質問チャットもあるので、全くの未経験でも乗り切れるとは思います。

不安な方は下記で予習をしておくと確実です(無料)。

ドットインストールでWebデザイナー
Webデザイナーになるためのドットインストール オススメ講座

  ドットインストールはプログラミング動画講座サービスです。 ドットインストールを3行で説明 ソフト開発の言語 …

 

実際に作った課題デモサイトは下記のようなものです。

 

TechAcademy課題 コーポレートサイト

TechAcademy課題 コーポレートサイト

 

TechAcademy課題 ECサイト

TechAcademy課題 ECサイト

 

TechAcademy課題 WordPress

 

デモサイトと侮るなかれ。

スマホ対応はもちろんのこと、ECサイトっぽいレイアウトまで。

 

WordPressコースでは定番プラグインを使って時短をかますテクニック等、実戦で使うネタが豊富でした。

 

Webデザインコースの場合は、実際にワイヤーフレームを起こし、Photoshopを使ってデザインを起こすところから行います。

githubでソースコードを管理するなど、現場のフローそのものを体験できました。

 

画面共有を使ったメンタリングで挫折しない

週一のメンタリングでは、ビデオチャットを用いて、自分の開発環境を共有しながら分からないところを相談できます。

自分の開発環境を共有しながらと言うのがポイントです。

 

実際プログラミングをしていると、チャットだけで分からないところを相談するのは大変です。

口頭であっても難しい。

 

その点、開発環境をメンターと共有することで、

メンターがリアルタイムでプログラムを書きかえながら教えてくれる場合があります。

 

初心者のうちは、そもそも何が分からないか分からないと言う状況が続くため、これが大変ありがたいです。

挫折する可能性を限りなく少なくしてくれます。

 

担当メンターからテキスト以上のレベルを教えていただくこともある

担当メンターとのメンタリングの際に、

「もっと応用的なデザインの知識が学びたい」

と言ってみたところ、さらに踏み込んだレビューを行ってくれたことがありました。

 

オリジナルサイトのデザインについて、通常のレビューよりさらにレベルを高めて、無茶苦茶細かく(時に厳しく)レビューをしていただきました。

さらにオススメの本や今後の勉強方法までアドバイスをいただき、本当に助かりました。

もっと応用的なスキルを磨きたい場合、担当メンターに相談すると、さらにレベルの高いサポートを受けることができる場合があります。

Y平
この時指摘いただいたレビュー事項の数々が、僕のデザイナー人生をスタートさせたと言っても過言ではなかった。今でもこのレビュー思い出す

 

習得したスキル

Webデザイン+WordPressコースの受講を修了して、身についたスキルは下記です。

 

設計観点のスキル

  • ターゲットを意識したサイト設計ができる
  • ワイヤーフレーム作成ができる
  • WordPressプラグインの選定と計画ができる

 

デザイン観点のスキル

  • レイアウトなどのデザインの基礎
  • Photoshopを用いたレタッチの基礎
  • Webサイトっぽいレイアウトの知見(上にメニューがあってフッターがあって、見出しはこうでとか、よくあるヘッダ画像の表現はこれでとか)

 

コーディングのスキル

  • HTML/CSSを使って正確にデザインを表現できる
  • WordPressのテンプレートをイチから作れる
  • WordPressのプラグインを使って、SEO対策や、問い合わせフォーム、よくあるサイト要素の構築ができる

 

 

就職に役立つかどうか

正直、大卒レベルでこのぐらいやれれば、就職に困ることはまずないでしょう。

ただ、Web系エンジニアと言うのは継続的にスキルを磨く必要があるため、ある程度楽しめないとやってられません。

「あまり僕/私には向かないな」と思ったら、スッパリと諦めるのも手です。

まずはTechAcademyの無料体験でノリを掴んでみて、自分に合ってるなと思ったらやってみてください。うまくいくと手に職が持てるので食いっぱぐれることはなくなります。

 

Y平
中途の方もTechAcademyで就職が不可能なわけではありません。実際に僕がTechAcademyを起点に、中途未経験からチャラチャラベンチャーに転職した経緯を下記にまとめています。是非読んでみてください
30代未経験からイケイケWeb系企業に転身できた理由
30代未経験Webエンジニア・デザイナーが高収入な企業に転職する方法まとめ

32歳でSIerを退職し、未経験からWebエンジニア兼Webデザイナーとして零細企業に転職。 転職から2年が経ち、札幌の …

 

本日は以上!!!!

 

あわせて読みたい

30代未経験からイケイケWeb系企業に転身できた理由
30代未経験Webエンジニア・デザイナーが高収入な企業に転職する方法まとめ

32歳でSIerを退職し、未経験からWebエンジニア兼Webデザイナーとして零細企業に転職。 転職から2年が経ち、札幌の …

ドットインストールでWebデザイナー
Webデザイナーになるためのドットインストール オススメ講座

  ドットインストールはプログラミング動画講座サービスです。 ドットインストールを3行で説明 ソフト開発の言語 …

 

  • この記事の筆者

Y平

札幌のWebデザイナー。オモコロライターも。Webデザイン、Web集客、コーダーできます。2016年に7年勤めた富士通を退職→零細Web制作会社→札幌大手Web制作会社に転職。幼い娘とウサギ、嫁を養う。WordPressが大好きかつ得意なのですが、全然WordPress案件ありません。WordPressで困っている方、まじで気軽に声かけて。WordPressがやりたくて仕方ないの。

 

 

おすすめWeb系転職記事

30代未経験からイケイケWeb系企業に転身できた理由 1

32歳でSIerを退職し、未経験からWebエンジニア兼Webデザイナーとして零細企業に転職。 転職から2年が経ち、札幌の …

中途未経験からWeb系企業に入る 2

僕は大手SIer勤務を経て、Web業界未経験から、転職2社目にして札幌のとあるイケイケWeb系企業への転職を成功させまし …

中途未経験から高収入Web系企業に入る 3

僕は大手SIer勤務を経て、Web業界未経験から転職2社目にして札幌のとあるイケイケWeb系企業への転職を成功させました …

未経験からTechAcademyでエンジニアになる 4

TechAcademyは様々なプログラミング言語が学べる、オンラインプログラミングスクールです。   僕は未経 …

ドットインストールでWebデザイナー 5

  ドットインストールはプログラミング動画講座サービスです。 ドットインストールを3行で説明 ソフト開発の言語 …

-WordPress, スクール, 転職

Copyright© バイラシー , 2019 All Rights Reserved Powered by AFFINGER5.