77枚の資料を5分で発表してみたやつ【g’s academy...
TRANSCRIPT
自己紹介
■名前:
木下 雄策(27歳・福岡出身) @afroscript10
■略歴:
九州大学で宇宙の研究
2013年 レバレジーズ入社
■今のお仕事:
日本のエンジニア業界を最強にすること!!
→エンジニア特化型Q&Aサイト【teratail】のDevRel担当
→ITの勉強会【ヒカ☆ラボ】
■その他
→Gs'ACADEMYでプログラミング修行中…
→LIGブログ「0エンジニアから0.5エンジニアへ」連載中
【プログラミング学習サイトの課題】
逆に言うと…・コンテンツが充実しすぎている →何から学べばいいか分からない
・体系的に順序よくしか学べない
Webで何かつくりたい!早くつくりたい!
プログラミングを学び始める人
【プログラミング学習サイトの課題】
逆に言うと…・コンテンツが充実しすぎている →何から学べばいいか分からない
・体系的に順序よくしか学べない →「何かつくりたい!」と思って学び始めたとき、 何かつくりあげるまで時間がかかる
プログラミングを学び始める人
Webで何かつくりたい!早くつくりたい!
【プログラミング学習サイトの課題】
逆に言うと…・コンテンツが充実しすぎている →何から学べばいいか分からない
・体系的に順序よくしか学べない →「何かつくりたい!」と思って学び始めたとき、 何かつくりあげるまで時間がかかる
どれやればいいの!?いつになったら作れるの!?
プログラミングを学び始める人
【何から学べばいいか分からない】
「初心者はPHPからでしょ!」
「Railsなら楽に作れるよ!」
「需要が多いJavaやれば??」
「やっぱプログラミングはCからやらないと!」
「最近機械学習でPythonが盛り上がってきてるよ!」
「今どきGoでしょ!」
…etc
【何から学べばいいか分からない】
「初心者はPHPからでしょ!」
「Railsなら楽に作れるよ!」
「需要が多いJavaやれば??」
「やっぱプログラミングはCからやらないと!」
「最近機械学習でPythonが盛り上がってきてるよ!」
「今どきGoでしょ!」
…etc
多すぎる…どれをやればいいのか…
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
・HTML入門: 全24回×3分=72分 ・CSS入門: 全22回×3分=66分 ・JavaScript入門: 全24回×3分=72分
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
・HTML入門: 全24回×3分=72分 ・CSS入門: 全22回×3分=66分 ・JavaScript入門: 全24回×3分=72分
⇒合計:3時間30分 ⇒動画見て手を動かしながら学ぶと考えるとさらに約4,5倍かかる
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
・HTML入門: 全24回×3分=72分 ・CSS入門: 全22回×3分=66分 ・JavaScript入門: 全24回×3分=72分
⇒合計:3時間30分 ⇒動画見て手を動かしながら学ぶと考えるとさらに約4,5倍かかる
⇒結局、14〜18時間ほどかかる。
そしてレッスン後に残るのは制作物でなく知識。
【つくるまでに時間がかかってしまう】
例えば…「なんかWebでつくってみたい!」 ↓「ドットインストールでHTML/CSS/JS入門を学ぼう!」となったとしても…
・HTML入門: 全24回×3分=72分 ・CSS入門: 全22回×3分=66分 ・JavaScript入門: 全24回×3分=72分
⇒合計:3時間30分 ⇒動画見て手を動かしながら学ぶと考えるとさらに約4,5倍かかる
⇒結局、14〜18時間ほどかかる。
そしてレッスン後に残るのは制作物でなく知識。
朝9時に始めても夜中12時くらいまでかかるのか…
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く →作品をつくり上げていくなかで、 いろんな技術に触れていく
【ツクッタ!!-TSUKUTTA- の2つの特徴】
(1)HTML/CSS/JavaScriptしかやらない ・jQuery,Milkcocoa,Monaca等、JSに関するものは使うが、他の言語はやらない! →JSメインに広げる!
(2)1レッスンで1作品完成させる →学ぶことよりも”つくりあげる”ことに フォーカスを置く →作品をつくり上げていくなかで、 いろんな技術に触れていく
Low Level
High Level
HTML CSSJavaScript
【LESSONのイメージ】
【ツクッタ!!-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の作品完成
【ツクッタ!!-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のイメージ】
【ツクッタ!!-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のイメージ】
ツクッタ!!-TSUKUTTA-はこちら
↓ http://160.16.242.124:3000/lesson/take/1/1/1
【今後追加予定のレッスン内容】
(1)いろいろものがclickやhoverとかで動く自己紹介ページ ←60%完成 →HTMLとCSSとJavaScriptの基礎的なとこやる。
(2)簡単だけど見た目おもしろいゲーム ←追加予定!! →JavaScript/CSSをしっかり使ったなんかおもしろいゲーム
(3)高度なお絵描きアプリ ←追加予定!! →canvas使ってみる
(4)テトリス的なの ←追加予定!! →AngularJSとかFW使ってみる
【今後追加予定のレッスン内容】
(1)いろいろものがclickやhoverとかで動く自己紹介ページ ←60%完成 →HTMLとCSSとJavaScriptの基礎的なとこやる。
(2)簡単だけど見た目おもしろいゲーム ←追加予定!! →JavaScript/CSSをしっかり使ったなんかおもしろいゲーム
(3)高度なお絵描きアプリ ←追加予定!! →canvas使ってみる
(4)テトリス的なの ←追加予定!! →AngularJSとかFW使ってみる
HTML/CSS/JSだけで
おもしろいのいっぱいつくります!
(今考えてます…)
【ツクッタ!!が目指すもの】
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!” 「何かつくろう」って思い立った人、 全員クリエイターにする。
【ツクッタ!!が目指すもの】
"ツクッタ!!-TSUKUTTA!!-"は、 ただプログラミングを学びたいという人に、 「プログラミング分かった!」という学びの体験を届けるサイトではありません。
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!” 「何かつくろう」って思い立った人、 全員クリエイターにする。
【ツクッタ!!が目指すもの】
"ツクッタ!!-TSUKUTTA!!-"は、 ただプログラミングを学びたいという人に、 「プログラミング分かった!」という学びの体験を届けるサイトではありません。
このサービスは、 "つくりたい"想いを持った人に、「これ、自分でつくった!」という"喜び"の体験を届けるサイトです。
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!” 「何かつくろう」って思い立った人、 全員クリエイターにする。
【ツクッタ!!が目指すもの】
"ツクッタ!!-TSUKUTTA!!-"は、 ただプログラミングを学びたいという人に、 「プログラミング分かった!」という学びの体験を届けるサイトではありません。
このサービスは、 "つくりたい"想いを持った人に、「これ、自分でつくった!」という"喜び"の体験を届けるサイトです。
このサービスを通じて、 Webを使って面白いものをつくる人を増やしていこうと考えています。
■Mission of “TSUKUTTA!!” ワクワクする作品を作りたい人に、 ワクワクの作り方を届ける。
■Vision of “TSUKUTTA!!” 「何かつくろう」って思い立った人、 全員クリエイターにする。