ジーズアカデミー|東京・福岡|起業家・エンジニア養成学校(プログラミング)BECOME A GEEK WITH THE POWER TO CHANGE THE WORLD

ReadingReading読みもの

ゼロから始まるHTML&CSS!サイト制作を4時間で駆け抜けるG’s ACADEMY UNIT_SAPPORO第一回目講義の様子!Vol.2

みなさんこんにちは!

UNIT_SAPPOROコミュニティマスタッフのSeiji★です!

さぁ、前回の続きからやってきました、課題発表です!

G’s ACADEMY UNITは原則「課題に決まりはない」という特殊なものなんですが、第一回目だけは「こんなサイトを作ってみよう」という腕試し的なところから入ります。

完成されたHPをもとに、同じものを作ってみよう!という事で素材だけを渡されて作ることになります。これがですね…意外と大変なんです。

プログラミングに本格的に向き合うための任意講座で、完成されたHPを基準に進めるのですが、具体的というか細かい指示が決まっていないんですね。

最低限のレイアウトはあるものの、自由であれば自由である事の難しさがあるんです。文字と文字の間ってどうするの?っとか。自分で決めていく事の難しさもここで感じるわけです。

今回の授業はHPを作ることが第一回目の課題なので、HTML/CSSといった言語を用いて制作に入ります。更に言えば、煽られるんですね、チューターといわれる先生達に。「出来る人はカスタマイズしてもいいですよ!」っと。

そんな事いわれましても…が、大半の受講生の顔です。それが出来るならここに来てない…という。ですが、そんな苦境を乗り越え、課題発表の時間はやってきちゃうわけです!

その間、仲間同士で助けあうP2PラーニングもG’s ACADEMYの特徴となっており、slackというコミュニケーションツールを利用し、仲間同士で教えあったりして進んでいくわけです。実際に集まって教えあう事もやりました!

P2Pラーニング

そして…来る発表会!まずはメンバーとチューターで幾つかグループを作り、見せあい会をします。みんな必死に作ったサイトを見せあい、苦労を分かち合い、褒めあっていきます。中には課題以上の制作物を作り上げる方も。

そのグループの中から完成度の高いメンバーが推薦され、授業開始前に全員の前で品評会的に公表会が行われます!グループ内から推薦されるだけあり、発表会はレベルの高い作品が出てきます。

動いたり、動作に趣向が凝らしてあったりなど。

授業で4時間。発表会まで独学とは思えないレベルで課題を作ってくるのは、まさに本気の人の集まりをしっかりと感じさせます!

ちなみこちらが正解のサイト

チーズアカデミー3

そして受講生の制作したサイトがコチラ

チーズアカデミー2

同じものに見えますよね!
同じように作っているので、ちゃんと同じものが出来上がるのです!

恥ずかしがりながらわたくしもこんなサイトを

チーズアカデミー

いあーなんとかなりました…いあいあ、決められた風になんて作ってないじゃん!なんですが、ここがまさにG’Sらしさといいますが、前へ進める人は前に!という校風のもとに、進んでいきます。

これが、良い意味でみんなの刺激になっていくんですね~。

ちなみにーなんですが。HTML/CSSに触ったことがある、ない、っで一人一人かかる時間は全然異なりますが、今回初めて触った方は一週間の課題発表のうち、数十時間ほど時間を割いていたかと。

ちなみに僕はHTML/CSSは得意な方でして、上のサイトの制作時間は3時間ほど。ちょっとずるっことして、bootstrapというテクニックを使いました!

っが、僕の得意分野もここまで。

javascriptというプログラミングの学習が始まります。

言語はこんな感じの書き方。

function removeEmoji(t) {

  var ranges = [

    ‘\ud83c[\udf00-\udfff]’,

    ‘\ud83d[\udc00-\ude4f]’,

    ‘\ud83d[\ude80-\udeff]’,

    ‘\ud7c9[\ude00-\udeff]’,

    ‘[\u2600-\u27BF]’

  ];

  var reg = new RegExp(ranges.join(‘|’), ‘g’);

  t.value = (t.value).replace(reg, ”);

}

えー何を書いてんするかね?

戦いは続く…

G's Academy

セカイを変えるWebサービスを日本から発信することを目指す、エンジニア起業家養成スクールです。

転職志望の方はもちろん、起業志望の方が多く通学しており、現役で活躍する一流エンジニアのメンターサポートをうけ、未経験から半年でオリジナルのTechサービスを開発。

卒業後資金調達に成功したスタートアップはわずか5年間で53社誕生し、総計66億超の資金調達に成功しています。

G's Academy

RECOMMENDおすすめ記事

プログラミングのおさらいとJavaScriptとの出会い!…Vol.3
UNIT_SAPPORO

プログラミングのおさらいとJavaScriptとの出会い!…Vol.3

  • UNIT_SAPPORO
はじめての“GLOBAL GEEK AUDITION” TOKYO & UNIT_SAPPORO 合同デモデーをレポート
UNIT_SAPPORO

はじめての“GLOBAL GEEK AUDITION” TOKYO & UNIT_SAPPORO 合同デモデーをレポート

  • UNIT_SAPPORO
【5/29(土)13:30~】ゼロから生み出したアイデアがカタチになるまでのストーリー 〜起業家エンジニア養成スクール卒業生が創ったプロダクト〜
UNIT_SAPPORO

【5/29(土)13:30~】ゼロから生み出したアイデアがカタチになるまでのストーリー 〜起業家エンジニア養成スクール卒業生が創ったプロダクト〜

  • UNIT_SAPPORO
今日が誕生日なのかもしれない。第一期生。卒業から始まる。
UNIT_SAPPORO

今日が誕生日なのかもしれない。第一期生。卒業から始まる。

  • UNIT_SAPPORO
【5/1(土)13:00~】起業するなら今がチャンス! ~コロナ禍に北海道だからこそ出来る事~
UNIT_SAPPORO

【5/1(土)13:00~】起業するなら今がチャンス! ~コロナ禍に北海道だからこそ出来る事~

  • UNIT_SAPPORO
【札幌GGAセレクション】を初開催!
UNIT_SAPPORO

【札幌GGAセレクション】を初開催!

  • UNIT_SAPPORO
【3月28日開催】特別学校説明会&EZOHUBツアー(オフライン&オンラインハイブリッド)を開催!
UNIT_SAPPORO

【3月28日開催】特別学校説明会&EZOHUBツアー(オフライン&オンラインハイブリッド)を開催!

  • UNIT_SAPPORO
3/13(土)オンライン開催! サービスの本質を理解させる。GEEKな勝てるデザインとは何か?
UNIT_SAPPORO

3/13(土)オンライン開催! サービスの本質を理解させる。GEEKな勝てるデザインとは何か?

  • UNIT_SAPPORO
2/27(土)11:00~ あなたはG’s ACADEMYで何を得るのか? 週末DEVコース1期卒業生によるトークイベントを開催
UNIT_SAPPORO

2/27(土)11:00~ あなたはG’s ACADEMYで何を得るのか? 週末DEVコース1期卒業生によるトークイベントを開催

  • UNIT_SAPPORO
ゼロから始まるHTML&CSS!サイト制作を4時間で駆け抜けるG’s ACADEMY UNIT_SAPPORO初回講義の様子!
UNIT_SAPPORO

ゼロから始まるHTML&CSS!サイト制作を4時間で駆け抜けるG’s ACADEMY UNIT_SAPPORO初回講義の様子!

  • UNIT_SAPPORO
2/20(土)11:00~ 北海道でやりたいことを実現させるために ーWhy me?から始めようー
UNIT_SAPPORO

2/20(土)11:00~ 北海道でやりたいことを実現させるために ーWhy me?から始めようー

  • UNIT_SAPPORO
札幌から、セカイを変えるGEEKになろう! 短期集中プログラミングキャンプを2日間無料開講!
UNIT_SAPPORO

札幌から、セカイを変えるGEEKになろう! 短期集中プログラミングキャンプを2日間無料開講!

  • UNIT_SAPPORO
学校説明会
はこちら