更新日: 2022年9月15日
公開日: 2018年12月23日

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

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

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

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

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

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

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

CodeCamp Webデザイン副業コース

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

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

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

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

【Webデザインコース】

学習期間／2ヶ月プラン（デザインマスターコース 198,000円）
学習期間／4ヶ月プラン（デザインマスターコース 308,000円）
学習期間／6ヶ月プラン（デザインマスターコース 363,000円）

上記価格内容は、2022/9/1現在の価格

【Webデザイン副業コース】

学習期間／4ヶ月プラン（デザインマスターコース 429,000円）
学習期間／6ヶ月プラン（デザインマスターコース 528,000円）

上記価格内容は、2022/9/1現在の価格

▶未経験エンジニア転職コース

無料カウンセリングの受講者限定で、受講料が1万円オフになるキャンペーンも実施中です！

CodeCamp無料体験の詳細はこちら

CodeCampの評判受講生、講師インタビュー

「エンジニアは女性のキャリアとして魅力的」モノづくり好き理系女子がWebエンジニアへ転職するまで

未経験からエンジニアへの転職を実現している人は、どのようにプログラミングを身に着けて転職を成功させているのでしょうか？今回はCodeCampGATE(現：エンジニア転職コース)の1期生として、エンジニアへ転職した三吉愛さんにプログラミング学習・転職の経験談を伺いました。過去にはビジネスコンテストで優勝した経験もあり、チャレンジ精神が旺盛な彼女がどのようにエンジニアとしての転職を実現したのかを語っていただきました。 ※三吉さんが受講したコースは[CodeCampGate(現：エンジニア転職コース)](https://codecamp.jp/courses/engineer)です。このコースの特徴は - 4ヶ月に及ぶ基礎学習と実践演習 - 計40回のマンツーマンレッスン - 職務経歴書の添削、模擬面接、エンジニアメンターによる推薦状の作成、など充実したキャリアサポート未経験からエンジニアに転職するまでを徹底的に支援するコースです。コース詳細はこちらから確認してみてください！ ▶︎https://codecamp.jp/courses/engineer [![image](//s3-ap-northeast-1.amazonaws.com/mash-jp/production/uploads/9901/0e8d3a419c4954dc2561fedc66fd56eebfc73cc7.9930.desktop.png)](http://ac.ebis.ne.jp/tr_set.php?argument=qkDLyMCX&ai=a5964631fbbe7b)

25歳で営業職からプログラミングに挑戦。新しい目標に向けて駆け抜ける

文系出身で、新卒でインフラ系企業の新規事業の立ち上げに挑戦していた宮田さん。当時はPCの操作すらおぼつかなかったという彼ですが、CodeCampでの学習を経て、現在はシステム開発を行なう企業へ転職しました。 25歳で新しい一歩を踏み出す決意をした宮田さんが、どのようにプログラミングを学習しキャリアを切り拓いていったのかお話を伺いました。 ※宮田さんが受講したコースは[CodeCampGate](https://codecamp.jp/gate)です。このコースの特徴は - 4ヶ月に及ぶ基礎学習と実践演習 - 計40回のマンツーマンレッスン - 職務経歴書の添削、模擬面接、エンジニアメンターによる推薦状の作成、など充実したキャリアサポート未経験からエンジニアに転職するまでを徹底的に支援するコースです。コース詳細はこちらから確認してみてください！ ▶︎https://codecamp.jp/gate [![image](//s3-ap-northeast-1.amazonaws.com/mash-jp/production/uploads/9901/0e8d3a419c4954dc2561fedc66fd56eebfc73cc7.9930.desktop.png)](http://ac.ebis.ne.jp/tr_set.php?argument=qkDLyMCX&ai=a5964631fbbe7b)

プログラミング未経験で介護師からエンジニアへ。ITの力で介護を変える

「未経験歓迎」と募集要項に書いてあっても、知らない業界・職種への転職に踏み出すのは勇気がいるものです。不安な気持ちが先行してしまい、躊躇することもあるのではないでしょうか。そんな環境のなか、介護の世界からエンジニアの世界に飛び込んだ経歴を持つのは、CodeCampGATE受講者の桑田さん。今回は、桑田さんがプログラミング未経験の状態からエンジニアへ転職するまでの軌跡を伺ってきました。 ※桑田さんが受講したコースは[CodeCampGate](https://codecamp.jp/gate)です。このコースの特徴は - 4ヶ月に及ぶ基礎学習と実践演習 - 計40回のマンツーマンレッスン - 職務経歴書の添削、模擬面接、エンジニアメンターによる推薦状の作成、など充実したキャリアサポート未経験からエンジニアに転職するまでを徹底的に支援するコースです。コース詳細はこちらから確認してみてください！ ▶︎https://codecamp.jp/gate [![image](//s3-ap-northeast-1.amazonaws.com/mash-jp/production/uploads/9901/0e8d3a419c4954dc2561fedc66fd56eebfc73cc7.9930.desktop.png)](http://ac.ebis.ne.jp/tr_set.php?argument=qkDLyMCX&ai=a5964631fbbe7b)

普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の軌跡

「学生時代はいたって普通の文系大学生。当時は自分がエンジニアとして起業するなんて1ミリも考えてもいませんでした。」そう語るのは、営業職からエンジニアへ転職し、共同創業者とVRスタートアップambrを起業して取締役 VPoE(VP of Engineering)を務める夛名賀(たなか) 浩介さん。夛名賀さんは大学卒業後、医療系メーカーの営業職として働いていた時期に独学でプログラミングを始め、CodeCampでの学習を経てエンジニアとして就職。その1年後に起業を実現しています。起業した今も「技術力により磨きをかけていきたい」と語る夛名賀さんに、どのようにプログラミングを身に着けて成長していったのか語ってもらいました。 ※夛名賀さんが受講したコースは[CodeCampGate](https://codecamp.jp/gate)です。このコースの特徴は - 4ヶ月に及ぶ基礎学習と実践演習 - 計40回のマンツーマンレッスン - 職務経歴書の添削、模擬面接、エンジニアメンターによる推薦状の作成、など充実したキャリアサポート未経験からエンジニアに転職するまでを徹底的に支援するコースです。コース詳細はこちらから確認してみてください！ ▶︎https://codecamp.jp/gate [![image](//s3-ap-northeast-1.amazonaws.com/mash-jp/production/uploads/9901/0e8d3a419c4954dc2561fedc66fd56eebfc73cc7.9930.desktop.png)](http://ac.ebis.ne.jp/tr_set.php?argument=qkDLyMCX&ai=a5964631fbbe7b)

プログラミングで挫折しそうになった人の力に【CodeCamp人気講師 #5 杉浦先生】

子育てをきっかけに、新卒の時から15年間働いたシステム開発の会社を退職し、フリーランスとして働き始めたという杉浦先生。自身が苦労して学習した経験を元に、受講生の「わからない」という気持ちによりそった指導に感謝の声が多く届けられています。今回は杉浦先生に、CodeCampでプログラミングを教えることのやりがいや、フリーランスという働き方を選んだ理由について話を伺いました。 ``` 【受講生からの声】・すごく分かりやすい説明で４０分の間に全て解決できたので嬉しかったです！問題の対処方法を詳しく教えていただけたので、今後にも役立ちそうな説明でした！・基礎となる土台の組み立てから一つ一つ丁寧に教えて頂いてわかりやすかったです。要所でヒントを出して考えさせてくれ、初心者の目線に立って進めて頂けました。・今日はありがとうございました。先生の熱心さが凄く伝わりました。初心者にも親切丁寧に向き合って頂き感謝です。またぜひ、先生の授業を受けたいです。 ※CodeCampでは毎日、受講生のみなさんからレッスンの満足度や感想をフィードバックしていただいています。 ```

TechAcademy

基本情報	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ブートキャンプ

基本情報	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制作の受注・開発を目指している方は、参考にしたいですね。

デジハリ

基本情報	デジハリ・オンラインスクール
価格	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デザイン

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

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

ヒューマンアカデミー

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

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

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

＼Webサイト担当者としてのスキルが身に付く／

無料カウンセリングはこちら

まとめ

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