Slide 1

Slide 1 text

ؔ ੢ A N G U L A R . J S ษ ڧ ձ B Y K A N S A I F R O N T E N D U S E R S G R O U P

Slide 2

Slide 2 text

I N T R O D U C T I O N • @plum_shiga ʢ΀ΒΉʣ • Angular.js ॳ৺ऀ

Slide 3

Slide 3 text

͜ ͜ ͕ ෼ ͔ Β Μ A N G U L A R . J S @ P L U M _ S H I G A ʢ ΀ Β Ή ʣ

Slide 4

Slide 4 text

Angular.jsͷ෼͔ΒΜͱ͜Ζ

Slide 5

Slide 5 text

Q U E S T I O N I T E M S • ·ͣԿΛ͢Ε͹͍͍Μͩʂ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ

Slide 6

Slide 6 text

• ·ͣԿΛ͢Ε͹͍͍Μͩʂ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ Q U E S T I O N I T E M S

Slide 7

Slide 7 text

AT F I R S T…

Slide 8

Slide 8 text

·ͣ͸͙͙ͬͯެࣜͷTutorial΁ɻ ຊ Ո ʹ ɻ

Slide 9

Slide 9 text

i n d e x . h t m l > Tu t o r i a l

Slide 10

Slide 10 text

i n d e x . h t m l > Tu t o r i a l > 0 - B o o t s t r a p p i n g

Slide 11

Slide 11 text

gitͩͷnpmͩͷͰҰ୴ͭ·ͣ͘ɻ

Slide 12

Slide 12 text

0 - Bootstrapping ͰԿΛ͍ͨ͠ͷ͔ʁ ཁ͢Δʹ ͜͜ͷ४උ

Slide 13

Slide 13 text

ӳޠ͠ΜͲ͍…… Α͘Θ͔ΒΜ୯ޠ΋ଟ͍……

Slide 14

Slide 14 text

ͦ͜Ͱඞࡴͷढจɻ G O O G L E A P I G I T H U B B O O T S T R A P C D N

Slide 15

Slide 15 text

< ! d o c t y p e h t m l > < h t m l n g - a p p = " u i . b o o t s t r a p . d e m o " > < h e a d > < s c r i p t s rc = " / / a j a x . g o o g l e a p i s . c o m / a j a x / l i b s / a n g u l a r j s / 1 . 3 . 1 3 / a n g u l a r. j s " > < / s c r i p t > < s c r i p t s rc = " / / a n g u l a r- u i . g i t h u b . i o / b o o t s t r a p / u i - b o o t s t r a p - t p l s - 0 . 1 3 . 0 . j s " > < / s c r i p t > < s c r i p t s rc = " e x a m p l e . j s " > < / s c r i p t > < l i n k h re f = " / / n e t d n a . b o o t s t r a p c d n . c o m / b o o t s t r a p / 3 . 1 . 1 / c s s / b o o t s t r a p . m i n . c s s " re l = " s t y l e s h e e t " > < / h e a d > < b o d y > ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ < / b o d y > < / h t m l > Web ͔ΒҾͬு͖ͬͯͨΒOK

Slide 16

Slide 16 text

ճ౴1 ͱΓ͋͑ͣɺ͋Δ΋ͷҾͬுͬͯ͜Α͔ɻ

Slide 17

Slide 17 text

• ·ͣԿΛ͢Ε͹͍͍Μͩʂ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ Q U E S T I O N I T E M S

Slide 18

Slide 18 text

H o w t o l e a r n

Slide 19

Slide 19 text

ͱ Γ ͋ ͑ͣ υ ο τ Π ϯε τ ʔϧ

Slide 20

Slide 20 text

ͻ ͱ ௨ Γ ͋ Γ · ͢

Slide 21

Slide 21 text

ಈ ͘ Ϩ ϕ ϧ · Ͱ ͍ ͚Δ

Slide 22

Slide 22 text

C o d e S c h o o l

Slide 23

Slide 23 text

͜ ͪ Β ΋ ֤ छ ݴ ޠ ͋ Γ · ͢

Slide 24

Slide 24 text

j a v a S c r i p t ಺ Ͱ ࡉ ෼ Խ ͯ͠ · ͢ɻ

Slide 25

Slide 25 text

A n g u l a r. j s ͸ 2 ί ʔε

Slide 26

Slide 26 text

G e m , D i re c t i v e ͳ Ͳ ɻ

Slide 27

Slide 27 text

• ·ͣԿΛ͢Ε͹͍͍Μͩʂ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ Q U E S T I O N I T E M S

Slide 28

Slide 28 text

ͦΖͦΖ࡞ΓͨΈɻ

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

Githubతͳɻ

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

࣮ಇ΋֬ೝͰ͖·͢

Slide 36

Slide 36 text

· ͱ Ί • ·ͣԿΛ͢Ε͹͍͍Μͩʂ → Web͔Β·ͣ͸֤छҾͬுͬͯ͜Α͏ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ →υοτΠϯετʔϧ΍CodeSchoolͳͲɻ࢖͓͏ɻ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ → BootstrapUI ͱ͔ jsdoit͔Β΋Β͖ͬͯ·͠ΐ͏

Slide 37

Slide 37 text

No content