More Related Content
Similar to 第3期キックオフ説明会+勉強会
Similar to 第3期キックオフ説明会+勉強会 (20)
More from Shuhei Iitsuka (18)
第3期キックオフ説明会+勉強会
- 1. 第3期キックオフ
&勉強会
2012/10/13 1 UT Startup Gym
- 2. 飯塚修平
東京大学工学系研究科!
技術経営戦略学専攻 (TMI)修士1年!
オーマ株式会社 お花サプライズ!PM!
Google!ウェブマスターインターン
2012/10/13 2 UT Startup Gym
- 3. UT!Startup!Gym!とは?
アイデアをカタチにするプログラム
! プロジェクト!
! 企画から実装まで!
! スタートアップ
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
第1回勉強会
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
- 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
- 14. 第一回初心者勉強会
ウェブサーバ、HTML
2012/10/13 15 UT Startup Gym
- 17. プログラミング学習の心得
• 書けるようになるまで、他のプログラミング言
語に浮気しないことが重要!
– 1個できるようになれば、次の言語はすぐできるよ
うになる。!
– 2個できるようになれば、だいたいどんな言語もすぐ
できるようになる。!
• ひたすらたくさんのコードを書きまくることも
重要
2012/10/13 18 UT Startup Gym
- 18. ウェブアプリの仕組み
HTTP
PHP!など
で記述
URI!(リクエスト) データベース
HTML!(レスポンス)
ブラウザ ウェブサーバ
API
外部サービス
2012/10/13 19 UT Startup Gym
- 20. ウェブページができるまで
HTML ブラウザ ウェブページ
2012/10/13 21 UT Startup Gym
- 21. CSS!とは
• ウェブサイトの見た目を記述する!
– 色を変えたい!
– 囲み線を加えたい!
– 配置を変えたい!
– 角を丸くしたい!
– 影を加えたい!
– グラデーションをかけたい!
2012/10/13 22 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
- 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
- 32. CSSの文法
• style!要素の内容に書く!
<style>!
selecter!{!
! !property:!value;!
! !property:!value;!
}!
</style>!
• HTML!開きタグの中に書く!
<div!style=“property:value”></div>!
2012/10/13 33 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
- 36. API
• Facebook!Graph!API!
http://graph.facebook.com/YOUR_ID!
• サードパーティのアプリケーションのデータを
利用することが出来る。
2012/10/13 37 UT Startup Gym