77枚の資料を5分で発表してみたやつ【g’s academy...
TRANSCRIPT
![Page 1: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/1.jpg)
G’s ACADEMY 2期生 卒業制作
"学びたい"よりも"つくりたい"人のためのプログラミング学習サイト
2016/03/02No.16 木下 雄策
![Page 2: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/2.jpg)
今日のスライド、
77枚あります
![Page 3: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/3.jpg)
神速でいきます
![Page 4: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/4.jpg)
まずは!
![Page 5: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/5.jpg)
このプレゼンの
目的!!
![Page 6: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/6.jpg)
僕という人間を
知ってもらう!
![Page 7: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/7.jpg)
でも…
![Page 8: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/8.jpg)
すみません、
今は転職する気
ないです…(つД-`)
![Page 9: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/9.jpg)
すみません、
今は転職する気
ないです…(つД-`)
今の仕事、とっても楽しいんです…
![Page 10: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/10.jpg)
もしかしたら
いつかくるかもしれないその
日のために…
![Page 11: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/11.jpg)
今日が何かいいご縁に
なればいいなと:)
![Page 12: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/12.jpg)
ということで!
![Page 13: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/13.jpg)
自己紹介
![Page 14: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/14.jpg)
自己紹介
■名前:
木下 雄策(27歳・福岡出身) @afroscript10
■略歴:
九州大学で宇宙の研究
2013年 レバレジーズ入社
■今のお仕事:
日本のエンジニア業界を最強にすること!!
→エンジニア特化型Q&Aサイト【teratail】のDevRel担当
→ITの勉強会【ヒカ☆ラボ】
■その他
→Gs'ACADEMYでプログラミング修行中…
→LIGブログ「0エンジニアから0.5エンジニアへ」連載中
![Page 15: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/15.jpg)
卒業制作紹介
〜"学びたい"よりも"つくりたい"人のためのプログラミング学習サイト〜
![Page 16: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/16.jpg)
背景
![Page 17: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/17.jpg)
【プログラミング学習サイトの現状】
![Page 18: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/18.jpg)
【プログラミング学習サイトの現状】
・無料でほとんど学べる
![Page 19: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/19.jpg)
【プログラミング学習サイトの現状】
・無料でほとんど学べる・コンテンツも非常に充実(多様な技術に対応)
![Page 20: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/20.jpg)
【プログラミング学習サイトの現状】
・無料でほとんど学べる・コンテンツも非常に充実(多様な技術に対応)・体系的に(各言語やツール毎に)まとまって講座が作られている
![Page 21: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/21.jpg)
【プログラミング学習サイトの課題】
逆に言うと…
Webで何かつくりたい!早くつくりたい!
プログラミングを学び始める人
![Page 22: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/22.jpg)
【プログラミング学習サイトの課題】
逆に言うと…・コンテンツが充実しすぎている
Webで何かつくりたい!早くつくりたい!
プログラミングを学び始める人
![Page 23: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/23.jpg)
【プログラミング学習サイトの課題】
逆に言うと…・コンテンツが充実しすぎている →何から学べばいいか分からない
Webで何かつくりたい!早くつくりたい!
プログラミングを学び始める人
![Page 24: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/24.jpg)
【プログラミング学習サイトの課題】
逆に言うと…・コンテンツが充実しすぎている →何から学べばいいか分からない
・体系的に順序よくしか学べない
Webで何かつくりたい!早くつくりたい!
プログラミングを学び始める人
![Page 25: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/25.jpg)
【プログラミング学習サイトの課題】
逆に言うと…・コンテンツが充実しすぎている →何から学べばいいか分からない
・体系的に順序よくしか学べない →「何かつくりたい!」と思って学び始めたとき、 何かつくりあげるまで時間がかかる
プログラミングを学び始める人
Webで何かつくりたい!早くつくりたい!
![Page 26: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/26.jpg)
【プログラミング学習サイトの課題】
逆に言うと…・コンテンツが充実しすぎている →何から学べばいいか分からない
・体系的に順序よくしか学べない →「何かつくりたい!」と思って学び始めたとき、 何かつくりあげるまで時間がかかる
どれやればいいの!?いつになったら作れるの!?
プログラミングを学び始める人
![Page 27: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/27.jpg)
【何から学べばいいか分からない】
「初心者はPHPからでしょ!」
「Railsなら楽に作れるよ!」
「需要が多いJavaやれば??」
「やっぱプログラミングはCからやらないと!」
「最近機械学習でPythonが盛り上がってきてるよ!」
「今どきGoでしょ!」
…etc
![Page 28: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/28.jpg)
【何から学べばいいか分からない】
「初心者はPHPからでしょ!」
「Railsなら楽に作れるよ!」
「需要が多いJavaやれば??」
「やっぱプログラミングはCからやらないと!」
「最近機械学習でPythonが盛り上がってきてるよ!」
「今どきGoでしょ!」
…etc
多すぎる…どれをやればいいのか…
![Page 29: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/29.jpg)
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓
![Page 30: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/30.jpg)
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
![Page 31: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/31.jpg)
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
・HTML入門: 全24回×3分=72分 ・CSS入門: 全22回×3分=66分 ・JavaScript入門: 全24回×3分=72分
![Page 32: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/32.jpg)
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
・HTML入門: 全24回×3分=72分 ・CSS入門: 全22回×3分=66分 ・JavaScript入門: 全24回×3分=72分
⇒合計:3時間30分 ⇒動画見て手を動かしながら学ぶと考えるとさらに約4,5倍かかる
![Page 33: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/33.jpg)
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
・HTML入門: 全24回×3分=72分 ・CSS入門: 全22回×3分=66分 ・JavaScript入門: 全24回×3分=72分
⇒合計:3時間30分 ⇒動画見て手を動かしながら学ぶと考えるとさらに約4,5倍かかる
⇒結局、14〜18時間ほどかかる。
そしてレッスン後に残るのは制作物でなく知識。
![Page 34: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/34.jpg)
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
・HTML入門: 全24回×3分=72分 ・CSS入門: 全22回×3分=66分 ・JavaScript入門: 全24回×3分=72分
⇒合計:3時間30分 ⇒動画見て手を動かしながら学ぶと考えるとさらに約4,5倍かかる
⇒結局、14〜18時間ほどかかる。
そしてレッスン後に残るのは制作物でなく知識。
朝9時に始めても夜中12時くらいまでかかるのか…
![Page 35: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/35.jpg)
そんなことより早くつくりたい!!
![Page 36: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/36.jpg)
『ツクッタ!!-TSUKUTTA-』
"学びたい"よりも"つくりたい"人のための
プログラミング学習サイト
![Page 37: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/37.jpg)
ツクッタ!!の2つの特徴
![Page 38: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/38.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない
![Page 39: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/39.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
![Page 40: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/40.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる
![Page 41: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/41.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く
![Page 42: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/42.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く →作品をつくり上げていくなかで、 いろんな技術に触れていく
![Page 43: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/43.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く →作品をつくり上げていくなかで、 いろんな技術に触れていく
Low Level
High Level
HTML CSSJavaScript
【LESSONのイメージ】
![Page 44: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/44.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く →作品をつくり上げていくなかで、 いろんな技術に触れていく →最初は簡単なHTML/CSS/JSを使った作品
Low Level
High Level
HTML CSSJavaScript
【LESSONのイメージ】
Lesson 1の作品完成
![Page 45: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/45.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く →作品をつくり上げていくなかで、 いろんな技術に触れていく →最初は簡単なHTML/CSS/JSを使った作品 →だんだん高度なテクニックも入ってくる
Low Level
High Level
HTML CSSJavaScript
Lesson 1の作品完成
Lesson 2の作品完成
Lesson 3の作品完成
Lesson 4
Lesson 5
【LESSONのイメージ】
![Page 46: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/46.jpg)
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く →作品をつくり上げていくなかで、 いろんな技術に触れていく →最初は簡単なHTML/CSS/JSを使った作品 →だんだん高度なテクニックも入ってくる
⇒HTML/CSS/JSのスキルレベルが並行して あがっていく
Low Level
High Level
HTML CSSJavaScript
Lesson 1の作品完成
Lesson 2の作品完成
Lesson 3の作品完成
Lesson 4
Lesson 5
【LESSONのイメージ】
![Page 47: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/47.jpg)
Demo
![Page 48: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/48.jpg)
ツクッタ!!-TSUKUTTA-はこちら
↓ http://160.16.242.124:3000/lesson/take/1/1/1
![Page 49: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/49.jpg)
【サービス全体イメージ】
■TOPページ ■レッスンページ
■(ログインページ)←スコープアウト ■(ユーザページ)←スコープアウト
![Page 50: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/50.jpg)
【今後追加予定のレッスン内容】
(1)いろいろものがclickやhoverとかで動く自己紹介ページ ←60%完成 →HTMLとCSSとJavaScriptの基礎的なとこやる。
(2)簡単だけど見た目おもしろいゲーム ←追加予定!! →JavaScript/CSSをしっかり使ったなんかおもしろいゲーム
(3)高度なお絵描きアプリ ←追加予定!! →canvas使ってみる
(4)テトリス的なの ←追加予定!! →AngularJSとかFW使ってみる
![Page 51: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/51.jpg)
【今後追加予定のレッスン内容】
(1)いろいろものがclickやhoverとかで動く自己紹介ページ ←60%完成 →HTMLとCSSとJavaScriptの基礎的なとこやる。
(2)簡単だけど見た目おもしろいゲーム ←追加予定!! →JavaScript/CSSをしっかり使ったなんかおもしろいゲーム
(3)高度なお絵描きアプリ ←追加予定!! →canvas使ってみる
(4)テトリス的なの ←追加予定!! →AngularJSとかFW使ってみる
HTML/CSS/JSだけで
おもしろいのいっぱいつくります!
(今考えてます…)
![Page 52: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/52.jpg)
ツクッタ!!が目指すもの
![Page 53: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/53.jpg)
【ツクッタ!!が目指すもの】
■Mission of “TSUKUTTA!!”
![Page 54: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/54.jpg)
【ツクッタ!!が目指すもの】
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
![Page 55: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/55.jpg)
【ツクッタ!!が目指すもの】
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!”
![Page 56: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/56.jpg)
【ツクッタ!!が目指すもの】
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!” 「何かつくろう」って思い立った人、 全員クリエイターにする。
![Page 57: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/57.jpg)
【ツクッタ!!が目指すもの】
"ツクッタ!!-TSUKUTTA!!-"は、 ただプログラミングを学びたいという人に、 「プログラミング分かった!」という学びの体験を届けるサイトではありません。
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!” 「何かつくろう」って思い立った人、 全員クリエイターにする。
![Page 58: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/58.jpg)
【ツクッタ!!が目指すもの】
"ツクッタ!!-TSUKUTTA!!-"は、 ただプログラミングを学びたいという人に、 「プログラミング分かった!」という学びの体験を届けるサイトではありません。
このサービスは、 "つくりたい"想いを持った人に、「これ、自分でつくった!」という"喜び"の体験を届けるサイトです。
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!” 「何かつくろう」って思い立った人、 全員クリエイターにする。
![Page 59: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/59.jpg)
【ツクッタ!!が目指すもの】
"ツクッタ!!-TSUKUTTA!!-"は、 ただプログラミングを学びたいという人に、 「プログラミング分かった!」という学びの体験を届けるサイトではありません。
このサービスは、 "つくりたい"想いを持った人に、「これ、自分でつくった!」という"喜び"の体験を届けるサイトです。
このサービスを通じて、 Webを使って面白いものをつくる人を増やしていこうと考えています。
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!” 「何かつくろう」って思い立った人、 全員クリエイターにする。
![Page 60: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/60.jpg)
こだわったとこ
![Page 61: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/61.jpg)
全部JavaScriptでつくる!!
![Page 62: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/62.jpg)
年末に引きこもってゼロから勉強
![Page 63: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/63.jpg)
新しく技術学ぶの楽しい:)
![Page 64: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/64.jpg)
そんなこんなで
![Page 65: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/65.jpg)
〜入学前〜
![Page 66: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/66.jpg)
HTML→タグ10〜20個くらいは知ってる
CSS→全然できない
JavaScript→for文/if文知ってるくらい
PHP→10ヶ月独学でやって挫折…Node.js→まさかやることになるとは…
![Page 67: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/67.jpg)
〜now〜
![Page 68: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/68.jpg)
〜now〜
![Page 69: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/69.jpg)
なんかいろいろ挑戦してます
![Page 70: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/70.jpg)
とうことで、
ひたすら技術が大好きです。
![Page 71: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/71.jpg)
テクノロジーが世界を
どんどん変えていくことにワクワクします
![Page 72: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/72.jpg)
もっとテクノロジーを使って
世界をさらにワクワクさせる人を
増やすために
![Page 73: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/73.jpg)
プログラミング、ライティング、広報、
営業、イベント開催、司会、etc...
![Page 74: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/74.jpg)
なんでもやります!
![Page 75: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/75.jpg)
何か一緒にできたら幸いです
![Page 76: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/76.jpg)
テクノロジーの世界が
もっと盛り上がりますように
![Page 77: 77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】](https://reader034.vdocuments.mx/reader034/viewer/2022042605/58f9a7ae760da3da068b5c6d/html5/thumbnails/77.jpg)
ご清聴ありがとうございました:)