Tweet
Tweet

Slide 1

Slide 1 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH Webجૅ࣮शB/ ৘ใϝσΟΞ׆༻ԋश_01/02 #10 Twitter Bootstrapͷར༻(2) WebαΠτاըॻʹ͍ͭͯ 2012.06.25 ୲౰: ߴඌ ढ़հ (౦ژ᥁ज़େֶ ܳज़৘ใηϯλʔ)

Slide 2

Slide 2 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) तۀεϥΠυ+αϯϓϧϑΝΠϧURL •http://speakerdeck.com/u/takawo •αϯϓϧϑΝΠϧ •http://goo.gl/fOiGz

Slide 3

Slide 3 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) ࠓिͷఏग़՝୊ •࠷ऴ՝୊ͱ੍ͯ͠࡞͢ΔɺWebαΠτͷاըॻΛ੍࡞͢Δ 1.αΠτͷςʔϚ 2.λʔήοτ (ͲͷΑ͏ͳਓΛର৅ʹ͍ͯ͠Δ͔) 3.αΠτͷ֊૚ߏ଄ (࠷௿10ϖʔδ) 4.τοϓϖʔδͷϫΠϠʔϑϨʔϜ •དྷिͷतۀ͔Β࣮ࡍʹ࢖༻͢ΔͷͰσʔλʹ·ͱΊͯߦ͘͜ͱ •Word΋͘͠͸PowerPointͷσʔλ •࢖༻͢Δࣸਅ΍ૉࡐ͸ϑΥϧμʹ·ͱΊ͓ͯ͘͜ͱɻ

Slide 4

Slide 4 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) લճͷ෮श •Twitter Bootstrapͱ͸ •Twitter Bootstrap •Twitter Bootstrapͷಛ௃ •HTML5/CSS3ͷϑϨʔϜϫʔΫ •Φʔϓϯιʔε •Ϋϩεϒϥ΢β •ϨεϙϯγϒσβΠϯ •12ΧϥϜͷάϦουϨΠΞ΢τ •jQueryͷϓϥάΠϯ͕࢖༻Ͱ͖Δ

Slide 5

Slide 5 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) લճͷ෮श Twitter Bootstrap •Twitter Bootstrapͱ͸ •Twitter BootstrapϑΝΠϧͷμ΢ϯϩʔυ(00) •Twitter BootstrapͷಡΈࠐΈ(01) •άϦουγεςϜ(02-03) •ஈ૊ͷೖΕࢠ(04) •ྲྀಈతͳϨΠΞ΢τ(05) •ϨεϙϯγϒͳϨΠΞ΢τ(06)

Slide 6

Slide 6 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) ࠓճͷ಺༰ •Twitter BootstrapΛ࢖ͬͨWebϖʔδ੍࡞ଓ͖ •ϘλϯΛ࡞Δ(07) •ΞΠίϯ෇͖ϘλϯΛ࡞Δ(08) •ϘλϯάϧʔϓΛ࡞Δ(09) •λϒͷϝχϡʔΛ࡞Δ •WebαΠτاըॻʹ͍ͭͯ •اըॻͷ֬ೝɺϫΠϠϑϨʔϜͷڞ༗ •ࠓޙͷਐΊํ

Slide 7

Slide 7 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) ϘλϯΛ࡞Δ(07)
Twitter

Slide 8

Slide 8 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) ϘλϯΛ࡞Δ(07)
Twitter OK! OK! OK! OK! OK! OK!

Slide 9

Slide 9 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) ΞΠίϯ෇͖ϘλϯΛ࡞Δ(08)
ϑΥτΪϟϥϦʔ ϑΥτΪϟϥ Ϧʔ

Slide 10

Slide 10 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) ΞΠίϯ෇͖ϘλϯΛ࡞Δ(08) •ͦͷଞͷΞΠίϯ •http://twitter.github.com/bootstrap/base-css.html#icons

Slide 11

Slide 11 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) ϘλϯάϧʔϓΛ࡞Δ(09)
Option 1 Option 2 Option 3

Slide 12

Slide 12 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) λϒͷϝχϡʔΛ࡞Δ(10)
Menu1 Content
M2 Content
M3 Content
  • Menu1
  • Menu2
  • Menu3

Slide 13

Slide 13 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 WebαΠτاըॻʹ͍ͭͯ اըॻͷ֬ೝ •αΠτͷςʔϚ •λʔήοτ (ͲͷΑ͏ͳਓΛର৅ʹ͍ͯ͠Δ͔) •αΠτͷ֊૚ߏ଄ (࠷௿10ϖʔδ) •τοϓϖʔδͷϫΠϠʔϑϨʔϜ •ϓϦϯτΞ΢τͯ͠ఏग़͍ͯͩ͘͠͞ɻ

Slide 14

Slide 14 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 WebαΠτاըॻʹ͍ͭͯ ϫΠϠϑϨʔϜͷڞ༗ •ϫΠϠϑϨʔϜΛඳ͍͖ͯͨਓ͸ ֶ੶൪߸ͱ໊લ Λهೖͯ͠ఏग़͍ͯͩ͘͠͞ɻ

Slide 15

Slide 15 text

ڞཱঁࢠେֶ8FC جૅ࣮श # ৘ใϝσΟΞ׆༻ԋश @ UBLBXPTIVOTVLF UBLBXP!DFOLIPSPSH #10 Twitter Bootstrapͷར༻(2) Ξϯέʔτ •ࠓճͷतۀʹ͍ͭͯ •http://goo.gl/Hp44y