• WebCamp_インタビュー
    「1カ月頑張ればこの先が見えてくる」地元メディアを立ち上げたママさん
    2017.07.20
  • WebCamp_インタビュー
    “未経験”でもたった1ヶ月で営業からエンジニアとして転職!『WebCamp』受講者インタビュー
    2017.10.04
  • WebCamp_インタビュー
    【WebCamp受講生インタビュー】起業準備中にCEOが気がついたプログラミングスキルの重要性とは?
    2017.12.25
  • WebCamp_インタビュー
    【卒業生インタビュー】台湾で月間100万UUの訪日旅行メディアを手掛けるCEOが、プログラミングを学んで得たものとは?
    2018.01.15
  • WebCampPro_インタビュー
    未経験でも寿司職人からWebデザイナーになった!ホスピタリティでスクールを支える宮脇トレーナー
    2017.05.26
  • WebCamp_インタビュー
    「自信の持てるスキルを得たい!」内定辞退した女子大生がプログラミングを学習したワケ。
    2018.04.28
  • WebCamp_インタビュー
    時間や場所にとらわれず自由に働くために必要なスキルとは?【WebCamp卒業生インタビュー】
    2018.01.26
  • WebCamp_インタビュー
    【WebCamp卒業生インタビュー】1ヶ月でRubyをゼロから学び、Webエンジニアとして転職!
    2018.01.15
  • WebCampPro_インタビュー
    未経験から上京し、テレビでも話題のIT企業に転職!【WebCampPro卒業生インタビュー】
    2018.03.10
  • WebCampPro_インタビュー
    未経験31歳からエンジニア転職を実現【実際に聞いてみた】
    2017.04.01
  • WebCampPro_インタビュー
    自分で稼ぐ力をつけるため、新卒5年目の営業マンがエンジニアに転職!【WebCampPro転職者インタビュー】
    2018.02.02

▼当サイトで人気のプログラミング教室のおすすめランキングはこちら!
プログラミングは独学では非効率で、時間を無駄にするリスクがあります。効率的なカリキュラムで学べるスクールを受講しましょう。

金王冠Web Camp【業界最安値】1ヶ月集中してプログラミングスキルを身につけられるスクール
1ヶ月通い放題・メンター常駐の教室環境でWebサービス等作りたい方
TechAcademyオンラインで開講しているプログラミングスクール
オンラインでどこでも学べる!/教室に行くのが忙しい人でも安心!
銅王冠Tech Camp業界最大級!教養としてのITスキルを学べるスクール
Webデザイン/AI(人工知能)/IOS/Androidアプリ制作/VRを学びたい方!
びっくりマークWebCampPro転職保証付き!エンジニアとして転職したい人におすすめ!
未経験からプロのエンジニアを3ヶ月で目指すプログラミングスクールです。

こんにちは、WebCamp(ウェブキャンプ)です。

WebCampでは、4月から主婦・ママさん向けのWebデザイナーコースを開講しています。

Webスキルを習得すれば場所を選ばない働き方が可能となるため、子育てをしながら在宅ワークでお仕事をしたい主婦・ママさんに多く参加していただいております。「プログラミングを学ぶ女性が増えている」という特集で日経新聞の全国トップにも掲載していただきました。

このWebデザイナーコースでは、1ヶ月で"オリジナルWebサイト"を制作するコースです。
今回のブログでは、全4回ある主婦・ママコースの講義のうち、第2回講義の内容をご紹介します。

第一回講義レポートはこちらから。

授業の流れ

DSC06574

1、本日の流れの説明

まずは、3時間ほどある今回の授業でどういうことを学んでいくのか、流れを説明していきます。

2、前回からの課題の確認

DSC06536

最初に初回講義から第二回講義までに出題された課題の確認をします。

今週の課題は、
・WALSの予習コンテンツに取り組む。
・モックアップ(Webサイトの設計図)の作成。
の2つです。

WebCampの授業はでは、講義を受けることは"宿題"となり、授業は"実践の場"です。
そのため、オンライン学習システムの「WALS」で、あらかじめ講義に必要な知識の学習を進めることが大事なんですね!

3、小テスト

課題を確認した後は、早速学んだ知識を実践する小テストです!

Webサイトのデザインをする言語の「CSS」を使って、指定された通りにデザインを変更できるか、実際にコードを書いていきます。

問題

スクリーンショット 2016-09-17 16.27.20

"左寄せのオレンジの正方形"を・・・

 

解答

スクリーンショット 2016-09-17 16.26.36

指定された"中央寄せの丸型"に変更します。

このような知識を使った実践的な問題を解いていきます。
予習した知識を元に手を動かしていくので、"実践的なスキル""効率よく"習得することができます。

4、モックアップの確認

前回の宿題で作成されたモックアップ(Webサイトの設計図のようなものです)をグループで発表し合います。
生徒さんそれぞれのオリジナルWebサイトのデザインがあり、他の人のサイトを見ることでよりインスピレーションが深まります。

モックアップはWebサイトの最終的なデザインになるため、見た目の部分を中心にレビューを行い、より修正を加えていきます。どんなWebサイトになるか楽しみですね!

DSC06588

とはいっても、モックアップの段階ではWebサイトの見た目をした"図"です。
なので、実際にコーディング(コードを書く作業)してモックアップと同じ見た目のWebサイトを作成するために、次はコードについてより詳しく実践的に学んでいきます。

5、コードリーディング

コードリーディングと呼ばれる、実際のWebサイトを見ずに、コードだけを読んでどんなサイトか想像するトレーニングをします。
こちらで用意した簡単なWebサイトのコードを見て、内容からどのようなレイアウトになるか想像し、紙に書き出していきます。どのようなサイトになっているのか、グループで話し合い意見を決めていきます。

他の人の書いたレイアウトを見ると、自分にはなかった発想や視点の発見がありますし、何よりみんなで話し合いながらワイワイ楽しく授業を進められるのが集団講義の良いところですね!


DSC06597のコピー

パソコンに向かう生徒さんの表情も真剣そのものです。

6、本日のまとめ

授業の最後には、本日のまとめをして終了です。

・今回の授業の振り返り
・次回までの宿題確認

を共有して、授業終了です。

次回の授業で必要な知識も「WALS」で予習をします。一週間後の講義では、すでに新しい知識を得た状態で実践的な内容に取り組むため、とっても早いスピードでスキルが上がっていきます。

今回の講義の学び

今回の講義を通して、HPを実際につくる裏側の部分の仕組みを理解したり、細かなデザインを修正できるようになりました。実は、もうご自分で簡単なホームページの原型をつくることができるようになっています!

DSC06598

生徒さんの感想

第二回の講義を終えた生徒さんからの感想は、「今まで引っかかっていた部分が、グループワークをすることでわかるようになってきた」、「WALSで勉強してわからなかった所が、講義の中でわかるようになった」という、予習と講義を組み合わせてカリキュラムへの感想や、「まだまだ不安が大きいが、頑張りたいです」という1ヶ月の短期間で本当にサイトを制作できるか不安ながらも前向きな生徒さんの声もありました。

DSC06577-min

選べる3つの特典

WebCampでは、
主婦・ママ向けコースの6期生を絶賛募集中です。

参加者には、以下の特典があります。

家事代行サービスanytimesさんとコラボしたクーポン20,000円分が配布。
②講義中にお子さんを預けられるベビーシッターの活用(オフィスに芝生スペースがあります。)
現金20,000円分キャッシュバック

参加にご興味ある方はもちろん、家事・子育と両立して受講できるか不安な方や、受講にあたって疑問点がある方は、
30分〜1時間の無料カウンセリングを行っております。(対面・電話選択可能)

お気軽にご質問ください。まずはざっくばらんにお話しましょう。

開催概要

6期生開催:10月7日(金)〜10月28日(金)
募集締め切り:9月30日(24時)(定員になり次第募集終了)

7月枠も残りわずか当社人気の転職保証コース
プログラミング学習から転職成功まで導く、当社人気のWebCamp Proコース。
6月受入枠は満員となっております。7月枠に向け、お早めの申込みをオススメします。
プログラミング未経験でもエンジニア転職を絶対成功させたい
スキルを身に着けて人生を自ら切り開きたい
上記にあてはまる方は、ぜひご検討ください!

▼未経験から1ヶ月でWebデザイン・プログラミングを学びたい方はこちら!

▼ついに開講!オンラインでWebデザインを学びたい方はこちら!

関連キーワード
WebCampの関連記事
  • 【どこまで伸びる?】IT業界の今後の成長を予想
  • 【採用直結】株式会社プラムザとコラボした18卒就活生向けのコラボキャンプを8月から開催!
  • 通い放題×オーダメイドカリキュラム×スキルアップ講座でWebCampがフルリニューアル!
  • 1ヶ月で主婦・ママを即戦力Webデザイナーへ。託児所付き「WebCamp」主婦・ママコースが12月より新開講!
  • ゲームが作れる「Unity」コース開講!エイチームとコラボした就活生向けのコラボキャンプを11月から開催!
  • 1ヶ月間通い放題!忙しい社会人でも自由に通えるフレックスコースを開講しました!

当サイトで人気のオススメ転職サービスTOP3

1位 マイナビエージェント×IT

おすすめポイント

・平日忙しい人も、土曜日開催の個別キャリア相談会に参加できる

・職種や仕事内容(要件定義、上流工程から携わる仕事など)の要望が細かくできる
・マイナビの規模を活かした豊富で幅広い求人数

マイナビエージェント×ITの登録はこちら

2位 レバテックキャリア

おすすめポイント

・求人登録数4,000件以上

・エンジニア未経験、経験者両方に対応

・有名企業の採用担当者インタビューがみれる

・一次面接NGからの内定実績もあるほど、内定率が高い

レバテックキャリアの登録はこちら

 3位 type転職エージェント

おすすめポイント

転職者の71%が年収アップ

・IT系企業、特にエンジニアに限らず営業職の求人も充実している

各職種専門の転職アドバイザーが援助

type転職エージェントの登録はこちら

おすすめの記事
キャリア
IT業界への転職を考えている方の中で、面接でどのような質問をされるか不安に感じている方はいらっしゃいますか? IT業界の面接は、配属される担...