ゼロから始まる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サービスを開発。

卒業後資金調達に成功したスタートアップはこの8年間で91社誕生し、総計114億超の資金調達に成功しています。

G's Academy

RECOMMENDおすすめ記事

【イベント参加レポート】SAPPORO START UP CAMP in 芸森スタジオ 第0回目
REPORT

【イベント参加レポート】SAPPORO START UP CAMP in 芸森スタジオ 第0回目

  • UNIT_SAPPORO
【イベント開催報告】札幌・北海道からセカイを変える〜スタートアップ×プログラミングのリアル〜
REPORT

【イベント開催報告】札幌・北海道からセカイを変える〜スタートアップ×プログラミングのリアル〜

  • UNIT_SAPPORO
【イベント開催報告】投資家が出資したくなるスタートアップ企業の資金調達戦略
REPORT

【イベント開催報告】投資家が出資したくなるスタートアップ企業の資金調達戦略

  • UNIT_SAPPORO
【イベント参加レポート】北海道・札幌のスタートアップ・ベンチャーが集まるEZOHUB 交流会
REPORT

【イベント参加レポート】北海道・札幌のスタートアップ・ベンチャーが集まるEZOHUB 交流会

  • UNIT_SAPPORO
【US_DEV4】北海道からセカイを変える!それぞれの想いを胸に旅立つ卒業式
UNIT_SAPPORO

【US_DEV4】北海道からセカイを変える!それぞれの想いを胸に旅立つ卒業式

  • UNIT_SAPPORO
UNIT_SAPPORO 4期生登壇者が優勝! “GLOBAL GEEK AUDITION 2022.SPRING”
EVENT

UNIT_SAPPORO 4期生登壇者が優勝! “GLOBAL GEEK AUDITION 2022.SPRING”

  • UNIT_SAPPORO
  • GGA
【6/3(金)開催】投資家が出資したくなるスタートアップ企業の資金調達戦略
EVENT

【6/3(金)開催】投資家が出資したくなるスタートアップ企業の資金調達戦略

  • UNIT_SAPPORO
【全国合同学校説明会】ジーズアカデミーのすべてを創設者が90分間でお届けします!
ADMISSION

【全国合同学校説明会】ジーズアカデミーのすべてを創設者が90分間でお届けします!

  • UNIT_YAMAGUCHI
  • UNIT_SAPPORO
  • TOKYO
  • FUKUOKA
リードエンジニア発掘・育成プログラム「STANDOUT」DEMO-DAY 開催報告
UNIT_SAPPORO

リードエンジニア発掘・育成プログラム「STANDOUT」DEMO-DAY 開催報告

  • UNIT_SAPPORO
プロダクトを「産み出す」という事。「原体験」からの衝動と試行回数が創り出すを引き寄せる!…Vol.8
UNIT_SAPPORO

プロダクトを「産み出す」という事。「原体験」からの衝動と試行回数が創り出すを引き寄せる!…Vol.8

  • UNIT_SAPPORO
【3/9(水)開催】10億円以上の資金調達を達成した北海道起業家に学ぶ 〜医療系スタートアップのビジネスモデルから資金調達までのイロハ〜
UNIT_SAPPORO

【3/9(水)開催】10億円以上の資金調達を達成した北海道起業家に学ぶ 〜医療系スタートアップのビジネスモデルから資金調達までのイロハ〜

  • UNIT_SAPPORO
(外部リンク)「北海道から起業に挑戦! 知的財産を守るために考える1日 公開メンタリング×特許庁特別講演」に参加しました!
UNIT_SAPPORO

(外部リンク)「北海道から起業に挑戦! 知的財産を守るために考える1日 公開メンタリング×特許庁特別講演」に参加しました!

  • UNIT_SAPPORO
(2/5 オンライン開催)卒業生座談会つき学校説明会を開催!
UNIT_SAPPORO

(2/5 オンライン開催)卒業生座談会つき学校説明会を開催!

  • UNIT_SAPPORO
はじめましてPHP。こんにちはPHP。お世話になりますサーバーサイド。…Vol.7
UNIT_SAPPORO

はじめましてPHP。こんにちはPHP。お世話になりますサーバーサイド。…Vol.7

  • UNIT_SAPPORO
【1/11(火)19:00~開催】『スタートアップ×知財戦略』 北海道から起業に挑戦!知的財産を守るために考える1日 公開メンタリング×特許庁特別講演
EVENT

【1/11(火)19:00~開催】『スタートアップ×知財戦略』 北海道から起業に挑戦!知的財産を守るために考える1日 公開メンタリング×特許庁特別講演

  • UNIT_SAPPORO
改めて考える「プログラミング」を学ぶ、whymeとは?(後編)…Vol.6
UNIT_SAPPORO

改めて考える「プログラミング」を学ぶ、whymeとは?(後編)…Vol.6

  • UNIT_SAPPORO
【イベント開催報告】本当にやりたいこと決まってる?プログラミングで見つける自分だけのキャリア 〜未経験者歓迎!札幌IT女子会〜
UNIT_SAPPORO

【イベント開催報告】本当にやりたいこと決まってる?プログラミングで見つける自分だけのキャリア 〜未経験者歓迎!札幌IT女子会〜

  • UNIT_SAPPORO
【卒業生インタビュー_vol.2】「大学に入っただけ」「バイトしてるだけ」ではなく、“自分で何かを成し遂げたい”という想いで入学を決意。
UNIT_SAPPORO

【卒業生インタビュー_vol.2】「大学に入っただけ」「バイトしてるだけ」ではなく、“自分で何かを成し遂げたい”という想いで入学を決意。

  • UNIT_SAPPORO
【卒業生インタビュー_vol.1】貧困格差を無くし、誰もが明るい豊かな生活を送れる一助となるようなサービスを創りたい。
UNIT_SAPPORO

【卒業生インタビュー_vol.1】貧困格差を無くし、誰もが明るい豊かな生活を送れる一助となるようなサービスを創りたい。

  • UNIT_SAPPORO
【イベント開催報告】G’s ACADEMY UNIT_SAPPORO 開校1周年記念イベント開催
UNIT_SAPPORO

【イベント開催報告】G’s ACADEMY UNIT_SAPPORO 開校1周年記念イベント開催

  • UNIT_SAPPORO
  • DEV
【10/24(日)開催】本当にやりたいこと決まってる?プログラミングで見つける自分だけのキャリア 〜未経験者歓迎!札幌IT女子会〜
UNIT_SAPPORO

【10/24(日)開催】本当にやりたいこと決まってる?プログラミングで見つける自分だけのキャリア 〜未経験者歓迎!札幌IT女子会〜

  • UNIT_SAPPORO
改めて考える「プログラミング」を学ぶ、whymeとは?(前編)…Vol.5
UNIT_SAPPORO

改めて考える「プログラミング」を学ぶ、whymeとは?(前編)…Vol.5

  • UNIT_SAPPORO
【イベント開催報告】初心者が爆速に成長するプログラミング学習方法とは!?
UNIT_SAPPORO

【イベント開催報告】初心者が爆速に成長するプログラミング学習方法とは!?

  • UNIT_SAPPORO
テクノロジーを武器に生き抜く!第一次産業の第一人者座談会 〜DXでコロナ禍を生き抜く!他業種の方へもDXのヒントに〜
EVENT

テクノロジーを武器に生き抜く!第一次産業の第一人者座談会 〜DXでコロナ禍を生き抜く!他業種の方へもDXのヒントに〜

  • UNIT_SAPPORO
進撃のJavascript。いいから黙って全部JSに投資しちゃうか!?…Vol.4
UNIT_SAPPORO

進撃のJavascript。いいから黙って全部JSに投資しちゃうか!?…Vol.4

  • UNIT_SAPPORO
学ぶ・教える関係から新たな仲間へと:2期卒業式が開催されました!
UNIT_SAPPORO

学ぶ・教える関係から新たな仲間へと:2期卒業式が開催されました!

  • UNIT_SAPPORO
“GLOBAL GEEK AUDITION” G’s ACADEMY TOKYO FUKUOKA UNIT_SAPPORO 合同デモデー開催レポ ート_vol.2
REPORT

“GLOBAL GEEK AUDITION” G’s ACADEMY TOKYO FUKUOKA UNIT_SAPPORO 合同デモデー開催レポ ート_vol.2

  • UNIT_SAPPORO
プログラミングのおさらいと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
学校説明会
はこちら