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