bootstrap-schools-min

Bootstrapを学べるスクールおすすめ5選を比較!(無料あり)


Bootstrapスクールを比較した場合、どのような違いがあるのでしょうか。

個別指導で学べるスクールや、オンラインで学べるスクール、Webデザイン全般を学べるスクールや、マンツーマンで添削をしてくれるスクールや、無料で学べるスクールがあります。

そこで、Bootstrapスクールを選ぶ前に知っておきたいポイントをまとめました。

本記事は、Bootstrapスクールおすすめ5選を比較し、違いを紹介します。

 

Bootstrapを学べるスクールおすすめ5選の選び方

bootstrap-schools

Bootstrapを学べるスクールを選ぶにあたって、次の5つのポイントをチェックしたいところです。

  •  何を学びたいか(BootstrapのみWebデザイン全般
  •  どのような方法で学ぶのか(通学オンライン
  •  どのようなサポートを受けたいか(個別指導、ビデオ通話、チャット、添削)
  •  いくらかかるか(月額料金、入学金)

上記視点をもとに、おすすめのスクール4選を比較し、その違いを紹介します。

  1.  Ken スクール
  2.  TechAcademy
  3.  Codecamp
  4.  ドットインストール
  5.  Paiza

それぞれについて、詳細に説明します。

 

1. Ken スクール

kenschool

グリッドレイアウトやカラムのコントロール、ナビゲーションバーの作成などを実装しつつ、Bootstrapの使い方を学べます。

kenschool

パソコンスクールの大手で30年近い実績があり、通学で個別指導をしてもらえます。これから、CSSフレームワークの使い方を知りたい方や、レスポンシブなレイアウトを学びたい方向けです。

◆ 学習内容

  •  Bootstrapの概要、ダウンロード方法
  •  スタイルの使い方
  •  グリッドシステムの使い方・グリッドレイアウトの仕方
  •  レスポンシブグリッドシステム
  •  カラムのコントロール
  •  ナビゲーション・ナビゲーションバー
  •  テキストや画像の設定
  •  コンポーネント
  •  フォーム

◆ 料金

  •  受講料: 51,700円(税込)

◆ 基本情報

  •  通学: ◯(新宿・池袋・北千住・横浜・梅田校)
  •  オンライン: ×
  •  受講期間: 3か月
  •  無料体験: ×

Ken スクール

 

2. TechAcademy

techacademy-min

大手のオンラインプロミングスクールのテックアカデミーが提供するBootstrap向けの講座です。
2週間でBootstrapを習得できるように、カリキュラムが組まれています。

Bootstrapの特徴から、テーブルフォームボタンの作り方やコンポーネントの使い方を教えてくれます。そして、Bootstrapで作るサイト制作を学びます。

不明点があったときも、チャットでサポートを受けられるため、迅速に解決できます。また、課題に関する添削は無制限で受けられます。

◆ 学習内容

Bootstrapの基本 Bootstrapとは、Bootstrapの特徴、Bootstrapの導入
Bootstrapを使ってみよう Bootstrapの使い方、グリッド、テーブル、フォーム、ボタンなど
コンポーネントを使ってみよう アイコン、ドロップダウン、ナビゲーション、ラベル、バッジなど
Javaスクリプトでサイトに動きをつけよう モーダル、タブ、ポップオーバー、アラートメッセージなど
Bootstrapのカスタマイズ Bootstrapのカスタマイズ機能、Lessとは

◆ 料金

プラン 社会人 学生
料金(税抜) 49,000円 39,000円

◆ 基本情報

  •  通学: ×
  •  オンライン: ◯
  •  受講期間: 2週間
  •  無料体験: ×

TechAcademy

なお、TechAcademyがYouTubeでBootstrapの基本機能を解説しているので、ご紹介します。

 

3. Codecamp

codecamp-min

Webデザインの未経験者向けに、IllustratorPhotoshopHTMLCSSBootstrapなど、幅広い分野を学習できます。オンラインでマンツーマンで学べる講座となっています。

学習の進め方としては、まず、オンライン教科書で学習を進めていきます。

codecamp-details-min

そして、各章末に実習課題があるので、その課題については、オンラインレッスンでサポートを
してもらいながら、課題を完成させていきます。

codecamp-details2-min

オンラインレッスンの進め方としては、無料ビデオ通話(Google Meet)を使って、自分のPC画面を共有して、エディタで書いたソースコードを講師に見てもらいながら質問ができます。

ソースコードを細かく見てもらえるため、理解が不十分な箇所を解消できます。

◆ 学習内容

  •  Illustrator
  •  photoshop
  •  html
  •  css
  •  javascript
  •  jquery
  •  bootstrap

◆ 料金

プラン 2ヶ月プラン 4ヶ月プラン 6ヶ月プラン
受講料(税抜) 148,000円 248,000円 298,000円

◆ 基本情報

  •  通学: ×
  •  オンライン: ◯
  •  受講期間: 2ヶ月~6ヶ月
  •  無料体験: ◯

Codecamp

 

4. ドットインストール

dotinstall-min

3分動画でプログラミングを学習できる動画サービスで、パソコン・スマホから閲覧できます。HTMLCSSJavascript、PHP、Rubyなどのプログラミングに関する講座があります。

なお、最初の講義は無料で閲覧できるので、内容を確認して、講師の教え方などを確認して、問題がなければ、プレミアムプランに申し込みをして、学習を進められます。

dotinstall-details-min

◆ 学習内容

  •  初めてのBootstrap(※)
  •  要素に色をつけてみよう(※)
  •  テキストのスタイリングをしよう(※)
  •  要素のサイズを変更してみよう(※)
  •  paddingやmarginを操作しよう
  •  ボタンを作ってみよう
  •  グリッドレイアウトに慣れよう
  •  レスポンシブの仕組みを理解しよう
  •  レスポンシブレイアウトを作ろう
  •  特徴セクションを作ろう
  •  テーブルを作ってみよう
  •  タブメニューを作っていこう
  •  フッターを作ってみよう
  •  ツールチップを作ろう
  •  ナビバーを作ってみよう
  •  ハンバーガーメニューを作ろう
  •  アラートをつけてみよう

(※):無料会員で閲覧可能

◆ 料金

会員 無料会員 プレミアム会員
月額(税込) 無料 1,080円

◆ 基本情報

  •  通学: ×
  •  オンライン: ◯
  •  受講期間: 制限なし
  •  無料体験: ◯

ドットインストール

 

5. Paiza

paiza-min

1本3分の動画と練習問題で、効率的にプログラミングを学べる動画サイトです。実行環境を作らなくても、ブラウザ上でプログラミング言語を実行できるので、手軽に始められます。

paiza-detail-min

◆ 学習内容

  • Webページの仕組みを知ろう
  • CSSの基本形を理解しよう
  • 画像とリンクを載せよう
  • リストとナビゲーションバーを追加しよう
  • Bootstrapを使ってみよう
  • RailsにBootstrapを導入しよう
  • Bootstrapのグリッドシステムを理解しよう
  • テーブルを表示しよう
  • レスポンシブデザインにしよう
  • Bootstrapでレスポンシブデザインにしよう
  • 基本的なフォームを作ろう
  • フォームにパーツを追加しよう
  • グリッドでフォームを作ろう
  • HTMLを改良しよう
  • 掲示板にBootstrapを適用しよう
  • Bootstrapでページの見栄えを整えよう
  • 共通テンプレートにBootstrapを導入しよう

◆ 料金

プラン 無料プラン 1ヶ月プラン 6ヶ月プラン 12ヶ月プラン
料金(税込) 無料 1,078円 4,488円 7,200円

◆ 基本情報

  •  通学: ×
  •  オンライン: ◯
  •  受講期間: 制限なし
  •  無料体験: ◯

Paiza

 

まとめ

本記事は、Bootstrapスクールおすすめ5選を比較し、違いを紹介しました。

おさらいをすると、求める内容によって、おすすめのスクールが変わります。

求める内容 おすすめのスクール
通学で学びたい Ken スクール
オンラインで学びたい TechAcademyCodecampドットインストールPaiza
添削サポートを受けたい TechAcademyCodecamp
Webデザイン全般を学びたい Codecamp

なお、動画編集や、イラストに関して学びたい方は、別記事でまとめています。

【参考記事】 ・ 動画編集のオンラインスクールおすすめ15選を比較!(無料あり)
       ・ イラストを学べるスクールや講座!おすすめ18選を比較(料金表付き)

500mailsのFacebookやTwitterでは、起業・副業に役立つ情報を配信しています。 是非「いいね!」をして最新情報をチェックしてください

Writer/編集者: 松田康


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です