IT未経験の転職ガイド

IT未経験
転職ガイド

TechAcademy受講ガイド

プログラミング
スキル習得

マイプロテインってどんなブランド?【おすすめな理由を徹底解説】

マイプロテイン
完全利用ガイド

GronG(グロング)のプロテインは評判が良い?【この記事を読めば購入に失敗しません】

グロング
完全利用ガイド

Pick up!

働き方

 
社会人の「つまらない」を抜け出す方法を解説【行動の意味を考える】

社会人の「つまらない」を抜け出す方法を解説【行動の意味を考える】

2022/02/18
 
【徹底解剖】テックアカデミーのフロントエンドコースの情報まとめ

【徹底解剖】テックアカデミーのフロントエンドコースの情報まとめ

2021/09/16
 
【初心者必見】VBAで業務効率化を実現するまでのロードマップ【6つの手順で実現】

VBAで業務効率化を実現するまでのロードマップ【6つの手順で実現】

2021/04/13

筋トレ・サプリ

 
マイプロテインってどんなブランド?【おすすめな理由を徹底解説】

マイプロテインってどんなブランド?【おすすめな理由を徹底解説】

2021/04/16
 
【GronG/グロング】スタンダードとベーシックの違いは?【おすすめが決定】

【GronG/グロング】スタンダードとベーシックの違いは?【おすすめが決定】

2022/06/15
 
【1番おすすめのホエイプロテインが決定】勝手に点数評価して比較しました

【1番おすすめのホエイプロテインが決定】勝手に点数評価して比較しました

2021/05/15

エンタメ

 
【徹底解剖】アローバースを理解するための完全ガイド【見どころをまとめました】

アローバースを理解するための完全ガイド【見どころをまとめました】

2021/04/26
 
【トム・ハーディ】おすすめ映画5作品

【トム・ハーディ】おすすめ映画5作品

2019/03/09
 
【どんな役でもこなす俳優マーク・ウォールバーグ】おすすめ映画17選

【どんな役でもこなす俳優マーク・ウォールバーグ】おすすめ映画17選

2020/03/22

コラム

 
【入院前に必ず読んでください】病室での生活を快適にする便利グッズを紹介【体験談あり】

病室での生活を快適にする便利グッズを紹介【体験談あり】

2021/05/24
 
入院時におすすめのWi-Fiレンタルサービスを紹介

入院時におすすめのWi-Fiレンタルサービスを紹介

2021/07/20
 
【健康に良いおすすめの入浴剤は?】入浴剤を悩みに沿ったおすすめ10選

【健康に良いおすすめの入浴剤は?】入浴剤を悩みに沿ったおすすめ10選

2020/03/16

新着&プロフィール

【徹底解剖】テックアカデミーのフロントエンドコースの情報まとめ

【徹底解剖】テックアカデミーのフロントエンドコースの情報まとめ

 

テックアカデミー(TechAcademy)のフロントエンドコース受講経験を基に感想や情報をまとめました。

 

 本記事の内容

 

テックアカデミーのフロントエンドコースに関して『どれくらい難しいのかな?』『どういう人におすすめなのかな?』『どんなスキルが身につくのかな?』など多くの疑問があるかと思いますが、ほとんど全てこの記事で解答しています。

 

このページを読め進めていけば、フロントエンドコースに関する疑問は解消されるはずなので、ぜひ参考にしてください。

 

本題に入る前に、記事の信頼性を保つために私のテックアカデミーの受講歴について少し触れておきます。

 

 テックアカデミーの受講歴

受講期間 2020年7月13日(月)~2021年1月31日(日)
費用 510,400円(税込)
受講コース数 16コース

 

最初に受講したコースは『Webアプリケーション+フロントエンド』のセットを受講しました。

 

その後、定額制受け放題プランを活用して合計16コース受講しています。

 

以下の記事でより詳しく解説しているのでよろしければご覧ください。

 

 合わせて読みたい

 
【TechAcademy】定額制ウケ放題プランの概要【受講前要確認】

【TechAcademy】定額制ウケ放題プランの概要【受講前要確認】

 

多くのコースを受講しましたが、フロントエンドコースはテックアカデミーの中でも副業にも転職目的にも向いているため、特におすすめです。

 

 無料体験のご案内

無料体験は以下の人に特におすすめ

  • オンラインを体験したい人
  • メンタリングを体験したい人
  • 受講に関する相談をしたい人

 

それでは本題に入っていきます。

 

フロントエンドコースのテキスト内容

フロントエンドコースのテキスト内容

 

そもそもフロントエンドとは、Webサイトのうち文字入力など直接ユーザーが見たり触ったりする部分の事です。

 

フロントエンドコースは全てで11のレッスンで構成されておりHTML/CSSによるコーディングから、JavaScriptやjQueryによるWebサイトのカスタマイズを学びます。

 

 フロントエンドコースのテキストの内容

Lesson0

事前準備

メンタリング方法や環境構築など

Lesson1

フロントエンドの概要

フロントエンドの歴史、Webサイト制作の流れなど

Lesson2

HTML/CSS

HTMLの基礎、CSSチュートリアルなど

Lesson3

JavaScript

JavaScriptでHTMLの書き換え、DOMなど

Lesson4

jQuery

要素の表示/非表示、アニメーションなど

Lesson5

Bootstrap

viewpointの設定、外部アイコンの追加など

Lesson6

外部ライブラリ

ライトボックス、アニメーションなど

Lesson7

Web API

Web APIの概要、Ajaxにおける注意点など

Lesson8

BaaS

FireBaseの使い方、リアルタイムチャットなど

Lesson9

Vue.js

タブ機能をつくる、スロット、プラグインなど

Lesson10

オリジナルサイト

さくらサーバーで公開、外部ライブラリ一覧など

Lesson11

更に学ぶために

Node.js、各種ライブラリの紹介など

 

中でも、オリジナルサイトでは企画・設計の方法からWeb上に公開するまでのスキルを身につけることができます。

 

以下の記事でより詳しくコースのテキスト内容について解説しているので、ぜひご覧ください。

 

 合わせて読みたい

 
テックアカデミーのフロントエンドコースの内容【難しい項目は3つ】

テックアカデミーのフロントエンドコースの内容【難しい項目は3つ】

 

フロントエンドコースの課題

フロントエンドコースの課題

 

フロントエンドコースは、全部で12種類の課題があります。

 

Webページによくある「タブ機能」の追加方法や、「お気に入り機能」の追加などがあります。

 

※タブ機能のイメージ

タブ機能のイメージ<

 

「お気に入り機能」はTwitterなどの「いいね」のベースとなる技術で、どのように作られているのかを理解することができます。

 

 フロントエンドコースの課題

レッスン チャプター 課題

Lesson2

HTML/CSS

HTMLチュートリアル

HTMLで文書作成

Lesson2

HTML/CSS

CSSチュートリアル

CSSでレイアウト

Lesson3

JavaScript

DOM

Web電卓の作成

Lesson4

jQuery

あの部品はどうやって

できてるの?

タブ機能の作成

Lesson5

Bootstrap

まとめ

お問い合わせページの作成

Lesson6

外部ライブラリ

スクロールに合わせて

コンテンツをふわっと出す

アニメーションの追加

Lesson7

Web API

Flickr APIで写真を検索しよう

Lesson6のサイトにFlickr API

を使う

Lesson8

BaaS

自分だけの本棚サイト

を作ろう

削除機能の追加

Lesson8

BaaS

機能追加を考える上での

参考資料

お気に入り機能の追加

Lesson9

Vue.js

Flickr APIを使う

Vue.js中間課題

Lesson9

Vue.js

コンポーネント

Lesson6のサイトにFlickr APIと

Vue.jsを使う

Lesson10

オリジナルサイト

オリジナルサイト制作

に向けて

【最終課題】オリジナルサイト

の開発と公開

 

課題については、以下でより詳しく紹介しているのでぜひご覧ください。

 

 フロントエンドコースの課題を詳しく知りたい

 
テックアカデミーのフロントエンドコースの課題【難しい課題は6つ】

テックアカデミーのフロントエンドコースの課題【難しい課題は6つ】

 

フロントエンドコース受講後のキャリア

フロントエンドコース受講後のキャリア

 

 フロントエンドコース受講後に考えられるキャリア

  • 転職を目指す
  • 副業・フリーランスを目指す
  • 現職で活かす

 

フロントエンド自体が需要の高いスキルであるため、キャリアの選択肢は多いところが特徴です。

 

それでは、詳しく見ていきましょう。

 

転職を目指す

 

フロントエンドコース受講後の転職方法としては、2パターンがあります。

 

 フロントエンドコース受講後の転職方法

  • テックアカデミーキャリア
  • リクナビ・マイナビ等の外部サービス

 

テックアカデミーキャリアとは、テックアカデミーが受講者限定に提供する求人サービスです。

 

テックアカデミーキャリア

 

このテックアカデミーキャリアか、その他サービスを利用して転職を実現させます。

 

テックアカデミー受講からの転職を目指す上での最大のメリットは、ポートフォリオサイトが制作出来ること。

 

ポートフォリオサイトは、その人の力量を測るサイトになるため転職時にはとても重要となってきます。

 

フロントエンドコース受講後の転職については、以下の記事でより詳しく紹介しているので、ぜひ参考にしてみてください。

 

 フロントエンドコース受講後の転職について知りたい

 
テックアカデミーのフロントエンドコースは転職可能【3つの理由】

テックアカデミーのフロントエンドコースは転職可能【3つの理由】

 

副業・フリーランスを目指す

 

フロントエンドコースは副業がすぐにできるようになるが、すぐにフリーランスになることは厳しい。

 

フロントエンドコース受講者はテックアカデミーワークスという案件紹介のサービスを受けることができます。

テックアカデミーワークス

 

このサービスは、メンターのサポートつきで実案件に挑戦できます。もちろん報酬ありです。

 

そのため、案件獲得スキルも身につけることが可能です。

 

 テックアカデミーワークスの特徴

  • 全員へ1ヶ月以内に独自の案件を提供
  • 初心者向け案件を多数ご用意
  • 納品までメンターがしっかりサポート

 

フロントエンドコース受講後の副業に関しては、以下の記事でより詳しく紹介しています。

 

 合わせて読みたい

 
テックアカデミーのフロントエンドコースは副業向き【3つの理由】

テックアカデミーのフロントエンドコースは副業向き【3つの理由】

 

副業ができる一方、フリーランスにすぐになることは難しいです。

 

テックアカデミーワークスで紹介される案件は、その人のレベルに合わせているため、最初は報酬が低い場合が多いです。

 

月数万稼ぐ程度で、フリーランスになることは生活困難になってしまうので、副業として実績やスキルを身につけてからにしましょう。

 

フロントエンドコースの評判・口コミ

 

テックアカデミーは実際に受講者数も多く、受講後のアフターフォローにも力を入れています。

 

先ほど、紹介したテックアカデミーワークスもアフターフォローの一つです。

 

以下は、HPにある受講生の声です。

テックアカデミーは1人で学習していると解決できないようなつまずきや、些細な疑問に対しても、現役のプロのメンターがいつでも親身に答えてくれて私でも理解できました。(より詳しい口コミはこちら

 

他スクールでは学生アルバイトがメンターの場合もあるので、現役のプロのエンジニアがメンターというだけで1つの安心材料にもなります。

 

ただ当然のことながら、受講した結果が満足のいかない場合もあります。

 

一例として、良かったという口コミと良くなかったという口コミを一部抜粋します。(Twitterの情報をもとにしました)

 

 口コミ①

昨年、1ヶ月間テックアカデミーのフロントエンドコースを受講していました。質問できる環境が整っていることはプログラミング学習において最強でした。文系出身ですが,早期内定もらえるなど大きな見返りがありました。

 

 口コミ②

外部ライブラリとweb APIでいよいよ頭がこんがらがってきた。整理してもう一度テキストを読む!メンターさんには、エンジニアとしては使えて当たり前、と言われました

 

実際に、内定を取れたという人もいれば、メンターから厳しい意見をもらった人もいるようです。

 

メンターは誰になるかわからずランダムなので、その人と合う場合もあれば、少しやりにくい人にあたる可能性もあります。

 

ただ、比較的メンターが良くなかった意見の方が少ない事や面接等を通じて厳選されているため、良い人ばかりです。

 

 合わせて読みたい

 
【TechAcademy/テックアカデミー】メンタリングのよくあるご質問を元受講者が回答

【TechAcademy】メンタリングのよくあるご質問を元受講者が回答

 

他にも様々な評判や口コミがあるかと思いますが、一番重要なことは目標を明確にすることです。

 

目標がなければ、どれくらい勉強すれば良いのか、どのタイミングで案件に挑戦すれば良いのかがわかりません。

 

一方、『月3万円稼げるようになりたい』という具体的な目標があれば、どのレベルの案件を挑戦すれば良いのかがわかります。

 

結果、どれくらい勉強すれば良いのかもある程度明確となります。

 

テックアカデミーのメリットはメンタリングでもあることから、はっきりした目標であればあるほど求めるアドバイスをもらうことができます。

 

受講前は、しっかり目標を立てましょう。

 

メンタリングについては、以下の記事で解説しているのでぜひご覧ください。

 

 合わせて読みたい

 
【メンタリングがいらないと思う人必見】活用方法を紹介

【メンタリングがいらないと思う人必見】活用方法を紹介

 

料金は安いのか?【他スクール比較】

料金は安いのか?【他スクール比較】

 

結論から言うと、テックアカデミーのフロントエンドコースは他スクールよりも安いです。

 

また、テックアカデミーはフロントエンドの技術をよりメインで学ぶことができるのが特徴としてもあります。

 

 フロントエンドが学べるスクール

  • テックアカデミー
  • コードキャンプ
  • DMM WEBCAMP
  • テックキャンプ

 

 料金比較

スクール名 コース名 料金 形式 特徴
テックアカデミー フロントエンドコース

社会人:174,900円~

学生:163,900円~

オンライン フロントエンドの内容に特化している
コードキャンプ デザインマスターコース 198,000円~ オンライン photoshopなどデザイン面も学べる
侍エンジニア塾 SAMURAI ENGINEER 166,000円~ オンライン オーダーメイドでカリキュラムを選択できる

 

テックアカデミーの一番の特徴は、フロントエンドに特化していることです。

 

また、テックアカデミーは割引サービスが多く、上手く活用することでとても安く受講することができます。

 

そのあたりは、以下の記事で解説しているのでぜひご覧ください。

 

 合わせて読みたい

 
TechAcademy(テックアカデミー)の料金は高くない【他スクール比較・割引情報】

テックアカデミーの料金は高くない【他スクール比較・割引情報】

 

おすすめの期間は12週間

おすすめの期間は12週間

 

フロントエンドコースは12週間もしくは16週間プランを受講する場合に限り、先割を適用させることができます。

 

この先割を適用することで12週間プランが一番お得になります。

 

先割とは1ヶ月以上先に受講が開始される期に申し込むことで適用されるキャンペーンです。ほぼ通年で行われています。

 

先割

 

今のキャンペーン状況はこちらからご覧ください。

 

 先割の2つのメリット

  • 5%引きになる
  • 事前学習ができる

 

それぞれ深堀していきます。

 

5%引きは1万円以上割引になる

 

5%引は割引率が低いように感じますが、金額が高いだけに割引される額は大きいです。

 

フロントエンドコースの12週間プラン・16週間プランで先割を適用した場合、社会人はそれぞれ14,245円、16,995円、学生の場合だとそれぞれ11,495円、13,145円割り引くことができます。

 

他の割引でも基本的に1万円引きとなるので、先割が一番お得です。

 

テックアカデミーの料金は以下の記事で詳しく紹介しているので、ぜひご覧ください。

 

 合わせて読みたい

 
TechAcademy(テックアカデミー)の料金は高くない【他スクール比較・割引情報】

テックアカデミーの料金は高くない【他スクール比較・割引情報】

 

事前学習ができる

 

テックアカデミーは、入金が確認され次第テキストを進めることができます。

 

受講開始とは、厳密に言えば課題レビューやメンタリングのサービスが始まることです。

 

先割で申込後すぐに入金すれば受講開始までに1ヶ月以上早めにテキストを進めることができます。

 

12週間プランを1ヶ月以上前から進められると考えれば、12週間プランがおすすめです。

 

ただ、予算があるという人はメンタリングの数が多い16週間プランがおすすめです。メンタリングの数は多いほど、得られる情報も多くなりますので。

 

先割を適用し、受講開始までに課題も進めておき、開始されればどんどん課題を提出していくという流れがおすすめです。(実際に無料体験時にアドバイスもらいました)

 

私の経験上、フロントエンドコースはLesson7~9は難易度が高く、理解するのに結構な時間がかかってしまいます。

 

そのため、先割の事前学習のうちに基本的なところは済ませておき、重要な部分に時間をさけるようにしましょう。

 

ちなみに4週間プランは一番安いですが、できれば長めの方がおすすめです。そのあたりは以下の記事で紹介しています。

 

 合わせて読みたい

 
【テックアカデミー】4週間プランはもったいない?【元受講者が解説】

【テックアカデミー】4週間プランはもったいない?【元受講者が解説】

 

セットで受講すべきか?【目的次第】

セットで受講すべきか?【目的次第】

 

 フロントエンドコースを含むセット

  • フロントエンド+副業
  • Webアプリケーション+フロントエンド
  • Webアプリケーション+フロントエンド+Webデザイン
  • PHP/Laravel+フロントエンド
  • PHP/Laravel+フロントエンド+Webデザイン

 

フロントエンドコース自体は転職にも副業にも向いているコースです。

 

転職が目的の場合はWebアプリケーションかPHP/Laravelのセットがおすすめです。副業が目的の場合は、フロントエンド+副業セットがおすすめです。

 

WebアプリケーションコースはRubyを扱いますが、RubyによるWebアプリ開発は規模が大きいため、副業向きの案件はそれほどありません。

 

一方で、Rubyを扱う会社は多くフロントエンドの知識を持つ人は貴重です。PHPも同様です。

 

フロントエンド+副業セットは、副業目的の人向けに特化した『はじめての副業コース』がセットです。

 

『はじめての副業コース』はフロントエンドの部分も学びますが、Webデザインについても学びます。

 

いつか高額な案件を狙いたいのであればセットがおすすめ。月数万程度が目的であれば、どちらかを単体で受講がおすすめです。

 

 はじめての副業コースの詳細はこちら

はじめての副業コース

  • 未経験でも確実に副業を始められる
  • 在宅で働くことができる
  • 手に職つけられる

 

基本的にセットは、単体で受講するよりも安く受講することができます。

 

転職を目指す人は幅広いスキルが身につくため、できるだけセットで受講しましょう。

 

セットでの受講については、以下の記事で紹介しています。どんな組み合わせがあるか知りたい人はぜひご覧ください。

 

 合わせて読みたい

 
【TechAcademy/テックアカデミー】セットは本当に得なのか?【受講者の感想も紹介】

【テックアカデミー】セットは本当に得なのか?【受講者の感想も紹介】

 

フロントエンドコースを受講した感想

フロントエンドコースを受講した感想

 

私はWebアプリケーションコースとセットで受講していましたが、仕事をしながらだときつかったです。

 

期間としては、2コース合わせて16週間だったので、1コースあたり8習間です。

 

もう少し時間をかけたかったとは思いましたが、メンターは図を使った説明も多くわかりやすくて当たりでした。

 

以下の記事では、より詳しく感想を書いているので、ぜひご覧ください。

 

未経験から見たカリキュラムや、メンタリングの感想など書いているので、ぜひ参考にしてみてください。

 

 合わせて読みたい

 
【感想】フロントエンドコースを受けてみた【テックアカデミー】

【感想】フロントエンドコースを受けてみた【テックアカデミー】

 

まずは無料体験を受講しよう

 

本受講を受ける人も、検討段階の人もまずは無料体験は受けるべきです。

 

無料体験は、1週間を通して簡単なカリキュラムを受けることもでき、メンタリングも経験することができます。

 

メンタリング時には何でも質問・相談ができるので、迷っていることがあればその場で疑問を解消することもできます。

 

また、テキストを進めるうえで、勉強環境の準備やメンタリングを受ける手順などいくつか事前準備が必要になります。

 

受講後の準備の時間を少しでも削減するために、一度無料体験で経験して慣れておいた方が絶対良いです。

 

 無料体験のご案内

無料体験は以下の人に特におすすめ

  • オンラインを体験したい人
  • メンタリングを体験したい人
  • 受講に関する相談をしたい人

 

以上、フロントエンドコースに関する情報まとめでした。

 

 フロントエンドコースのご案内

フロントエンドコース

  • 転職を目指す人
  • 副業をしたい人
  • JavaScriptを学びたい人

 

関連記事

 

 テックアカデミーのおすすめコースを知りたい

 
【TechAcademy/テックアカデミー】おすすめコースをニーズ別に紹介

【TechAcademy/テックアカデミー】おすすめコースをニーズ別に紹介

 

 テックアカデミーの料金を詳しく知りたい

 
TechAcademy(テックアカデミー)の料金は高くない【他スクール比較・割引情報】

テックアカデミーの料金は高くない【他スクール比較・割引情報】

 

 フロントエンドコースの感想を知りたい

 
【感想】フロントエンドコースを受けてみた【テックアカデミー】

【感想】フロントエンドコースを受けてみた【テックアカデミー】

 

 フロントエンドコースの内容を詳しく知りたい

 
テックアカデミーのフロントエンドコースの内容【難しい項目は3つ】

テックアカデミーのフロントエンドコースの内容【難しい項目は3つ】

 

 フロントエンドコースの課題を詳しく知りたい

 
テックアカデミーのフロントエンドコースの課題【難しい課題は6つ】

テックアカデミーのフロントエンドコースの課題【難しい課題は6つ】

 

 フロントエンドコース受講後の副業について知りたい

 
テックアカデミーのフロントエンドコースは副業向き【3つの理由】

テックアカデミーのフロントエンドコースは副業向き【3つの理由】

 

 フロントエンドコース受講後の転職について知りたい

 
テックアカデミーのフロントエンドコースは転職可能【3つの理由】

テックアカデミーのフロントエンドコースは転職可能【3つの理由】

 

 Webデザインコースについて知りたい

 
未経験でWebデザインコースは難しい?副業スキルは身につく?【元受講生が評価】

未経験でWebデザインコースは難しい?副業スキルは身につく?【元受講生が評価】

 

 WordPressコースについて知りたい

 
【TechAcademy(テックアカデミー)のWordPressコースを受講した感想】副業スキルは身につく?

【テックアカデミーのWordPressコースを受講した感想】副業スキルは身につく?

 

 Pythonコースについて知りたい

 
テックアカデミーのPythonコースはどんな人におすすめ?【AIエンジニア目指せます】

テックアカデミーのPythonコースはどんな人におすすめ?【AIエンジニア目指せます】