【第5位】Aidemy:Python・AIに特化したプログラミングスクール。転職で全額キャッシュバッグ。AI教育No1の実績。本気でAIを学びたいならココ!Aidemyで無料カウンセリングを受けてみるこんにちは、DAINOTE編集部のDAIです。この記事を読まれているということは、CodeCampってどんなプログラミングスクールなのか心配。CodeCampはネットの評判通りなのか気になる....と思って見られているのではないでしょうか。そこで、今回の記事では、CodeCampとはどんなプログラミングスクールなのか。最後にCodeCampの体験記を書いていきたいと思います。(※ちなみに、結論から言うとこのブログはWordPressで書いているのですが、CodeCampさんのコースを受講してテーマが作れるようになったので、超よかったです。関連記事CodeCampとははじめに、ざっくりとCodeCampについて説明します。CodeCampとは、完全オフラインのプログラミングスクールです。Architect(フューチャーアーキテクト)で有名な、フューチャー社の子会社ですね。実際に研修にも利用されているプログラミング学習サービスです。実際にNHKや日経など各種メディアで紹介されるなど、非常に有名なプログラミングスクールとなっています。CodeCampの特徴CodeCampの特徴としては以下の通りです。厳選された現役エンジニアが学習をオンラインレッスンでサポートフロントエンド、バックエンド、ネイティブアプリ開発まで対応したコース365日:朝7時~24時まで、現役エンジニアにテレビ電話で授業を提供CodeCampは完全オンライン完結で学習可能CodeCampは、完全オンラインで学習することができます。オンライン上に教材があり、その教材を進めていくようなスタイルです。「主婦なんだけど、子育てで忙しくて通学なんてできない」という方でも安心して学ぶことができます。CodeCampの公式ホームページを見てみるCodeCampは東証一部上場企業の厳選された現役エンジニアが学習をオンラインレッスンでサポートに対応CodeCampが非常によいなぁと思った点が、現役エンジニアからのサポートが得られる点です。エンジニアの採用突破率が10%と、かなり品質管理をされているようです。それもただ技術が高いだけではなく、教えるのが上手なエンジニアのみを雇用しています。普通プログラミングスクールの講師は、プログラミングスクールの卒業生をそのまま雇い、現場経験がないような講師が多いです。技術的な発信に精力的な会社の社員などがオンラインレッスンでサポートしてくれます。サポート内容も技術的な話にとどまらず、エンジニアとしてのキャリアの歩み方、営業で案件をとる方法なども聞くことができます。CodeCampは担任制ではなく、毎回先生を自分で選ぶことができます。副業してみたいけど、営業の仕方を聞くならこの先生この言語について聞きたいから、この先生と、CodeCamp上のアプリから、学びたいキーワードをもとにサクサクし、講師を検索することができます。CodeCampはフロントエンド、バックエンド、ネイティブアプリ開発まで対応したコースを提供また、CodeCampはほかのプログラミングスクールに比べて、幅広いコースを用意しています。一般的なプログラミングスクールは、言語が少なかったり、Webデザインを学べなかったりしますが、CodeCampでは個々のニーズにあったコースを提供されています。2019年2月現在、以下のようなコースを提供しています。Railsを学び、スピーディーにWebアプリケーションを開発する手法を学べます。アプリマスターコース:Java/Swiftなど、スマホアプリを開発する言語を学び、ニュースアプリを作れるようになります。デザインマスターコース:HTML/CSS/JavaScript/BootStrap/Photoshop/Illustratorなど、Webデザイン・制作でゼロから案件をとれるようなスキルセットを身に着けられるコースですJavaマスターコース:顧客情報管理や社員情報管理といった、企業の運用に関わるアプリケーションの開発方法を学びます。プレミアムコースという、上記すべてのコースを学習することができるコースもあります。このコースは、全てのカリキュラム・レッスン受け放題となっています。料金は一番高いコースになりますが、全言語のレッスン回数が無制限で受講できる学び放題なので、とことんスキルを身につけたい・絶対にプロフェッショナルなりたい人におすすめのコースです。CodeCampの公式ホームページを見てみるCodeCampでは、365日:朝7時~24時まで、現役エンジニアにテレビ電話で授業を提供しているCodeCampでは、現役エンジニアとオンラインのカウンセリングを、朝7時~24時まで、テレビ電話で授業を受けることができます。そのため、本業により帰宅してくるのが21時や22時になる遅い帰宅時間でも、24時まではレッスンの受講ができるので、コンスタントに学習を進めることができます。朝7時からレッスンを受講可能なので、仕事の前の時間帯での受講も可能となります。このように、学習スケジュールを組みやすいのが、CodeCampの特徴です。オンラインレッスンでは、Googleのビデオ通話アプリ「ハングアウト」を利用するため、ご自身のネット環境と、PCが必要になります。Googleのハングアウトを使用して自分の画面を先生に共有して授業を進めることになります。1レッスン40分となっています。可能で、予約のキャンセルはレッスン開始の2時間前までなら可能です。GateCodeCampでは、完全個別トレーニングのコースのCodeCampGateを提供しています。これは、2ヶ月でエンジニアに転職するための技術を身に付ける短期集中コースです。具体的には新卒からエンジニアを目指すコース第二新卒としてエンジニアへの転職を目指すコースエンジニア経験者がキャリアアップを目指すコースなどがあります。CodeCampGateと通常コースの違いは、レッスン期間の違いやCodeCampのキャリアサポートを無制限で利用できることにあります。CodeCampの料金CodeCampの料金は、以下の基準によって変わります。受講するコース:内容が多いほど高くなります受講する期間:4-16週間まで選べます一番内容が少なく、受講期間が短い場合は14,8000円から始められます。ほかのプログラミングスクールだと、3カ月縛りで25万円だったりするので、かなり良心的かと思います。コースによって料金が異なるので、気になる方は公式ページから見てみてください。CodeCampの公式ホームページを見てみるCodeCampのだめだった点とよかった点CodeCampを受講してみて、感じたデメリットです。正直なところ、サーバーサイドエンジニアとしての転職としては、コース的にはちょっと微妙な感じです。ほかのコースも見てみましたが、コードレビューも現場レベルでできるわけではなさそうなので、もしサーバーサイドエンジニアとして転職を検討されているのであれば、ポテパンキャンプの方がおすすめですね。≫現場よりも厳しいプログラミングスクール?ポテパンキャンプの5人の卒業生に徹底インタビュー!【PR】よかった点に関しては、いろいろありますが、教材は非常にわかりやすかったですね。あとは家でもできるというのがよかったです。忙しい社会人でも時間をとれるのがいいですね。CodeCampはなんと無料体験できるCodeCampでは、実際に無料体験を行うことができます。体験レッスンの候補日を決める会員登録をする(30秒)です。以下のCodeCamp公式にアクセスします。公式:https://codecamp.jpさらに、以下の「無料体験を試してみる」をクリックします。日時メールアドレスを入力すると、1分ほどで登録が完了します。「認証メールを送信する」をクリックすると、30秒ほどで予約が完了します!予約が完了すると、一部カリキュラムが解放されておりまして、どんな感じなのかを体験することができます。エディタの使い方なども書いてありました。現在、無料体験レッスン受講で、割引クーポン1万円分をプレゼントしているようです。いつ終わるかわからないので、早めに無料体験だけはしてみてもよいかもしれません!また、入学金については、無料キャンペーンを実施していることもあるので、ぜひ公式サイトで確認してみてください。Campを受講した体験談です。CodeCampを受講したきっかけ僕は独学でフリーランスのエンジニアもやっているのですが、どちらかというとサーバーサイドの自動化ツールや、API連携したサーバレスなWebアプリなどを開発しています。最近は仕事柄、UIデザインなどを学びたいとちょうど思っていました。Campさんを受講しようと思いました。Campの無料カウンセリングに申し込みました。Hangoutを利用して、ネット上でカウンセリングを行いました。Campの宇佐美さん。普段無料カウンセリングを担当したり、受講者の担当をされているそうです。ものすごく感じがよかったです!実際のカウンセリングの流れカウンセリングも非常に親切でして、いろいろと質問できました。DAI:「僕は独学でHTML、CSS、Bootstrapなどを勉強してきたんですが、今ワードプレスで、Web案件を受託してみようと思っているんですよね。宇佐美さん:「なるほど。あれば、プレミアムプランコースで受け放題がいいかと思います。WordPressなど、必要なスキルをすべて学ぶことができるようになりますね。宇佐美さん:「実際に現役で働かれているエンジニアを、スキルに合わせて検索することができるんです。登録後にページから、「PHP/MySQL」で検索すると、現役エンジニアでWordPressで仕事をとっている人に、面談することができるんですよね。そこで、相談しながら学習を進めるようなことはできます。宇佐美さん:「そうですね。実際に働かれている講師の方は、メルカリさんなど、有名企業のエンジニアもいらっしゃいます。講師もかなり厳選しています。面接の通過率は10%くらいで、技術力に加えて教えるのがうまいヒト以外は採用してないんですよね。」すごい!好きな先生に質問できるのはうれしいです。CodeCampのWebデザインマスターコースを受講しようと思った理由CodeCampを受講しようと思った理由です。僕自身は、どちらかというとサーバーサイドエンジニアのスキルと、Webディレクションよりのスキルが高いのですが、Webデザインに関しては何もわからないんですよね。そこで、Webデザインを学びたいと思い、受講してみました。CodeCampのWebデザインコースについてCodeCampのWebデザインコースについては、HTMLCSSJavaScriptjQueryPhotoShopIllustratorBootstrapが学べます。未経験からwebデザイン・サイト制作を学び、手に職をつける在宅・副業・フリーランスなど自由な働き方を目指せるWebデザインーであれば、コーディングスキルを付けてキャリアアップできるようになることができます。CodeCampのデザインマスターコースの料金としては、2カ月プラン:¥148,0004カ月プラン:¥248,0006カ月プラン:¥298,000となっています。CodeCampの実際のWebデザインコースの中身についてではでは、実際に受講してみて、コースの中身を見てみたいと思います。HTML・CSSHTML・CSSの最終課題では、実際にWebサイトのデザインをゼロから作ります。BootstrapBootstrapでは最終課題では、Bootstrapを利用したレスポンシブデザインのWebページを作成します。課題の内容としては、以下のようになっています。ResponsiveCookCampを作成しようこれまで当カリキュラムで勉強してきたことを存分に使って、PC・タブレット・スマートフォンに対応したレスポンジブなWebサイトを制作しましょう。ご自身で調べたり、講師に相談したりしながら指定された要件を満たしてください。できるところまで自力で制作し、楽しみながら自身の力量を測ってみましょう。その上でつまづいた点があればレッスンを受けて講師に相談してください。課題の進め方として、以下の要件を満たすよう作成していき、1つできるごとに講師に確認をすることを推奨します。課題を制作後は、要件が満たされているかの自己チェック、および講師による要件やソースコードの確認が終わってから課題の提出を行ってください。以下のURLから見本ページを閲覧することができます。見本ページにてブラウザ幅を広げたり狭めたりし、コンテンツの並び順や間隔をよく確認し、最終課題に取り組んでください。CSSの記述に関しては、Bootstrapのスタイルを直接編集するか、新たなCSSを作成してスタイルを上書きして作成してください。CodeCampが提供する素材画像を使用することは必須ではありません。ブラウザ提出方法:課題提出ページより、制作したURLを入力してご提出ください。自由に設定していただいて結構です。見本で使用している画像を利用する場合、次のリンクよりダウンロードできます。素材画像は数が多いため、ファイルアップロード時はFileZilla等のツールの利用が便利です。素材画像はこちら全体ブラウザの横幅を広げたり狭めたりした際に、明らかなレイアウト崩れがないこと。ロゴとナビゲーションロゴはナビゲーションの中央に配置すること。ナビゲーションは、スマートフォン時には右側にハンバーガーアイコンを配置し、タップ時にアコーディオンメニューを出すこと。スマートフォン時にはロゴとハンバーガーアイコンは一行で表示されていること。ナビゲーションメニューにドロップダウンメニューが配置されていること。PC画面幅の際はテキスト同士の間が実線で区切られていること。テキストがそれぞれリンクであること。ナビゲーション下部のカルーセルカルーセルの横幅は常に100%であること。カルーセルの左右をクリックした際に、前後に画像送りできること。カルーセル下部のインジケーターを画像数と同じになるように配置し、クリック時に画像送りできること。自動で定期的に画像送りすること。(間隔は問わない)カルーセル下部のフォームフォーム部は、PC画面幅の際は左寄せ、それ以下の画面幅の場合は横幅100%とすること。入力部とボタンがグルーピングされていること。見出し部にアイコンと下線が表示されていること。レシピの一覧の各アイテムの間に点線が指定されていること。PC画面幅以外での表示の際は、料理別レシピではなく、ジャンル別レシピとなっていること。ジャンル別レシピでは、各アイテムがリスト形式の表示ではなく、ボタン形式の表示となっていること。新着レシピ4つのレシピ同士の間隔や画像の大きさは常に均等になっていること。4つのレシピをマウスオーバーすると、ツールチップが表示されること。(表示位置や表示内容は問わない)各レシピをクリックすると、モーダルが表示されること。じるボタンが表示されていること。モーダル外側の黒がかっている部分をクリックすると、モーダルが閉じること。今だからこそ見直したい「和食」PC画面幅の際は、2カラム構成になっており、画像部と詳細情報部に分かれていること。PC画面幅の際は、「続きを読む」ボタンは横幅100%ではなく、詳細情報下の中央部に約80%幅ほどで表示されていること。ボタンが縦並びになっていること。スマートフォン画面幅の場合は、「続きを読む」ボタンは横幅100%であること。ボタン」が縦並びになっていること。スマートフォン画面幅の場合は、1カラム構成になっていること。フッターナビゲーションPC画面幅の際はテキスト同士の間が実線で区切られていること。テキストがそれぞれリンクであること。フッターに上線がついており、幅はブラウザの幅100%になっていること。スマートフォンでの表示時はテキストが縦並びになっていること。CodeCampの公式ホームページを見てみるPhotoshop最終課題では、実際にホームページのコンセプト設計からワイヤーフレーム設計まで行い、WebデザインをPhotoshopを利用して行います。以下、実際のカリキュラムをCodeCampから引用しました。1.Webサイトのコンセプトを立てる以下の図のコンセプトシートを元にコンセプトを立てていきます。そのサイトでユーザーにどんな行動をしてほしいのか、サイトの目的を明確にすることはとても大切です。デザインをしていく時の指示書として使います。2.ワイヤーフレームを書くワイヤーフレームとはいわゆる「デザインの下書き」です。公開するデザインの元となるもので、Webページ作成時はデザインに入る前に準備します。Webページをデザインする過程で、画面上にどこに何を配置するのかを指定し、本番用のデザインの設計図として利用します。3.本番用のデザインを作成するコンセプトシートとワイヤーフレームを元にデザインの清書をします。ここでコンセプトと相違がないかチェックしながら作成すると進めていきやすいです。4.スライスの作成、アセットの生成(PhotoshopCC以降)Web用に保存したいオブジェクトの領域を選択し、スライス作成、またはアセットの生成を実行します。5.Web用に保存スライス結果、または生成したアセットのオブジェクトをWeb用に保存します。IllustratorIlustratorも、Photoshopコースと同様に、Webサイトのデザインをゼロから作っていきます。最終課題は、以下のようになっています。今まで習ったことを活用し、観光のWebページをデザインしてみましょう。作成する地域は自由です。コンセプトシートを作成することからはじめてください。カリキュラムに書かれていなかった技術も積極的に使用してみましょう。以下の要件を確認し、満たすよう作成してください。すべての要件を満たすことが、合格の最低条件となります。不明点があれば講師に相談、確認しましょう。課題を制作後は、要件が満たされているかの自己チェック、および講師による要件やデザインの確認が終わってから課題の提出を行ってください。提出方法:上部提出ボタンより、提出物(以下参照)をご提出ください。【提出物】コンセプトシートのAIデータ観光サイトのAIデータ観光サイト(パーツごと)をスライス機能で書き出したpng、jpgデータファイルの容量は提出物すべてを含め100MB以下で提出してください超えてしまう場合は画像の解像度を調整してください。デザインマスターコースの公式ホームページを見てみるCodeCampのデザインマスターコースを受講した感想と評価CodeCampのデザインマスターコースを受講していて、普通にいいなぁと思いました。いうのも、実際にWeb制作の案件を請け負うためには、ここで学ぶスキルが最低限必要なんですよね。試しにクラウドソーシングのWebサイト「クラウドワークス」の案件を見てみましょう。Photoshopとなっています。自身で作ったLP案をもとに提案するので、Webデザイン案をPhotoshopやIllustratorで作れて、その後HTML、CSSでコーディングまで行える必要がありますね。逆に言うと、CodeCampで実際にこのコースを完了させるころには、実際にポートフォリオとして自分のWebページが公開できるわけですね。CodeCampでは現役エンジニアがいるので、学習が早ければ受講中に案件獲得することも不可能ではありません。CodeCampの公式ホームページを見てみる実際にできるようになったこと冒頭でも少し紹介しましたが、CodeCampさんで勉強したことを軸に、Webデザインしたものからワードプレスのテーマ作成を行い、現在のブログテーマ「notey」を作成できました。重いかもですが、こんな感じでデザインされています。CodeCampさんのコースは非常にわかりやすいので、おそらくこれくらいのレベルであればだれでもできるようになるのではないかと思います(もちろん独学する才能がある程度ないと厳しいですが。)CodeCampの公式ホームページを見てみるCodeCampがおすすめなヒト実際に受講してみて、こんな人ならCodeCampはお勧めできるかなと思いました。これから副業でWeb制作をやって、稼いでみたい!どこでもいいからエンジニア転職をしたい!僕が受講した、デザインマスターコースを受講すれば、クラウドワークスなどで10万円ほどの案件を獲得できます。くわしくは下の記事で、実際に僕が受講したコースの中身を見てみてください。実際に、フリーの現役エンジニアの人に分からないことを聞いたり、案件のとり方等を聞きながら、進めていくのがすごくよいと思います。未経験採用であればWebデザイナーとして、どこか採用してくれるくらいの能力にはなるかと思います。まとめということで、実際に体験した上で、レビューを書いてみました。CodeCampでは、無料体験レッスンもやっています。気になった場合は、無料体験を受けてみるのがおすすめです。CodeCampの無料体験を受けてみるCodeCampでよくある質問よく質問されることについて、回答します!「エンジニアになりたいんですが、CodeCampで転職できますか?」できなくはないですが、個人的に転職目的であればポテパンキャンプ推しですね。CodeCampでも転職紹介は手厚いみたいなんですが、サーバーサイドエンジニアで、確実に自社開発の会社に転職したいならポテパンキャンプがおすすめです!下にリンクを貼っておきますね。「フリーランスで独立したいのですが、CodeCampからなれますか?」これも個人の力量によりけりなんですが、できなくはなにかと思います。Web制作周りであれば、スキル的にはCodeCampで身に着けられると思います。≫【保存版】プログラミングスクールに通って、フリーランスエンジニアになる方法まとめ注)この記事は記事広告です。アフィリエイトポリシーに準じます。関連する特集プログラミングスクールプログラミングスクールについて解説します。プログラミングスクール選びに失敗されて困っている方を多く拝見するのですが、そもそもスクール選びで失敗している方が多いことに課題感を持っています。続きを見るプログラミングスクール編集部のおすすめ第二新卒の転職サイト、転職エージェントオススメは?採用担当者に聞いてみた!2019/07/21ITで副業したい人必見!案件獲得するための方法とおすすめIT副業サイトを解説してみた【リモートワークあり】2019/03/05【体験談まとめ】プログラミングスクールで受講者がおすすめした厳選5社を一挙解説【全インタビュー付き】2019/01/31特集ITフリーランスIT系のフリーランスについての特集です。続きを見るIT転職Python学習Python学習や、Pythonエンジニアとしてのキャリアについての特集です。続きを見るその他プログラミングプログラミング学習用の特集です。続きを見るプログラミングプログラミングスクールプログラミングスクールについて解説します。続きを見るプログラミングスクールマーケティングマーケティング関係の特集です。