CSSを手っ取り早く、そして体系的にオンラインで学習しようとしているあなた。
恐らく「デザイン的な」要素でCSSのスキルを欲していますよね。
そこで今回はCodeCamp社をはじめ、オンラインでCSSを教えてくれるプログラミング・スクールをまとめてみました。
一言で『CSS』といってもその学習範囲は広大で、単なるカラーリングや大きさといったCSSコードからスマホ対応のデザイン（レスポンシブ・デザイン）を取り入れたCSSコード、アニメーション要素を取り入れたCSSコードなどいろいろあります。
こちらで紹介するオンライン・スクールでは、基本的なCSSから応用的なCSSであるレスポンシブ・デザインまでを学べるスクールをご紹介。 WebページやWebアプリの開発、IT企業への就職・転職を考えている方は参考にしてみて下さい。
| 基本情報 | 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デザインコース】
上記価格内容は、2022/9/1現在の価格
【Webデザイン副業コース】
上記価格内容は、2022/9/1現在の価格
無料カウンセリングの受講者限定で、受講料が1万円オフになるキャンペーンも実施中です！
| 基本情報 | 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ブートキャンプ |
|---|---|
| 価格 | 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スキル習得に期待できます。
こちらで紹介するオンライン・スクールは、どちらかというとデザイン要素が強いスクールになります。特徴としては、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デザイン |
|---|---|
| 価格 | 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では当日からでも「無料カウンセリング」できますよ。
