Tweet
Tweet

Slide 1

Slide 1 text

ܳज़৘ใԋशσβΠϯ 8FC  8FCϑϨʔϜϫʔΫΛ࢖͏ 5XJUUFS#PPUTUSBQ ೥݄೔ ౦ژ᥁ज़େֶܳज़৘ใηϯλʔ ".$  ୲౰ɿాॴ३

Slide 2

Slide 2 text

ࠓ೔ͷ಺༰ ‣ ΑΓຊ֨తͳ8FCσβΠϯϔ ‣ ʮ$44ϑϨʔϜϫʔΫʯΛ͔ͭͬͯΈΔ ‣ ࠓճ͸ɺ5XJUUFS#PPUTUSBQΛ୊ࡐʹ

Slide 3

Slide 3 text

5XJUUFS#PPUTUSBQͱ͸

Slide 4

Slide 4 text

5XJUUFS#PPUTUSBQͱ͸ ‣http://getbootstrap.com/

Slide 5

Slide 5 text

5XJUUFS#PPUTUSBQͱ͸ ‣ 5XJUUFS#PPUTUSBQɿ ‣ 5XJUUFS͕ࣾ։ൃʗఏڙ͢ΔΦʔϓϯιʔεͳʮ$44ϑϨʔϜϫʔΫʯ ‣ ؆୯ʹߴ౓ͳ8FCσβΠϯΛ͢Δ͜ͱ͕Մೳ ‣ ೥݄ݱࡏͷόʔδϣϯ͸ɺ7FSTJPO

Slide 6

Slide 6 text

5XJUUFS#PPUTUSBQͱ͸ ‣ #PPUTUSBQΛ࢖༻ͨ͠αΠτ ‣ http://expo.getbootstrap.com/ Ͱଟ਺঺հ

Slide 7

Slide 7 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ

Slide 8

Slide 8 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ·ͣ͸ɺ#PPUTUSBQΛμ΢ϯϩʔυ ‣ http://getbootstrap.com/ ! ‣ %PXOMPBE#PPUTUSBQϘλϯ͔Β

Slide 9

Slide 9 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ;JQϑΝΠϧΛղౚ͢ΔͱɺҎԼͷΑ͏ͳ಺༰ʹͳ͍ͬͯΔ ‣ ͜ͷʮCPPUTUSBQʯϑΥϧμʹϖʔδΛ࡞੒͍ͯ͘͠ bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.min.css │ ├── bootstrap-theme.css │ └── bootstrap-theme.min.css ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf └── glyphicons-halflings-regular.woff

Slide 10

Slide 10 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ಋೖ͸؆୯ɺԼهͷϦϯΫΛೖΕΔ͚ͩ

Slide 11

Slide 11 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ Ͱ͸ૣ଎ɺ#PPUTUSBQΛೖΕͨ)5.-ͷϕʔεΛ࡞੒ Bootstrap Template !

Slide 12

Slide 12 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ࣍ʹɺ#PPUTUSBQͷίϯςϯτશମΛɺDMBTTDPOUBJOFSͷEJWཁૉͰғΉ Bootstrap Template

Slide 13

Slide 13 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ )Ͱݟग़͠Λͭͬͯ͘ΈΔ Bootstrap Template

Twitter Bootstrapͷςετ

Slide 14

Slide 14 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ 5XJUUFS#PPUTUSBQͰͷϨΠΞ΢τ͸ʮάϦουγεςϜʯ͕جຊͱͳ͍ͬͯΔ ‣ Grid Systems in Graphic Design/Raster Systeme Fur Die Visuele Gestaltung

Slide 15

Slide 15 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ը໘্ʹՍۭͷॎԣઢΛΨΠυϥΠϯͱͯ͠Ҿ͖ɺͦͷϒϩοΫ͝ͱʹจࣈ΍ਤ൛Λ ഑ஔ͢Δ

Slide 16

Slide 16 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ άϦουγεςϜ ‣ ΤσΟτϦΞϧ ग़൛ σβΠϯͷ෼໺Ͱ͸ɺϨΠΞ΢τͷجຊͱͳ͍ͬͯΔ ‣ 8FCσβΠϯʹ͓͍ͯ΋ɺάϦουγεςϜ͸σβΠϯ΍ϨΠΞ΢τͷجຊ

Slide 17

Slide 17 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ 5XJUUFS#PPUTUSBQʹ͓͚ΔάϦου͸ɺίϥϜ͕جຊ ‣ ͷ෼ׂ͔Βɺ༷ʑͳ૊߹͕ͤੜ·ΕΔ ! ! ! ! ! ! ! ! ! ! ‣ ͜ͷγεςϜΛར༻ͯ͠ϨΠΞ΢τ͍ͯ͘͠

Slide 18

Slide 18 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ͨͱ͑͹ɺ  ͷίϥϜΛ૊ΜͰΈΔ ‣ ·ͣίϥϜͷઌ಄ΛEJWDMBTTSPXͰғΉ Bootstrap Template

Twitter Bootstrapͷςετ

Slide 19

Slide 19 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ EJWDMBTTSPXͷதʹ ‣ ͭͷEJWDMBTTTQBOΛೖΕΔ ... !
! ...

Slide 20

Slide 20 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ͦΕͧΕͷEJWDMBTTTQBOͷதʹɺ಺༰Λهड़ ... !

Span 4

͜ͷίϥϜ͸ɺ4ͭͷεύϯ...

Span 4

͜ͷίϥϜ͸ɺ4ͭͷεύϯ...

Span 4

͜ͷίϥϜ͸ɺ4ͭͷεύϯ...

! ...

Slide 21

Slide 21 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ஈ૊ͷϨΠΞ΢τ͕؆୯ʹ࣮ݱ

Slide 22

Slide 22 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ͍Ζ͍Ζͳύλʔϯͷஈ૊ʹ௅ઓͯ͠ΈΔ

Slide 23

Slide 23 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ๯಄ͷ)ΛΑΓϔομʔΒ͘͠ Bootstrap Template

Hello Twitter Bootstrap!!

͜ͷϖʔδ͸ɺTwitter BootstrapΛར༻ͯ͠࡞੒ͨ͠ϖʔδͷαϯϓϧͰ͢ɻ

΋ͬͱৄ͘͠

...

Slide 24

Slide 24 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ αϯϓϧϖʔδͷ׬੒

Slide 25

Slide 25 text

5XJUUFS#PPUTUSBQΛ࢖ͬͯΈΔ ‣ ࠓ೔͸͜͜·Ͱ ‣ ࣍ճ͸σβΠϯΛΧελϚΠζͯ͠ɺΑΓચ࿅͞ΕͨσβΠϯʹ͍͖ͯ͠·͢