出来ると嬉しいWebデザイナーのコーディング

 出来ると嬉しいWebデザイナーのコーディング

AWDD#4 (http://atnd.org/event/awdd04) で発表に使用したスライドです。

91505854a53b959ae0038887e1e7a657?s=128

Tetsuhiro Sato

July 10, 2013
Tweet

Transcript

  1. ग़དྷΔͱخ͍͠ 8FCσβΠφʔͷίʔσΟϯά AWDD #4 ࠤ౻఩༟ AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10

    13೥7݄11೔໦༵೔
  2. ࣗݾ঺հ AWDD #4 ΞϥΠυΞʔΩςΫπגࣜձࣾ ࠤ౻఩༟5FUTVIJSP4BUP େֶଔۀޙʹ੍࡞ձࣾΛࣾܦݧ͠ɺ ݱࡏɺΞϥΠυΞʔΩςΫπגࣜձࣾͰ 8FCσβΠφʔͱͯ͠ΞϓϦɺαʔϏεʹ ܞΘ͍ͬͯ·͢ɻ झຯ͸ண෺ɾςχε

    !PSFNFHB AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 13೥7݄11೔໦༵೔
  3. ͜ͷηογϣϯͷྲྀΕ AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ ίʔσΟϯάͷϝϦοτͱεΩϧηοτ

    ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ ͜ͷεϥΠυ͸ޙ೔γΣΞ͠·͢ɻ 13೥7݄11೔໦༵೔
  4. σβΠφʔͱͯ͠ίʔσΟϯά Λ֮͑ͨྲྀΕ AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 1 AWDD #4

    1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔
  5. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 20 100

    over 3 ೥ ೥ ೥ 13೥7݄11೔໦༵೔
  6. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 20 100 over 3 ೥

    ೥ ೥ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔
  7. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 )5.-ϝʔϧͷ੍࡞Ͱ UBCMFίʔσΟϯάΛ֮͑ͨ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  8. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 UBCMFίʔσΟϯά <table border=4 width=250 align=center>

    <tr bgcolor="#cccccc"> <th><br></th> <th>ྻ-A</th> <th>ྻ-B</th> <th>ྻ-C</th> </tr> <tr align=center> <td>ߦ-1</td> <td>A1</td> <td>B1</td> <td rowspan=2>C1-C2</td> </tr> <tr align=center> <td>ߦ-2</td> <td>A2</td> <td>B2</td> </tr> <tr align=center> <td>ߦ-3</td> <td>A3</td> <td colspan=2>B3-C3</td> </tr> </table> ྻʔA ྻʔB ྻʔC ߦ-1 A1 B1 C1-C2 ߦ-2 A2 B2 C1-C2 ߦ-3 A3 B3-C3 B3-C3 AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔
  9. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔

  10. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔

  11. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔

  12. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔

  13. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ͜ͷϧʔϓΛ܁Γฦ͢͜ͱͰ ੒௕ͷαΠΫϧ͕Ͱ͖Δɻ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  14. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ͜ͷࠒʹͳΔͱ9)5.- $44Ͱ ίʔσΟϯάΛ͢ΔΑ͏ʹͳΔ AWDD #4

    1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔
  15. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 9)5.-ɿจॻߏ଄ $44ɿ૷০ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  16. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 Ұ௨Γͷ͜ͱ͸ ग़དྷΔΑ͏ʹͳ͖ͬͯͨɻ ͔͠͠ AWDD #4

    1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔
  17. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ ࣗ෼͕ͲΕ͘Β͍Ͱ͖Δͷ͔ Α͘෼͔Βͳ͍ʁ

    13೥7݄11೔໦༵೔
  18. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ηϛφʔʹߦ͘Α͏ʹͳΔɻ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔

  19. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ࣗ෼ ʮશવग़དྷͯͳ͍͡ΌΜʂʯ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  20. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ొஃऀΛ5XJUUFSͰϑΥϩʔͯ͠ɺ ৘ใΛಘΔɻ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  21. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ͞ΒʹɺηϛφʔͰ஌Γ߹ͬͨਓͨͪʹ ࣭໰͢ΔΑ͏ʹͳͬͨɻ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  22. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ͜͜·ͰΛ·ͱΊΔͱ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔

  23. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ࢓ࣄͱͯ͠ ʮ΍Βͳ͚Ε͹ͳΒͳ͍ঢ়گʯ ͜Ε͕Ұ൪ͷۙಓʂ AWDD #4

    1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔
  24. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ʮָ͍͠ʯ ͱࢥ͑Δ͜ͱ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  25. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 20 100 over 3 ೥

    ೥ ೥ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔
  26. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ϥϯσΟϯάϖʔδͷ੍࡞Λ ͍ͯ͠·ͨ͠ɻ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  27. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 σΟϨΫλʔ͕͍ͳ͍ͷͰɺɺɺ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔

  28. Coding AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 Direction Design AWDD #4

    1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ 13೥7݄11೔໦༵೔
  29. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 Ұ؏੍ͨ͠࡞Λߦ͑ΔͷͰɺ ϫϯετοϓͰ࢓ࣄ͕ߦ͑ͨɻ AWDD #4 1.σβΠφʔͱͯ͠ίʔσΟϯάΛ֮͑ͨྲྀΕ

    13೥7݄11೔໦༵೔
  30. ίʔσΟϯάͷϝϦοτͱ εΩϧηοτ 2 AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4

    2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔
  31. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ϝϦοτͬͯͳʹʁ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔

  32. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ίʔσΟϯά͕Θ͔Δ͜ͱͰ ߏ଄తͳσβΠϯ͕ߦ͑Δ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ

    13೥7݄11೔໦༵೔
  33. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 KT΍DTTͰදݱ͞ΕΔ ಈ͖ͷ͋ΔσβΠϯ͕ఏҊͰ͖Δɻ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ

    13೥7݄11೔໦༵೔
  34. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ؙ֯ɺάϥσʔγϣϯɺ ಁաɺυϩοϓγϟυ΢ͳͲͷ දݱͷબ୒͕Ͱ͖Δɻ AWDD #4

    2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ AWDD#4 13೥7݄11೔໦༵೔
  35. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ٯʹ σϝϦοτ͸ʁ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ

    13೥7݄11೔໦༵೔
  36. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ೴಺ίʔσΟϯά͕Ͱ͖ΔͷͰɺ γϯϓϧͳߏ੒ʹͳΔΑ͏ʹ σβΠϯ͕ͪ͠ɻ ݸਓࠩ͋Γ AWDD

    #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔
  37. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ͔͠͠ ٯʹݴ͑͹ίʔσΟϯά͕ Θ͔Δ͜ͱͰ AWDD #4

    2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔
  38. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ίʔμʔͱ ʮڞ௨ݴޠʯ Ͱ࿩ͤΔɻ AWDD #4

    2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔
  39. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ίʔμʔʹίʔσΟϯάͷઆ໌͕ ͪΌΜͱͰ͖Δɻ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ

    13೥7݄11೔໦༵೔
  40. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ͡Ό͋ɺ εΩϧηοτͬͯͲ͏ͳΔͷʁ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ

    13೥7݄11೔໦༵೔
  41. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 Design WebDesign Coding Direction Programming

    Marketing Planning AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔
  42. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 Design ? ? ͍ۙ ԕ͍

    ԕ͍ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔
  43. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 Design Coding UI/UX ͍ۙ ԕ͍

    ԕ͍ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔
  44. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ 13೥7݄11೔໦༵೔

  45. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ·ʙ ʮίʔσΟϯάͯ͠ΈΑ͏ͥʂʯ AWDD #4 2.ίʔσΟϯάͷϝϦοτͱεΩϧηοτ

    13೥7݄11೔໦༵೔
  46. ϞχϓϥͰߦͳ͍ͬͯΔ͜ͱ 3 AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ

    13೥7݄11೔໦༵೔
  47. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 20 100 over 3 ೥

    ೥ ೥ AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔
  48. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔

  49. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔

  50. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 Ϟχϓϥ'*/% AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔

  51. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔

  52. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ৽نϢʔβʔ͕ҎલΑΓ ഒ ʹͳΓ·ͨ͠ɻ AWDD #4

    3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔
  53. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 ϥϯσΟϯάϖʔδͷ੍࡞ AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔

  54. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔

  55. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 3.ϞχϓϥͰ͓͜ͳ͍ͬͯΔ͜ͱ 13೥7݄11೔໦༵೔

  56. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 ࢓ࣄͱͯ͠ ͜Ε͕Ұ൪ͷۙಓʂ ·ʙ

    ʮίʔσΟϯάͯ͠ΈΑ͏ͥʂʯ ʮָ͍͠ʯ ͱࢥ͑Δ͜ͱ ʮ΍Βͳ͚Ε͹ͳΒͳ͍ঢ়گʯ 13೥7݄11೔໦༵೔
  57. AWDD #4 ग़དྷΔͱخ͍͠ WebσβΠφʔͷίʔσΟϯά 2013.7.10 AWDD #4 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ 13೥7݄11೔໦༵೔