【3週目】ハードな課題を乗り越え、ついにウェブサイト完成へ……!!!

お知らせ

【本が売れています】

世界累計30万部突破!
3000件を超えるAmazonレビューをいただいています。

【公式LINE登録で豪華特典を無料プレゼント】

登録者数9万人突破!

八木仁平の公式LINEに登録頂くだけで、自分の「本当にやりたいこと」を見つけられる、豪華特典19個を無料で配布しています。

※LINE友達登録後の「特典がもらえる10秒簡単アンケート」へのご回答が配布条件となります

\ あなたのやりたいことが見つかる /

初めてプログラミングをしたにも関わらず、そんなぼくたちに前回出された課題……。

f:id:jimpeipei:20160517152513j:plain

 

それは、サイト大枠のコーディング!!!


 

分からないことだらけの中、1週間ガチで課題に取り組みました。 

メンバーの作ったすごいモックアップに刺激を受けたので、前回作ったダサいモックアップもそれっぽい感じに修正!

f:id:jimpeipei:20160530114344p:plain

 
 

分からないことがあればすぐにWals(オンライン学習システム)で質問。

画像のパスの書き方についての質問。

f:id:jimpeipei:20160522215428p:plain

 

Photoshopの使い方について質問。

f:id:jimpeipei:20160522215519p:plain

 

というかもう分からないことだらけすぎて、質問しまくっておりました。

そして、そして、1週間画面とにらめっこし続けてついに大枠が完成!!!

 

f:id:jimpeipei:20160530115447j:plain

 
 

f:id:jimpeipei:20160530115710j:plain「つ、つかれたぁああぁぁぁぁぁぁあぁぁ」 

完成したウェブサイトはWebCamp感想まとめ記事にて!

 

>> WebCamp公式サイト

 

ウェブサイトの大枠を完成させたら、次の週の予習!

もちろん次に向けてのオンライン予習もガッツリとあります。 

f:id:jimpeipei:20160520111836p:plain

f:id:jimpeipei:20160520111843p:plain

 
 

3週目のオンライン講義を受講したところで、Wals上に表示されるレベルはついに129に。

f:id:jimpeipei:20160530114809p:plain

こんな上がると喜んでいいのかもはや分からないよ、WebCampさん。

 
 

満を持していよいよ講義へ

f:id:jimpeipei:20160530131615j:plain

この1週間はあわせて20時間くらいウェブサイトを作るのに時間をかけたので、授業に行くのがかなり楽しみになってました。

講義の最初にウェブサイトを見せ合ったのですが、やっぱりみんなレベルが高かった!

聞いてみるとひたすら調べながら四苦八苦してなんとかやり切ったそう。

 

f:id:jimpeipei:20160530115710j:plain「みんな頑張ったんだなあ」

としみじみしました。

 

JQueryを使えるようになろう

本日の講義はSkipperの使い方。

ウェブサイトにおしゃれなスライドショーを簡単に使えるようになるものです。

f:id:jimpeipei:20160521104128p:plain

 
 

f:id:jimpeipei:20160521110954j:plain「こういうのテンション上がるぅー!」

 

先生の画面を見ながらSkipperを使えるように読み込んでいきます。

f:id:jimpeipei:20160521104510p:plain

 

講義に従ってウェブサイトにスライドショーを導入!

できた!

感動!

f:id:jimpeipei:20160521111256g:plain

 

言われたようにやったので出来て当たり前なのですが、実際にサイトが動くと感動しますよぉ!

 

ウェブサイトをスマホでも見やすい「レスポンシブデザイン」にする

f:id:jimpeipei:20160530131633j:plain

お次はウェブサイトのスマホ対応について。

1週間死ぬ気でやったけれど、スマホ対応までは手が回っていない人がほとんど。

スマホ対応は見られるウェブサイトにするために超重要なんですって。

 

1時間、先生に聞きながらコーディングの修正

f:id:jimpeipei:20160530131646j:plain

その後は講義の内容を受けて、ウェブサイトをいじいじ。

1通り完成したなと思っていた自分のサイトも、先生に見てもらうと改善点だらけでした。

うーん、難しいけど面白い!

 

WebCamp最後の課題

最終週の課題はもちろん、

ウェブサイトを完成させてくること!!!

 

レスポンシブ対応やら、ウェブサイトに動きをつけるJavaScriptの導入やらまたまたやることが沢山。

いよいよラストだー!頑張るでー!

最後の週の記事はこちら。

【評判】1ヶ月間のWebCampを受けて、ぼくはWebデザイナーになれたのか?

 

>> WebCamp公式サイト

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次