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円)

上記価格内容は、2019/4/1現在の価格

無料体験の受講者限定で、受講料が1万円オフになるキャンペーンも実施中です!

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

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

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

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

未経験からエンジニアへの転職を実現している人は、どのようにプログラミングを身に着けて転職を成功させているのでしょうか? 今回はCodeCampGATEの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)

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

プログラミング未経験で介護師からエンジニアへ。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 杉浦先生】
プログラミングで挫折しそうになった人の力に【CodeCamp人気講師 #5 杉浦先生】

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

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

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