第3期キックオフ説明会+勉強会

766 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
766
On SlideShare
0
From Embeds
0
Number of Embeds
118
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

第3期キックオフ説明会+勉強会

  1. 1. 第3期キックオフ &勉強会2012/10/13 1 UT Startup Gym
  2. 2. 飯塚修平 東京大学工学系研究科! 技術経営戦略学専攻 (TMI)修士1年! オーマ株式会社 お花サプライズ!PM! Google!ウェブマスターインターン2012/10/13 2 UT Startup Gym
  3. 3. UT!Startup!Gym!とは? アイデアをカタチにするプログラム ! プロジェクト! ! 企画から実装まで! ! スタートアップ2012/10/13 3 UT Startup Gym
  4. 4. 目的 •  アントレプレナーシップの養成! •  インパクトのあるウェブサービスのローンチ2012/10/13 4 UT Startup Gym
  5. 5. 対象 •  学生、社会人不問! •  混合チーム2012/10/13 5 UT Startup Gym
  6. 6. utgym2 第1回勉強会2012/10/13 7 UT Startup Gym
  7. 7. utgym1 開発合宿2012/10/13 8 UT Startup Gym
  8. 8. utgym2 作業会2012/10/13 9 UT Startup Gym
  9. 9. utgym2 特別講演会2012/10/13 10 UT Startup Gym
  10. 10. 2012/10/13 11 UT Startup Gym
  11. 11. スケジュール Keywords:* ソーシャルウェブアプリケーション,!API,! •  つくってみよう Sept,!12 bot,!HTML5 •  プラニング リーンスタートアップ,!ビジネスプラニン Oct,!12 •  プログラミング入門 グ,!HTML,!CSS,!PHP,!javascript •  プロジェクトスタート チーム結成,!企画,!ディスカッション! Nov,!12 •  技術要素勉強会 git,!フレームワーク,!MySQL,!Apache! •  開発開始 シナリオ,!ペルソナ,!ワイヤフレーム,!! Dec,!12 •  冬季開発合宿 サイトマップ,!DB!スキーム! •  ゲスト講演会 ゲーミフィケーション,!仮説検証,!データマ Jan,!13 •  週間報告会 イニング,!アクセシビリティ! レスポンシブデザイン,!プレゼンテーション! •  リリース Feb,!132012/10/13 12 UT Startup Gym
  12. 12. 第2期サービスの紹介•  henerico!•  Morning!Relay!•  貯金エクササイズ!•  ELIXA!•  sumiqa!•  ともパズ!•  フォト☆レポ!2012/10/13 13 UT Startup Gym
  13. 13. グループ分け•  メンター(第2期生)1名以上!•  リーダー(第3期生)1名!•  一時的なものです! –  再編成あり! –  交渉あり!2012/10/13 14 UT Startup Gym
  14. 14. 第一回初心者勉強会 ウェブサーバ、HTML2012/10/13 15 UT Startup Gym
  15. 15. 目次•  勉強会に参加するにあたって!•  ウェブアプリとは! –  仕組み! –  HTML!とは! –  javascript!とは! –  API!とは!•  Facebook!アプリをつくろう(ワーク)!2012/10/13 16 UT Startup Gym
  16. 16.  勉強会に参加するにあたって•  何かをするということ! =何かをしないということ!•  ウェブサービスをつくるのは意外と泥臭い!•  辛いこともあるかと思いますが、一緒に頑張っ て行きましょう。!2012/10/13 17 UT Startup Gym
  17. 17. プログラミング学習の心得•  書けるようになるまで、他のプログラミング言 語に浮気しないことが重要! –  1個できるようになれば、次の言語はすぐできるよ うになる。! –  2個できるようになれば、だいたいどんな言語もすぐ できるようになる。!•  ひたすらたくさんのコードを書きまくることも 重要2012/10/13 18 UT Startup Gym
  18. 18. ウェブアプリの仕組み HTTP PHP!など で記述 URI!(リクエスト) データベース HTML!(レスポンス)ブラウザ ウェブサーバ API 外部サービス2012/10/13 19 UT Startup Gym
  19. 19. HTML!とは2012/10/13 20 UT Startup Gym
  20. 20. ウェブページができるまで HTML ブラウザ ウェブページ2012/10/13 21 UT Startup Gym
  21. 21. CSS!とは•  ウェブサイトの見た目を記述する! –  色を変えたい! –  囲み線を加えたい! –  配置を変えたい! –  角を丸くしたい! –  影を加えたい! –  グラデーションをかけたい!2012/10/13 22 UT Startup Gym
  22. 22. 2012/10/13 23 UT Startup Gym
  23. 23. 2012/10/13 24 UT Startup Gym
  24. 24. javascript!とは•  HTML!に動的な要素を加える。! –  ✕✕をクリックしたら〇〇! –  一定時間経過したら〇〇!•  アニメーション!•  スムーズな読み込み!(ex.!Google!Maps,!フィード)!2012/10/13 25 UT Startup Gym
  25. 25. javascript!とは onclick=“hoge()”2012/10/13 26 UT Startup Gym
  26. 26. API!とは•  外部サービスのデータや機能を使うことができ る。!•  ex.!http://graph.facebook.com/あなたのID/picture? type=large!•  ex.!https://api.twitter.com/1/statuses/ user_timeline.json?screen_name=あなたのTwitter! ID2012/10/13 27 UT Startup Gym
  27. 27. Facebook アプリをつくろう2012/10/13 28 UT Startup Gym
  28. 28. HTML!の文法<!DOCTYPE!html>!<html>! !<head>! ! !<meta!charset=“utfd8”>! head:! タイトルやエンコードなど! ! !<title>!My!Web!App!</title>! メタな情報を記述する! !</head>! !<body>! body:! ! !This!is!content.! ブラウザに描写される! 内容を記述する! !</body>!</html>2012/10/13 29 UT Startup Gym
  29. 29. HTML!の文法•  タグ! –  <p>!や!</p>!のように <!と!>!で囲まれた部分のこと! –  <p>!のように!/!がつかないタグは「開きタグ」! –  </p>!のように!/!がつくタグは「閉じタグ」!•  要素! –  開きタグ∼閉じタグまで含んで要素という!•  内容! –  タグの間に挟まれた部分を内容という!2012/10/13 30 UT Startup Gym
  30. 30. さまざまなタグ•  h1,*h2*...!(heading)!タイトル、見出し•  img*src!(image!source!is...)!画像•  a*href!(anchor,!hypertext!reference)!リンク•  ur*(unordered!list)!箇条書き•  li!(list!item)!箇条書きの項目!2012/10/13 31 UT Startup Gym
  31. 31. ワーク1•  以上のすべてのタグを使って自己紹介のページ を作ってください。2012/10/13 32 UT Startup Gym
  32. 32. CSSの文法•  style!要素の内容に書く! <style>! selecter!{! ! !property:!value;! ! !property:!value;! }! </style>!•  HTML!開きタグの中に書く! <div!style=“property:value”></div>!2012/10/13 33 UT Startup Gym
  33. 33. ワーク2•  自己紹介ページをデザインしてください。! –  「これできないかな?」と思ったらググる! –  だいたいできるはず2012/10/13 34 UT Startup Gym
  34. 34. javascript!の文法•  script!要素の内容に書く! <script>! ! !var!hoge!=!“piyo”;! ! !alert!(hoge);! </script>!•  HTML!開きタグの中に書く! <div!onclick=“alert(‘hoge’);”></div>!2012/10/13 35 UT Startup Gym
  35. 35. ワーク3•  自己紹介ページのどこかをクリックしたらポッ プアップが出るようにしてください。! –  onclick2012/10/13 36 UT Startup Gym
  36. 36. API•  Facebook!Graph!API! http://graph.facebook.com/YOUR_ID!•  サードパーティのアプリケーションのデータを 利用することが出来る。2012/10/13 37 UT Startup Gym
  37. 37. ワーク4•  相性診断アプリを写経してください。! –  まずは、サービスを触って挙動を理解する。! –  ひとつひとつのタグの意味を考えながら、書き写す。! •  無駄なタグは無い!2012/10/13 38 UT Startup Gym
  38. 38. 成果物発表2012/10/13 39 UT Startup Gym
  39. 39. 交流会•  チムニー本郷店! –  18:30-20:30 –  イイツカ2012/10/13 40 UT Startup Gym

×