プログラミングを学ぶと言ってもCSSやJavaやHTML、PythonにC#・・・といろいろな言語や技術があり、どれから学べばよいのか本当に困りますね。
今回の記事ではWEBサイトやスマホアプリなどを作成する際に必ず必要になる「CSS」を取り上げ、その「CSS」が効果的に学べるプログラミングスクールをご紹介します。
CSSって何？
そもそもCSSって何なのか？
ですよね。
ウェブページのスタイルを指定するための言語です。
なんのこと？
簡単に言うと、今読まれているこの記事は「HTML」という言語で作られいます。
え？また「言語」？
難しいですね。
HTMLとCSSはWEBページを作る上で切っても切れない関係にあります。
HTMLは「Markup（目印をつける）」とあるように文章に目印をつけてその構造を表すための言語です。
簡単に言うと文章の各部分がどのような役割（ページタイトル、見出し、表、リスト、文章など）を持っているのかを示し、ブラウザーがそれを解析して表示しています。
元々はHTMLにも「style」という属性があり、そこに色々な値（横幅や高さ、文字の色など）を設定することで表現を豊かなものにしていました。
しかしそれではHTMLの各要素が大きくなり、メンテンナンス性も下がることになるので、文章構造を表す部分（HTML）と見た目（CSS）を分けて書きましょう、という流れになってきました。
そこで開発、発展してきたものが今回のターゲットになっているCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）です。
CSSでできること
CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）は装飾（見た目）を制御する言語なので、文字の色や大きさ、線の太さや色、要素の配置場所を指定したり、コンテンツに余白を設けたり、最近ではアニメーションの再生などさまざまなことができます。
ただ、最近ではかなり解消されて来ましたが、WEBページなどの見た目に関係するので利用するブラウザーによって違いがあり、動作したりしなかったりと厄介な面も若干残っています。
CSSの学び方
ITの仕事に関係なく、もしくはこれからITの仕事をやって行きたいので勉強したいという人は「いきなり」本番（仕事）に入り込むにはちょっとリスクがあります。
「独学」はかなりの精神力（やる気）が必要ですし、わからないことに直面した時など、あれやこれや調べて、結局解決できずに辞めてしまうなどのリスクもあります。
なので、最初は「それなりの書籍」を買ってやり始めるか、今はやりのプログラミングスクールなどで学んでみることをおすすめします。
おすすめCSSが学べるプログラミングスクール
以下はCSSが学べるプログラミングスクールです。
TechAcademy
| CodeCampで学べること |
|---|
| 【言語】HTML5、CSS、Python、Pandas、NumPy、scikit-learn、Keras、TensorFlow、Ruby、Ruby on Rails、PHP、Laravel、Swift、Java、Kotlin、JSP、JavaScript、jQuery、Vue.js、Scala、Play Framework、C#、Bootstrap、Unity、Node.js、Express、Google Apps Script、SQL、Adobe Photoshop、Sass、Prott、Sketch |
| 【Webアプリケーションコース】Ruby on Rails でオリジナルサービスを開発しよう |
| 【PHP/Laravelコース】PHPとLaravelを学んでオリジナルサービスを開発しよう |
| 【Javaコース】Java Servlet/JSPでWebアプリケーションを開発しよう |
| 【フロントエンドコース】jQueryを使いこなしリッチなWebサービスを開発しよう |
| 【WordPressコース】WordPressをカスタマイズしてオリジナルサイトを構築しよう |
| 【iPhoneアプリコース】世界に一つだけのオリジナルアプリをAppStoreで公開しよう |
| 【Androidアプリコース】開発スキルを身につけてオリジナルアプリをGoogle Playに公開しよう |
| 【Unityコース】オリジナルのゲームアプリを開発して公開しよう |
| 【はじめてのプログラミングコース】非エンジニアが身につけるべきプログラミングの知識を習得しよう |
| 【ブロックチェーンコース】仮想通貨を支えるブロックチェーン技術の仕組みを学ぼう |
| 【スマートコントラクトコース】ブロックチェーン技術を学んでアプリケーションを開発しよう |
| 【Pythonコース】Pythonを学んで機械学習の基礎を習得 |
| 【AIコース】AI（人工知能）の構築に必要な機械学習・ディープラーニングを習得 |
| 【データサイエンスコース】Pythonを使ってデータ分析の手法を習得 |
| 【Scalaコース】ScalaでWebアプリケーションを開発しよう |
| 【Node.jsコース】Node.jsとExpressを学んでWebサービスを開発しよう |
| 【Google Apps Scriptコース】Google Apps Scriptを学んでGoogleのサービスを自動化させよう |
| 【Webデザインコース】オリジナルWebサイトをデザインして公開しよう |
| 【UI/UXデザインコース】ユーザビリティの高いオリジナルのiPhone・Androidアプリをデザインしよう |
最短4週間で未経験からプロを育てるオンライン完結のスクールです。
どこかに通う必要なく、自宅でもプログラミングやアプリ開発を学ぶことができます。
・自宅にいながらオンライン完結で勉強できる
・受講生に1人ずつ現役のプロのパーソナルメンターがつく
・チャットで質問すればすぐに回答が返ってくる
・オリジナルサービスやオリジナルアプリなどの開発までサポート
CodeCamp
| CodeCampで学べること |
|---|
| 【言語】HTML、CSS、Java、Javascript、Ruby、PHP、Boostrap、Swift、Python、WordPress |
| 【Webマスターコース】プログラミング未経験からはじめてのWebサービス開発に挑戦 |
| 【デザインマスターコース】Webデザイン未経験からはじめてのWebサイト制作に挑戦 |
| 【Rubyマスターコース】プログラミング未経験からRubyでのWebサービス開発に挑戦 |
| 【Javaマスターコース】Java未経験からWebアプリケーションの開発に挑戦 |
| 【アプリマスターコース】プログラミング未経験からスマートフォンアプリの開発に挑戦 |
| 【Pythonデータサイエンスコース】データ処理で業務効率化・初めてのAI開発に挑戦 |
| 【WrodPressマスターコース】プログラミング知識ゼロから本格的なWebサイトをつくる |
CodeCampGATE
| CodeCampGATEで学べること |
|---|
| 【言語】HTML、CSS、JavaScript、PHP、MySQL |
| 【学習形式】オンラインマンツーマン／チャット |
| 【受講資格】20代（大学生、社会人の方） |
Playground(プレイグラウンド)
| Playgroundで学べること |
|---|
| 【言語】Swift、HTML、CSS |
| 【Swiftコース】Playgroundで開発したPGFrameworkと自動処理スクリプト(Magic Box)を使い、より早くアプリ開発を習得できます。 |
| 【HTML/CSSコース】ランディングページ制作に使えるHTMLとCSSのテンプレート（サンプルコード）を公開しています。 |
| 【特徴】 Playgroundは、学んでもらうためではなく、作ってもらうために教材を提供しています。 Playgroundの教材は、最新バージョンの情報を掲載するように日々更新しています。 |
Playgroundはオンラインでプログラミングを学習できるサービスです。
現在は、iPhone/iPadアプリの開発言語であるSwfitコースを提供しています。
・画像＆動画付きの教材で、つまづきやすい環境構築からプログラミングのテクニックまで分かりやすく解説
・大手プログラミング学習サービスでは対応できていないSwiftの「バージョン5」に対応
・サービス内のコメント機能で、現役エンジニアが質問に回答
・1度入会して月額費用(¥500+税)を支払い続けている間は、受講期間に制限なくカリキュラムを閲覧可能
・プログラミング言語のバージョンアップに応じてカリキュラムも更新されます
ウエブカツ
| ウエブカツで学べること |
|---|
| 【言語】HTML、CSS、Javascript、jQuery、PHP、MySQL、WordPress、Laravel、Ruby on Rails |
| 【コース】HTML・CSS部 入門、javascript・jQuery部 入門、HTML・CSS部 実践、PHP・MySQL部、ネットワーク・サーバー部、WEBサービス部、PHPオブジェクト指向部、WordPress部、javascript・jQuery部 中級、HTML・CSS部 中級、HTML・CSS部 上級、PHPフレームワーク部、javascript・jQuery部 上級、Laravel部、WEBマーケティング部、法務部、営業部、起業部、保険部、Ruby on Rails部、テスト部、Java部、インフラ部 |
| 【特徴】 ・22講座474レッスン22 アウトプットで徹底的に手を動かして自走力を鍛え上げる ・学習は全て動画での自習型。 ・1レッスンの動画は集中力が保たれる15分。 ・通勤時間などスキマ時間でも学習ができます。 |
AkrosAcademy
WEBデザイン・プログラミング・ビジネススキルまで学べる アクロスアカデミー。 通学・オンラインによる完全マンツーマン指導やグループセミナー・企業研修で「学びたい」をサポートします。| AkrosAcademyで学べること |
|---|
| 【言語】HTML,CSS,Java,Javascript,SQL,JSP |
| 【PRO講座】Web業界でプロとして活躍する第一の講師がマンツーマンで講義を行います。 |
| 【セレクト講座】業務で必要な技術や知識だけを学びたい方や1日で必要な範囲だけを学びたい方、まずはお試しで学んでみたい方におススメです。 |
| 【短期コース】1～3か月で速習できる、短期コースをオンライン・または東京上野校にて開催しています。 |
| 【その他】Photoshop,Illustrator,WordPress,SEO,データベース,MVCモデル |
| 【アクセス】〒110-0015 東京都台東区東上野3-35-9 本池田ビル7階 |
AkrosAcademyの講師陣は制作現場から離れたプロ講師ではなく、制作現場にいるプロ制作者が講師です。
実制作案件の作業をしていたプロフェッショナルが、その現場の技術・知識を最高の鮮度でお伝えします。
AkrosのPRO講座は1対1のマンツーマンに拘っています。あなたのためだけに先生を独り占めできる時間を保証しています。
無料PHPスクール
| 無料PHPスクールで学べること |
|---|
| 【言語】PHP(twig)、JavaScript(Ajax/jQuery)、HTML5/CSS3、MySQL、Apache、Linux(CentOS)、gVim、VirtualBox |
| 【得られるスキル】 「１人でエラーが潰せる」 「配列の操作が自由自在にできる」 「基本的なクラスを設計し使える」 「セッションが使える」 「大まかにでも、MVCモデルにソースを分けられる」 「DB作成→テーブル作成が適切にでき、select/insert/update/deleteがスラスラと書ける」 「リレーションを使ったテーブル操作ができる」 「集計など基本的な算術計算が使える」 「Linuxの操作(主に、ファイル操作と検索)ができる」 「パーミッションやユーザー権限のエラーを解決できる |
| 【アクセス】〒170-0014 東京都豊島区池袋1-16-17 カワムラビル3F-A |
23日間(来校8日)の短期間で学ぶ、就職／転職のためのプログラミングスクールでは、新卒・既卒・第二新卒のための毎回12人限定の少人数での無料のPHPプログラミングスクールを開催しています。
【特徴】
フレームワークは一切使わず、生(素)の(ピュアな)PHPで、MVC式のプログラムを組む
アウトプット重視の講義で、一人の脱落者も出さない！？～教える人が一番学ぶ
RUNTEQ
| RUNTEQで学べること |
|---|
| 【言語】HTML、CSS、Ruby、Ruby on Rails、JavaScript |
| 【Webマスタコース】プログラミング完全初心者の方 |
| 【Railsマスターコース】Rails初心者から自社サービス開発系企業にWebエンジニアとして就職したい方 |
| 【Railsエンジニア】Ruby on Railsを使った自社サービス開発系企業にWebエンジニアとして就職したい方 |
tech boost
| tech boostで学べること |
|---|
| 【言語】HTML、CSS、Ruby、Ruby on Rails、PHP、Laravel、データベース |
| 【コース】Ruby / Ruby on Railsコース、PHP / Laravelコース |
| 【授業形式】通学／オンライン |
tech boostはエンジニアに特化したキャリアサービスを展開している株式会社Branding Engineerが運営するプログラミングスクールです。
エンジニアに特化したキャリアサービスを展開しているからこそのカリキュラムを実現しています。
また、転職サポート付きでスクール卒業後もキャリアも安心です。
これからプログラミングを学びたい方、エンジニアにキャリアチェンジを考えている方に、特にオススメのサービスです。
０円スクール
| ０円スクールで学べること |
|---|
| 【言語】Java、SQL、HTML、JavaScript、jQuery、CSS、Bootstrap、Excel |
| 【初心者コース】Javaの基礎からアプリケーション開発までを学ぶことができ、実務レベルの技術を獲得可能 |
| 【開発コース】基礎は学生時代や社内研修で学んだことがある方が アプリケーション開発の知識を獲得可能 |
| 【スクール】札幌スクール、仙台スクール、東京スクール、福岡スクール |
| 【受講条件】18歳以上35歳以下の方で1年以内にIT業界に就職・転職意思のある方 |
クリプテックアカデミア
| クリプテックアカデミアで学べること |
|---|
| 【言語】HTML、CSS、Javascript、SQL、PHP、jQuery |
| 【お試しコース】プログラミングを体験してみたい、ホームページが作りたい人向け |
| 【しっかりコース】将来起業したい、IT系の会社に就職したい、開発インターンに参加したポートフォリオを作りたい人向け |
| 【ポートフォリオ】将来起業したい、IT系の会社に就職したい、フリーランスエンジニアになりたい、より実践的な開発を学びたい、複雑サービス/アプリを作りたい、高度なポートフォリオを作りたい人向け |
| 【受講条件】大学生限定 |
両代表は共に某有名オンラインプログラミングスクールの元講師で大学生に特化し、受講生/卒業生間のつながりを重視
マンツーマン指導のプログラミングスクールです。
DeNA等の有名企業でサービス開発に携わっていた講師がサービス設計の方法から教えるオリジナルサービス開発がカリキュラムに含まれます（3ヶ月コース以上限定）。
WebCamp
| WebCampで学べること |
|---|
| 【言語】HTML、CSS、Javascript、jQuery、Ruby、Ruby on Railsなど |
| 【短期集中コース】3ヶ月の学習 + キャリアサポート 最短3ケ月で未経験からエンジニア転職を目指すコースです。 |
| 【専門技術コース】4ヶ月の学習 + キャリアサポート 経済産業省の第四次産業革命スキル習得認定講座です。短期集中コースのカリキュラムに加え、「AI」または「クラウド」の学習を行います。 |
| 【その他】転職保証制度は30歳未満の方限定 |
ポテパンキャンプ
| POTEPAN CAMPで学べること |
|---|
| 【言語】HTML、CSS、Javascript、Ruby、Ruby on Rails、PHP、Laravel、SQL |
| 【Webアプリケーションコース】教養や副業を目指す学習に最適なコースです。 |
| 【Railsキャリアコース】エンジニア転職に必要な全てが詰まった |
＜＜Webアプリケーションコース＞＞
Webサイトを作る上で必要な知識を全体的にわかりやすく学習できるコースです。実践課題とコードレビューが豊富でしっかりと身に付けたい方におすすめです！教養としての学習や副業獲得を目指す方に最適なコースとなります。
期間：2ヶ月(8週間）
料金：20万円(税別)
＜＜Railsキャリアコース＞＞
エンジニアになるために必要なカリキュラムが全て詰まったコースです。基礎から難易度の高い発展まで学習し、現役エンジニアによる細かい指摘と、キャリアカウンセラーによる転職サポートでエンジニア転職を成功させます。
期間：5ヶ月(20週間）
料金：40万円(税別)
SkillHacks(スキルハックス)
| SkillHacksで学べること |
|---|
| 【言語】HTML、CSS、Ruby、Boostrap |
SkillHacks(スキルハックス)は、Webアプリケーション開発を学べるオンラインプログラミングスクールです。
MovieHacks（ムービーハックス）は動画編集を学べるオンライン動画編集スクールです。
・動画でプログラミングを教えているため細かいニュアンスが伝わりやすく、挫折する心配がない
・オンラインで完結するため、場所や時間にとらわれず学ぶことができる
・受講期間に制限がなく、永久にカリキュラムを閲覧可能。
・質問対応に関してもカリキュラム内のことであれば無制限、無期限に対応可能です。
・スクール運営者がTwitterにて5万人のフォロワーがいるため、集客時に広告費をかけなくて良い状態が整っており、 結果的に他スクールよりも圧倒的に安い価格でのスクール提供ができている
