CSSをオンラインで学べるプログラミングスクール6選



CSSをオンラインで学べるプログラミングスクール6選

CSSを手っ取り早く、そして体系的にオンラインで学習しようとしているあなた・・・
恐らく「デザイン的な」要素でCSSのスキルをホッしていますよね。
そこで今回はCodeCamp社をはじめ、オンラインでCSSを教えてくれるプログラミング・スクールをまとめてみました。

目次
  1. CSSをオンラインで学べるプログラミングスクール6選
  2. CSSの基礎から応用まで学べるオンラインスクール
  3. CSSの基礎のみを学ぶオンラインスクール
  4. まとめ

CSSをオンラインで学べるプログラミングスクール6選

CSSの基礎から応用まで学べるオンラインスクール

一言で『CSS』といってもその学習範囲は広大で、単なるカラーリングや大きさといったCSSコードからスマホ対応のデザイン(レスポンシブ・デザイン)を取り入れたCSSコード、アニメーション要素を取り入れたCSSコードなどいろいろあります。

こちらで紹介するオンライン・スクールでは、基本的なCSSから応用的なCSSであるレスポンシブ・デザインまでを学べるスクールをご紹介。 WebページやWebアプリの開発、IT企業への就職・転職を考えている方は参考にしてみて下さい。

CodeCamp デザインマスター・コース

image

基本情報 CodeCamp
価格 148,000円〜 (デザインマスター・スピードプラン)
*本コースの場合、2ヶ月間にマンツーマン・レッスン20回。
先生 現役のWebデザイナー
先生の選択可可能
学習フロー
(例)
①まずはテキスト(オンライン)を読んで、やってみようとする。
②わからないこと、不安なことがあればレッスンをオンラインで予約。
③パソコン画面を共有して、先生にマンツーマンで教えてもらう
④再び自分でテキストを読み、課題をクリアしていく
⑤最終課題のクリアでゴール
受講時間帯 毎日7:00 〜 23:40の間で可能
ゴール 料理紹介ページの作成
スタート 即可能
無料体験 可能
企業情報 運営/コードキャンプ株式会社
開始/2012年
資本金/1億5,804万円(資本準備金は除く)
公式HP/https://codecamp.jp

受講生支援、学習内容、そしてコストとバランスのとれていることで有名なCodeCamp。 分かりにくいCSSもオリジナル・テキストとブラウザ完結型の学習ツールで、自分一人でも楽しく学習することができるでしょう。

今まではこのシステムを生徒さんにしか公開していませんでしたが、現在は無料登録すると使えちゃいます。(詳細情報)この機会にいかがでしょうか? 尚、本コース(デザインマスター)では、CSSの他にHTMLやPhotoshop、Illustratorなどデザイン全般を学びます。 CSS学習についても、レスポンシブ・デザインやBootstrapなど応用的なことも学習できるのでいいですね。

学習プランは、各人のペースに合わせて受講できるように以下の3パターンが用意されています。

  • 学習期間/2ヶ月プラン(デザインマスターコース 148,000円)
  • 学習期間/4ヶ月プラン(デザインマスターコース 248,000円)
  • 学習期間/6ヶ月プラン(デザインマスターコース 298,000円)

上記価格内容は、2018/2/1からの価格

TechAcademy

image

基本情報 TechAcademy
価格 129,000円〜 (Webデザインコース・4週間)
*本コースの場合、4週間の間にメンタリング7回とチャットサポート
先生 現役Webデザイナー
学習フロー
(例)
①まずはテキスト(オンライン)を読む
②コード書いたり、Photoshopを使ったりしてみる
③わからないことは先生に聞く
④オリジナルWebサイトの公開
受講時間帯 毎日15~23時の間で可能
ゴール オリジナルWebサイトの公開
スタート 定められた開始日
無料体験 無料説明会あり
企業情報 運営/キラメックス株式会社
開始/2009年
資本金/4,800万円(資本準備含む)
公式HP/https://techacademy.jp

こちらでは1ヶ月でオリジナルのWebサイトを公開までやってしまう、短期集中型のオンライン・プログラミング・スクールです。 学習内容は開発現場さながらの、Git/GitHubやワイヤーフレーム、Webデザインの原則、レスポンシブ・デザインまで学習する充実ぶりです。CSSにとどまらず、Webデザイン全般を学習したい方にむいている内容ですね。

開発環境についての詳しい情報はありませんが、HTMLがCloud9というクラウドサービスを使いますのでこちらも同じでは?と思います。 尚、「4週間ではキツイ」という方は、料金は上がりますが3ヶ月コースや4ヶ月コースも。 また「Webデザインコース」の場合、画像加工はPhotoshopのみになります。

ITブートキャンプ

image

基本情報 ITブートキャンプ
価格 348,000円
*期間3ヶ月間、サポート回数無制限
先生
学習フロー
(例)
受講時間帯 メンターと打ち合わせの上
ゴール 在宅ワーカー
スタート 空き待ち
無料体験 なし
企業情報 運営/株式会社Cajon
開始/2011年
資本金/35,000,000円(資本準備金含む)
公式HP/https://i-b-c.jp/

「ITブートキャンプ」、はじめて耳にされる方もいらっしゃると思います。 こちらのオンライン・スクールの特徴は、「女性限定」「サポート回数無制限」「受注保証」です。 具体的なカリキュラムや学習フローこそ未公開なものの、専属のメンターが何回でも受講者の質問に応じてくれるというのは心強いですよね。 また「学習中にもお仕事をお願いする」と記載ありますので、緊張感をもって学習に取り組むことができるでしょう。

在宅ワーカーとしてCSSやWebデザインを学ぼうとしている方にとっては有力なスクールですが、現在申込者多数でウェイティングリスト待ちの状態、そして受講には面接試験(オンライン?)があるという狭き門となっています。

CSSについては、Bootstrapベースでレスポンシブ・デザインを学習し、Adove XDやPhotoshopでデザインを学ぶ内容。 SEOやWordPress、ライティングもカリキュラムに含まれているので、CSS以外のWebスキル習得に期待できます。

CSSの基礎のみを学ぶオンラインスクール

こちらで紹介するオンライン・スクールは、どちらかというとデザイン要素が強いスクールになります。特徴としては、Dreamweaver(Adove)という開発ツールを使ってCSSをコーディング。 バナー制作やシンプルなWeb制作の受注・開発を目指している方は、参考にしたいですね。

デジハリ

image

基本情報 デジハリ・オンラインスクール
価格 108,000円など (Dreamweaver/HTML/CSS講座)
*36時間の動画+質問サポートサービス(課題の添削3回)
先生 デジタルハリウッドの講師
学習フロー
(例)
①まずは動画視聴
②課題を提出
③先生からの添削
受講時間帯 要確認
ゴール 5種類のWebサイト作成
スタート 概ね月始めから
無料体験 なし
企業情報 運営/デジタルハリウッド株式会社
開始/2005年
資本金/667,096,000円
公式HP/http://online.dhw.co.jp/

デジハリ・オンラインスクールにはたくさんのWebデザインコースがあり、こちらのDreamweaver/HTML/CSS講座は、IllustratorやPhotoshop等のグラフィックツールの使用経験がある方を対象にしています。 画像加工はできるけどWebへの組み込みや仕組みが分からない、という方を対象にしているんですね。

コース単体は68,000円ですが、添削や質問ができないので「質問サポートサービス」を付け加える方が無難そうです。 CSSの学習方法・開発環境については、Dreamweaver(Adove)を使って学習。 カリキュラムをみる限り、本コース*ではレスポンシブデザインやBootstrapの学習は含まれていません。 Dreamweaverを使うために「Adobe Creative Cloud」29,800円(税込)が必要になりますので、予算的にチョット余裕をみていた方が良さそうですね。

ゼロイチWEBデザイン

image

基本情報 ゼロイチWEBデザイン
価格 297,000円
*動画視聴10回+3回のSkypeレッスン
先生 現役Webデザイナー
学習フロー
(例)
①動画視聴
②自分で実際にやってみる
③要所要所でSkypeレッスン
受講時間帯 要確認
ゴール ホームページの作成
スタート 随時
無料体験 なし
企業情報 運営/久保なつ美
開始/不明
資本金/ー
公式HP/http://design-school.online/

こちらのオンライン・スクールは、久保先生自身のWebデザイナーまでの道のりをもとにカリキュラムが設計されたコースです。 コースの内容としては、Photoshopでバナーの作成方法を学び、そのあとDreamweaver(Adove)を使ってHTMLとCSSを組み込み、Webページを作る内容。 CSSについては、基本的なことのみでレスポンシブ・デザインやBootstrapなど実践レベルのことには触れていません。 デザイン思考が強い方にむいているスクールと思いますね。

ヒューマンアカデミー

image

基本情報 ヒューマンスクール・オンラインスクール
価格 44,000円 (CSS講座)
*動画視聴+質問サービス
先生 要確認
学習フロー
(例)
①動画視聴
②自分で実際にやってみる
受講時間帯 要確認
ゴール 要確認
スタート 随時
無料体験 なし
企業情報 運営/ヒューマンアカデミー株式会社
開始/2005年
資本金/667,096,000円
公式HP/http://online.dhw.co.jp/

全国に33カ所教室を構えるヒューマンアカデミーは、2017年11月に「オンライン講座」を公開。 プログラミング学習もオンラインに含まれており、この中でCSSを学習することができます。 公開されているコースは多数あり、「HTML講座」や「CSS講座」という”目的”ではなく”手段”でコースを選択する点が特徴的。

講座事体は、動画視聴による自習がメインで、やってみてわからないところをオンライン上で質問する形態です。 CSSの学習についてはどのレベルまで教えてくれるのか公開されていませんので、資料請求などを通じて確認してみて下さい。

まとめ

Webデザインを学ぶ、CSSを学ぶオンライン・スクールもまとめてみますと、「Dreamweaver系」と「ネイティブ系」に分けることができます。 CSSスキルを何のために身につけたいのか?という点を明確にして、スクールを選べばうまくいくように思いますが、中には「漠然としかイメージしかもてない」「そもそもホームページやブログのこともよく分からない」という方も。 そんな時は頭で考えるより「体験」を通じてイメージアップしてみませんか? CodeCampでは当日からでも「無料体験」できますよ。

関連記事

オシママサラ
この記事を書いた人
オシママサラ
\ 無料体験開催中!/自分のペースで確実に習得!
オンライン・プログラミングレッスンNo.1のCodeCamp