Webデザイン未経験からはじめてのWebサイト制作に挑戦
デザインマスターコース
illustrator2photoshop2html5css3javascriptjquerybootstrap2

まずは無料で、CodeCampをお試しください

  • 現役エンジニアによる手厚い個別指導
  • デザインツールの使い方を基礎から習得
  • Webサイト制作を本格的に学ぶ

こんな方が受講しています

  • 未経験からwebデザイン・サイト制作を学び、手に職をつけたい方
  • 在宅・副業・フリーランスなど自由な働き方を目指す方
  • コーディングスキルを付けてキャリアアップをしたいデザイナーの方
キャリア Talk

このコースで身につくスキル

1つのwebサイトを様々な大きさの画面で綺麗に見せるための「レスポンシブデザイン」を学びます。
写真加工・画像作成ツールによる素材作成から、webサイトのデザインやレイアウトを調整し、魅力的に表現するスキルが身につきます。

  • 観光情報サイト
  • カフェのホームページ
  • 写真加工・バナー・ロゴ制作
  • レスポンシブ対応のwebデザイン
身につくスキル
学習カリキュラム

学習カリキュラム

  • illustrator
    Illustratorはロゴやアイコン制作、レイアウトで使用するソフトです。webサイトの制作現場ではPhotoshopと併せてIllustratorも使えることが望ましいです。
  • photoshop
    Photoshopは写真を加工・合成したり、美しいグラフィックを作ったりすることができる画像編集ソフトです。プロのデザイナーがwebサイト制作の現場で使用しているソフトで画像加工を学びます。
  • html
    HTMLはwebサイトの構造を決める言語です。webサイトに文字や画像を表示させます。webサイトでHTMLを使っていないものはほとんど無いほど不可欠です。
  • css
    CSSはwebサイトの見た目を装飾する言語です。背景や文字の色や余白を調整しデザインを決めることができます。
  • javascript
    JavaScriptはボタンクリックなどのようなユーザーの動きに応じたwebサイトを作ることができる言語です。
  • jquery
    jQueryはJavaScriptをより簡単に記述できるようにしたファイル(通称:ライブラリ)です。基本的にJavaScript + jQueryとセットで扱います
  • bootstrap
    Bootstrapは簡単に見栄えのいいwebサイトを作れるひな形です。あらゆる画面サイズに対応したレスポンシブwebデザインも学べます。
キャリア Talk

キャリア Talk

「キャリア Talk」は、エンジニアやフリーランスとしてのキャリア構築についてCodeCampの現役エンジニア講師へ気軽に相談することができるカリキュラムです。
IT業界でエンジニアとして働く講師、フリーランスとして働く講師、子育てや介護などと並行して柔軟な働き方を実践している講師などがみなさんの疑問や不安についてアドバイスを行います。

学習環境

Cloud9

本コースでは、開発環境としてAWS Cloud9を使用します。AWS Cloud9はブラウザ上でコードを記述、実行、デバッグできる統合開発環境 (IDE)です。クラウドベースのため、インストール等の準備は不要でインターネットに接続できれば、どこからでも使用することができます。

AWS Cloud9の利用について

  • AWS Cloud9使用料:受講費用に含まれます
  • データの保持期限:受講期間+90日まで(期限がきたものから順次削除されます)
  • 連続起動時間:8時間(30分以内での再起動は連続利用とみなします)
illustrator

Adobe社のIllustrator CCを使用します。ご自身でご契約いただき、学習を開始してください。

photoshop

Adobe社のPhotoshop CCを使用します。ご自身でご契約いただき、学習を開始してください。

bootstrap

Bootstrapは公式サイトから無料でダウンロードできます。ご自身のPCにインストールしてから学習を進めます。

CodeCampで学ぶべき理由

あなたに合わせた、手厚いマンツーマンレッスンでしっかり身につく

  • 経験豊富なエンジニア講師による、どこよりも手厚い個別指導
  • 自分でできるようになるまで、課題の提出・添削を無制限で受けられる
  • 仕事や学業と両立、毎日7時〜24時まで時間・場所を選ばずに学習できる

プログラミング未経験から、確実な成長をサポート

未経験者にも優しいカリキュラムと、理解度に応じたマンツーマンレッスン
完全に習得するまで何度でも課題の添削が受けられます

  • 教科書・課題の学習

    教科書・課題の学習

    時間・場所選ばず
    オンライン教科書で学習
    レッスンは当日予約・変更可(スマホ対応)
    時間場所選ばず

    まずオンラインの教科書を学習し、教科書途中の小課題を解きます。わからないところがあれば、レッスンを予約します(毎日7時〜23時40分)。
    教科書は期限後も閲覧可能。
    ※一部のカリキュラム(Swift,Android,Python,WordPress)は書籍の教科書を使用します。

    添削無制限
    合格するまで受けられる添削サポート
    添削無制限

    カリキュラムごとに教科書の章末には提出が必要な実習課題があります。レッスンでサポートをもらいながら完成させ、提出します。
    提出後、講師が丁寧に添削し、添削項目ひとつひとつにアドバイスを記入して、合否の連絡をします。合格するまで何度でも提出することが可能です。
    (期限終了後30日間は提出・添削が可能です)

  • オンラインレッスン

    オンラインレッスン

    手厚いマンツーマン
    一人ひとりのペースに合わせた
    オンラインレッスン
    手厚いマンツーマン

    レッスンは、無料ビデオ通話(ハングアウト)を使用します。
    ハングアウトでご自身のPC画面を共有し、エディタに書いたプログラミングコードを講師に見てもらいながら質問できます。
    カメラが無い方は音声のみでもご受講いただけます。

    マンツーマンなので、一人ひとりのペースに合わせたレッスンが可能で、質の高いフィードバックをもらうことができます。

  • キャリア Talk

    キャリア Talk

    気軽に相談できる
    エンジニアとしての働き方についてここでしか聞けない、リアルな話
    気軽に相談

    エンジニアやフリーランスとしてのキャリア構築について、CodeCampの現役エンジニア講師へ気軽に相談することができます。例えば、「IT企業での働き方」、「フリーランスとしての働き方」、「最近の開発現場で求められるスキル」、「他ではちょっと聞きづらいリアルなお金の話」などについて質問/相談することができます。

    講師がこれまでに体験してきた内容を包み隠さずみなさんにお話します。ぜひ現役エンジニアの話を聞いてエンジニアやIT企業のリアルを感じてみてください。

満足度96.6%のマンツーマンレッスン
現役エンジニア講師陣があなたの成長を支援します

大手IT勤務、ベンチャー勤務、起業・独立経験者など、厳正な選考を通過した
技術力と教育力を備えた現役エンジニア講師がマンツーマンで指導します

  • 杉浦 玲伊子
    杉浦 玲伊子講師
    起業・独立経験
    子育てママパパ
    金融機関向けのシステム開発、データ分析などを経てフリーランスとして活動。プログラミングの楽しさを伝える講義が人気の講師。
  • 舘 勇紀
    舘 勇紀講師
    フレンドリー
    初心者歓迎
    大手電機メーカーでエンジニアとしてシステム開発を担当。現在はフリーランスとして活動、ITの本質をつく講義が人気の講師。
  • 宮原 伸幸
    宮原 伸幸講師
    初心者歓迎
    ゆっくり説明
    フリーランスのWebデザイナー兼エンジニア。デザインからプログラミングまで、受講生に寄り添った丁寧なレッスンで人気の講師。
自分に合う講師を選べる
自分に合う講師を選べる
あなたにぴったりの講師が見つかる
あなたにぴったりの講師が見つかる
レッスンごとに講師を選んで予約できるから、あなたにぴったりの講師を見つけて効率的に学習できます
お気に入り講師機能
お気に入り講師機能
継続して指導が受けたい講師を「お気に入り」としてリストに追加することができます
あなたの学習目標に合わせて「自分だけの講師リスト」をつくりましょう

CodeCampのキャリア支援

未経験からのキャリアアップを応援します

学んだことをキャリアに活かしたい、未経験からIT/Web業界に挑戦したい
そんな方が着実に一歩前進するためにサポートします

    • IT/Web業界への理解を深める
    • 気軽に相談できる相手を見つける
    • 専門家による転職支援を受ける
キャリア支援を詳しく見る
キャリア支援
卒業生の実績多数
受講後に就職・転職を成功させた卒業生の実績多数
業界未経験からWebエンジニアへ
業界未経験からWebエンジニアへ
詳しく見る>
新卒でアプリ開発エンジニアへ
新卒でアプリ開発エンジニアへ
詳しく見る>

転職先企業例

  • cyber
  • microad
  • livesence
  • monsterlab
  • interspace
  • pepabo
  • future
  • opt

CodeCampが未経験者から選ばれる理由

CodeCampは現役エンジニアからの直接指導(マンツーマンレッスン)が
どこよりも手厚く受けられるプログラミング学習サービスです

  • 受講者数30,000名突破

    ※:2020年03月現在

  • レッスン満足度96.6%

    ※:2020年03月現在

  • 導入企業300社突破

    ※:2019年08月現在


講師は「通過率10%の厳しい採用試験」をクリアした現役エンジニア
更に受講生からの満足度アンケートや評価制度を実施し、指導力の向上に取り組んでいます


コードキャンプ
A社B社C社
学習形式オンライン
マンツーマンレッスン
自習+チャットサポート
メンタリング
自習+チャットサポート/
教室での質問
オンライン
マンツーマンレッスン
レッスン回数/週無制限2回-レッスンなし1回
講師の指名可能×不可×不可×不可
講師の質現役エンジニア
(選考/評価制度あり)
現役エンジニアアルバイトメンター
(学生中心)
現役エンジニア
レッスン(チャット)
対応時間
7時〜23時40分15時〜23時13時〜22時8時〜22時
受講後の教材閲覧×不可
1レッスン単価5,000円〜7,400円8,600円〜16,000円-レッスンなし×29,000円〜42,000円
オリジナルサービスの
開発支援方法
マンツーマンレッスンで支援チャットサポートと
30分/週×2のメンタリングで支援
チャットサポートと
メンターからの支援
マンツーマンレッスンで支援

受講生の声

\利用者30,000人超/多くの受講生が目標を達成しています

  • 阿部 久瑠美さん

    応援してくれる講師がいたから、エンジニアに転職できました

    阿部 久瑠美さん / 元塾講師
  • 橋本 亮平さん

    自分の仕事に、自信と誇りを持てるようになりました

    橋本 亮平さん / 元サポートエンジニア
  • 福島さん

    社内初のエンジニアとして、職種働き方を変えることができました

    福島さん / 元営業

3つの料金プラン

6ヶ月プラン

6ヶ月プランを始める

4ヶ月プラン

4ヶ月プランを始める

2ヶ月プラン

2ヶ月プランを始める
料金(税抜)
2ヶ月+4ヶ月プランより
約10万円お得!
298,000
10万円お得
2ヶ月プラン×2より
約5万円お得!
248,000
5万円お得148,000
入学金(税抜)30,00030,00030,000
受講期間
10月23日(金)に開始した場合の
受講終了日※
180日間
終了日421日(水)
120日間
終了日220日(土)
60日間
終了日1222日(火)
レッスン回数604020
レッスン受講目安/週2〜3回/週×約4週×6ヶ月2〜3回/週×約4週×4ヶ月2〜3回/週×約4週×2ヶ月
学習時間目安/週510時間1015時間2025時間
こんな方が
選んでいます
仕事や学業と両立してしっかり
身につけたい
無理なく自分のペースで
進めたい
1日でも早く習得したい
独学の経験あり

※受講開始日について:原則、お支払いを確認した日が受講開始日になります。
もし、受講開始日の調整(1ヶ月程度を目安)を希望される場合は、お支払い前お問い合わせよりご相談ください。

お支払い方法

  • 一括払い

    • 銀行振込
    • クレジットカード払い(PAY.JP)
  • 分割払い《3〜36回払い》

体験レッスンご予約の流れ

まずは無料の体験レッスンを受講してみましょう。
簡単な準備だけで受講することができます。

  1. 無料体験予約

    無料会員登録

    簡単30秒で登録が完了します

  2. 予約

    予約

    ご自身の都合がいい時間に予約しましょう

  3. レッスン準備

    レッスン準備

    レッスンは簡単な準備だけで受講することができます

  4. 楽しく受講

    楽しく受講

    レッスンは現役エンジニアがマンツーマンで対応します

  5. 割引クーポンGET!

    割引クーポンGET!

    お得に受講できる割引クーポンが貰えます

無料体験レッスン受講で、割引クーポン1万円分をプレゼント!