今さら聞けない！Webデザイナーのためのプログラミング講座

2015.1.25 に開催した「今さら聞けない！Webデザイナーのためのプログラミング講座」のスライドです

Transcript

1. ࠓ͞Βฉ͚ͳ͍ʂ
   8FCσβΠφʔͷͨΊͷ
   ϓϩάϥϛϯάߨ࠲ AED LABO 2015.1.25. sun. TOSHIYUKI TAKAHASHI (GRAPHIC ARTS UNIT )
2. ʠίϯϐϡʔλ͕ߦ͏΂͖ॲཧΛॱংཱͯͯهड़ͨ͠΋ͷʡ ग़యɿϓϩάϥϜͱ͸
   ʤ
   ίϯϐϡʔλϓϩάϥϜ
   ʥ
   ʲ
   QSPHSBN
   ʳ
   
   ҙຯղઆઆ໌ఆٛ
   ɿ
   *5༻ޠࣙయʢIUUQFXPSETKQX&&"%&#&"&"IUNMʣ ϓϩάϥϜͱ͸
3. ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ͭΊͷॲཧ ͭΊͷॲཧ ʜʜ ࣮ߦ ࣮ߦ ࣮ߦ ͋Β͔͡ΊܾΊΒΕͨॲཧΛ্͔Βॱ൪ʹ࣮ߦ͍ͯ͘͠ ϓϩάϥϜͱ͸
4. ͭΊͷॲཧ" ʜʜ ͭΊͷॲཧ" ࣮ߦ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ৚݅ A B ϓϩάϥϜͱ͸
5. ࣮ߦ ࣮ߦ ͭΊͷॲཧ# ͭΊͷॲཧ# ʜʜ ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ৚݅ A B ϓϩάϥϜͱ͸
6. ͭΊͷॲཧ" ʜʜ ͭΊͷॲཧ" ͭΊͷॲཧ ͭΊͷॲཧ ͭΊͷॲཧ# ͭΊͷॲཧ# ʜʜ ৚݅ʹΑͬͯॲཧΛৼΓ෼͚Δ ৚݅ A B ϓϩάϥϜͱ͸
7. ྫྷଂݿΛ։͚Δ த਎Λ֬ೝ͢Δ ڇ೑͕͋Δ ಲ೑͕͋Δ ܲ೑͕͋Δ ϏʔϑεςʔΩ ϙʔΫιςʔ άϦϧνΩϯ ങ͍ʹߦ͘ ೑͕͋Δ͔ NO YES ༦৯ͷϝχϡʔΛܾΊΔͱ͖ͷྲྀΕ
8. ը૾ग़యɿ઒࡚ࢢɿΧϞ਍அςετʢIUUQXXXDJUZLBXBTBLJKQQBHFIUNMʣ ਍அνϟʔτ΍઎͍νϟʔτ͸ҰछͷʮϓϩάϥϜʯͱݴ͑Δ
9. զʑ͕࿩͢ݴ༿͕ࠃʹΑͬͯҟͳΔΑ͏ʹ
   ϓϩάϥϜݴޠʹ΋͍͔ͭ͘ͷछྨ͕͋Γ·͢
10. Web Design (Front End) JavaScript / PHP … Web Development Ruby / Python / Perl / Scala … Application Development Java / C++ / Objective-C / Swift … ओͳϓϩάϥϜݴޠͷछྨ ΋ͪΖΜɺ͜ͷଞʹ΋ͨ͘͞ΜͷϓϩάϥϜݴޠ͕ଘࡏ͠·͢
11. ΢ΣϒσβΠφʔతʹೃછΈ͕͋Δͷ͸ίί ओͳϓϩάϥϜݴޠͷछྨ Web Design (Front End) JavaScript / PHP … Web Development Ruby / Python / Perl / Scala Application Development Java / C++ / Objective-C / Swift
12. ݴޠͷ࢓༷΍จ๏ͳͲΛ֮͑Δͷ΋େ੾͕ͩɺ
    ॲཧͷߟ͑ํʢΞϧΰϦζϜʣΛ֮͑Δํ͕େ੾ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸
13. ࠺ʮڇೕΛ̍ύοΫങ͖ͬͯͯɻཛ͕͋ͬͨΒ͓̒ͭئ͍ʯ
    
    ͠͹Βͯ͘͠ɺ෉͕ʬڇೕΛ̒ύοΫʭങͬͯؼ୐
    ࠺ʮͳΜͰڇೕΛ̒ύοΫ΋ങ͖ͬͯͨͷΑʯ
    ෉ʮͩͬͯཛ͕͔͋ͬͨΒʯ ͋Δ࠺͕ϓϩάϥϚʔͷ෉ʹങ͍෺ΛཔΜͩΒʜʜ ͓લ͸ҰମԿΛݴ͍ͬͯΔͷͩ
14. 
    
    
    
    
    
     WBS
    ڇೕͷݸ਺
    JG
    ཛ
    
    \
    ڇೕͷݸ਺
    
    
    ^
    FMTF
    \
    ڇೕͷݸ਺
    
    
    ^
    ڇೕΛങ͏
    ڇೕͷݸ਺
     ˞+BWB4DSJQUͷ৔߹ ࠺ͷ͓ئ͍͸෉ʹ͸͜͏ฉ͍͑ͯ͜Δ
15. ίʔυΛॻ͘͜ͱ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸ ϓϩάϥϜ
16. ΞϧΰϦζϜʢ࢓૊Έ΍खॱʣ
    Λߟ͑Δ͜ͱ ϓϩάϥϜ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸
17. Hands on ΍ͬͯΈΑ͏
18. ࣮ߦ؀ڥ
    w DPOTPMFMPH
    μΠΞϩάදࣔ
    w BMFSU
    w DPOpSN
    w QSPNQU
    ม਺
    σʔλܕ
    ԋࢉࢠ
    w ࢉज़ԋࢉࢠ
    w ୅ೖԋࢉࢠ
    w ൺֱԋࢉࢠ
    w ࿦ཧԋࢉࢠ ؔ਺
    w GVODUJPO
    w Ҿ਺
    w ໭Γ஋
    w ଈ࣌ؔ਺
    w ແ໊ؔ਺
    ม਺ͷείʔϓ ഑ྻ
    ࿈૝഑ྻʢϋογϡʣ
    ৚݅෼ذ
    w JG
    w JG
    ʜ
    FMTF
    w JG
    
    ʜ
    FMTF
    JG
    w ൺֱԋࢉࢠ
    w TXJUDI
    ܁Γฦ͠
    w XIJMF
    w EP
    ʜ
    XIJMF
    
    w GPS
    w GPS
    ʜ
    JO
    ࠓ೔΍Γ͍ͨ͜ͱ
19. ΢Σϒϒϥ΢β w (PPHMF
    $ISPNFɺ4BGBSJ ΤσΟλ w ͓޷͖ͳ΋ͷʢ65'Λѻ͑Δ΋ͷʣ
    w σϞ͸4VCMJNF
    5FYUΛ࢖༻ ίʔυΛॻ͘৔ॴ w )5.-ͷTDSJQU
    ཁૉ಺
    w ֎෦KTϑΝΠϧ ݴޠ w +BWB4DSJQU ࣮ߦ؀ڥ
20. DPOTPMFMPH σόοΨͷ
    8FC
    ίϯιʔϧʹϝοηʔδΛग़ྗ (PPHMF
    $ISPNFɿදࣔ
    ˠ
    ։ൃ؅ཧ
    ˠ
    +BWB4DSJQUίϯιʔϧ
    4BGBSJɿ։ൃ
    ˠ
    ΤϥʔίϯιʔϧΛදࣔ
    'JSFGPYɿπʔϧ
    ˠ
    8FC։ൃ
    ˠ
    8FCίϯιʔϧ
    *&ɿʦ'ʧͰ։ൃऀπʔϧΛ։͖ɺʦίϯιʔϧʧλϒΛબ୒ ࣮ߦ؀ڥ
21. Show dialog box μΠΞϩάϘοΫεදࣔ
22. BMFSU ܯࠂμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ
23. DPOpSN ֬ೝμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ
24. QSPNQU จࣈೖྗՄೳͳμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ
25. Variable ม਺
26. ஋Λࣗ༝ʹೖΕସ͑Ͱ͖ΔೖΕ෺ ʁ  ͍͋͏ USVF ม਺ ม਺
27. ม਺Λ࠷ॳʹ࢖͏ͱ͖͸ʮWBSʯͰએݴ͢Δ WBS
    ม਺໊ ม਺
28. ม਺ͷதʹ஋ΛೖΕΔʹ͸ʮʯΛ࢖͏ ม਺໊
    
    ஋ ͜ͷΠίʔϧ͸ʮ୅ೖԋࢉࢠʯͱ͍͏ ୅ೖ ม਺
29. Data type σʔλܕ
30. σʔλܕ σʔλʹ͸ʮܕʯ͕͋Δ
31. σʔλܕ จࣈͷ͜ͱ
    γϯάϧΫΦʔςʔγϣϯ͔μϒϧΫΦʔςʔγϣϯͰׅΔ 4USJOH
    ܕ จࣈྻ
32. σʔλܕ ਺ࣈͷ͜ͱ
    +BWB4DSJQUͰ͸੔਺΋খ਺ʢුಈখ਺఺ʣ΋۠ผ͠ͳ͍ /VNCFS
    ܕ ਺஋
33. σʔλܕ USVFʢਅʣɺGBMTFʢِʣͷͲͪΒ͔
    ओʹ৚݅൑ఆͳͲͰ࢖͏ CPPMFBO
    ܕ ࿦ཧ஋
34. Expressions and operators ԋࢉࢠ
35. ਺஋ͷܭࢉʹ࢖͏ ࢉज़ԋࢉࢠ ԋࢉࢠ
36. ม਺ʹ஋Λ୅ೖ͢Δͱ͖ʹ࢖͏ ୅ೖԋࢉࢠ ԋࢉࢠ
37. ෳ਺ͷର৅Λൺֱ͢Δͱ͖ʹ࢖͏ ൺֱԋࢉࢠ ԋࢉࢠ
38. ৚݅ͷਅِΛ͢Δͱ͖ʹ࢖͏ ࿦ཧԋࢉࢠ ԋࢉࢠ
39. Array ഑ྻ
40. ෳ਺ͷม਺Ληοτʹͨ͠Α͏ͳ΋ͷ  ஋ ஋ ഑ྻ     ஋ ஋ ஋ ม਺ ม਺ ม਺ ม਺ ม਺ ഑ྻ
41. ࠷ॳʹ࢖͏ͱ͖͸ʮOFX
    "SSBZ ʯͰ࡞੒͢Δ ม਺໊
    
    OFX
    "SSBZ ഑ྻ
42. ͜ͷΑ͏ʹলུͯ͠ॻ͘͜ͱ΋Ͱ͖Δ ม਺໊
    
    <> OFX
    "SSBZ ͱಉ͡ ഑ྻ
43. ஋Λ୅ೖ͢Δͱ͖͸ม਺໊ʹʦ൪߸ʧΛ෇͚Δ ม਺໊<O>
    
    ஋ ͜ͷ൪߸ͷ͜ͱΛΩʔͱݺͿ ୅ೖ ഑ྻ
44. Associative array ࿈૝഑ྻ
45. ൪߸Ͱ͸ͳ͘ΩʔϫʔυͰ؅ཧ͢Δ഑ྻ OBNF ࢁాଠ࿠ ࿈૝഑ྻ BHF TFY IFJHIU XFJHIU ม਺ ม਺ ม਺ ม਺ ม਺  உ   ࿈૝഑ྻ
46. ࠷ॳʹ࢖͏ͱ͖͸ʮOFX
    0CKFDU ʯͰ࡞੒͢Δ ม਺໊
    
    OFX
    0CKFDU ࿈૝഑ྻ
47. ม਺໊
    
    \^ ͜ͷΑ͏ʹলུͯ͠ॻ͘͜ͱ΋Ͱ͖Δ OFX
    0CKFDU ͱಉ͡ ࿈૝഑ྻ
48. ม਺໊<LFZ>
    
    ஋
    ม਺໊LFZ
    
    ஋ ஋Λ୅ೖ͢Δͱ͖͸ม਺໊ʹʦʡΩʔʧΛ෇͚Δ
    ·ͨ͸ɺม਺໊ʹυοτ۠੾ΓͰΩʔΛࢦఆͯ͠΋0, ୅ೖ ୅ೖ ࿈૝഑ྻ
49. Conditional branch ৚݅෼ذ
50. JG ΋ͬͱ΋جຊతͳ৚݅෼ذ ৚݅෼ذ
51. JG
    
    ৚݅
    
    \
    
    
    
    
    
    ৚͕݅ਅͷͱ͖ͷॲཧ
    ^ ৚݅෼ذ
52. JG
    ʜ
    FMTF ύλʔϯΛ෼ذ͢Δ ৚݅෼ذ
53. JG
    
    ৚݅
    
    \
    
    
    
    
    
    ৚͕݅ਅͷͱ͖ͷॲཧ
    ^
    FMTF
    \
    
    
    
    
    
    ৚ِ͕݅ͱ͖ͷॲཧ
    ^ ৚݅෼ذ
54. JG
    ʜ
    FMTF
    JG ͭҎ্ͷύλʔϯΛ෼ذ͢Δ ৚݅෼ذ
55. JG
    ৚݅"
    \
    
    
    
    
    
    ৚݅"͕ਅͷͱ͖ͷॲཧ
    ^
    FMTF
    JG
    ৚݅#
    
    \
    
    
    
    
    
    ৚݅#͕ਅͱ͖ͷॲཧ
    ^
    FMTF
    \
    
    
    
    
    
    ͢΂ِ͕ͯͱ͖ͷॲཧ
    ^ ৚݅෼ذ
56. TXJUDI ม਺ͷ஋ʹΑͬͯॲཧΛ෼ذ ৚݅෼ذ
57. TXJUDI
    ม਺
    \
    
    
    
    
    
    DBTF
    "
    
    
    
    
    
    
    
    
    
    
    
    ม਺ͷ஋͕"ͷͱ͖ͷॲཧ
    
    
    
    
    
    DBTF
    #
    
    
    
    
    
    
    
    
    
    
    
    ม਺ͷ஋͕#ͷͱ͖ͷॲཧ
    
    
    
    
    
    EFGBVMU
    
    
    
    
    
    
    
    
    
    
    ͲΕʹ΋౰ͯ͸·Βͳ͍ͱ͖ͷॲཧ
    ^ ৚݅෼ذ
58. Repeat ܁Γฦ͠
59. XIJMF ৚݅Λຬ͍ͨͯ͠Δؒ܁Γฦ͢ ܁Γฦ͠
60. XIJMF
    
    ৚݅
    
    \
    
    
    
    
    
    ܁Γฦ͢ॲཧ
    ^ ͜ͷ৚݅Λຬ͍ͨͯ͠Δؒͣͬͱ܁Γฦ͞ΕΔ ܁Γฦ͠
61. EP
    ʜ
    XIJMF ৚݅Λຬ͍ͨͯ͠Δؒ܁Γฦ͢ʢ࠷௿ճ͸࣮ߦ͢Δʣ ܁Γฦ͠
62. EP
    \
    
    
    
    
    
    ܁Γฦ͢ॲཧ
    ^
    XIJMF
    
    ৚݅
    ແ৚݅ʹճ͚ͩ͸࣮ߦ ͋ͱ͸͜ͷ৚݅Λຬ͍ͨͯ͠Δؒͣͬͱ܁Γฦ͞ΕΔ ܁Γฦ͠
63. GPS Ұఆճ਺ͷॲཧΛ܁Γฦ͢ ܁Γฦ͠
64. GPS
    
    WBS
    J
    
    
    J
    
    O
    J
    
    \
    
    
    
    
    
    ܁Γฦ͢ॲཧ
    ^ ͜͜ʹ܁Γฦ͢ճ਺Λࢦఆ͢Δ ܁Γฦ͠
65. GPS
    ʜ
    JO ഑ྻΛ૸ࠪ͢Δʢ഑ྻཁૉͷݸ਺෼܁Γฦ͢ʣ ܁Γฦ͠
66. GPS
    
    WBS
    ม਺໊
    JO
    ഑ྻ໊
    
    \
    
    
    
    
    
    ܁Γฦ͢ॲཧ
    ^ ΩʔΛ֨ೲ͢ΔͨΊͷม਺໊Λࢦఆ ૸͍ࠪͨ͠഑ྻ ܁Γฦ͠
67. Function ؔ਺
68. Α͘࢖͏ॲཧʹ໊લΛ͚͍ͭͯͭͰ΋ݺͼग़ͤΔΑ͏ʹ͢Δ ʮ)FMMPʯͱ
    දࣔ͢Δॲཧ ؔ਺໊ʮIFMMPʯ IFMMP )FMMP IFMMP IFMMP )FMMP )FMMP ؔ਺
69. GVODUJPO
    ؔ਺໊
    \
    
    
    
    
    
    ॲཧ
    ^ ʮGVODUJPOʯʹଓ͍ͯؔ਺໊Λࢦఆ͢Δ ؔ਺
70. Ҿ਺ ࣮ߦଆ͔Βؔ਺ʹ౉͢஋ ؔ਺
71. ؔ਺ʹରͯ͠೚ҙͷσʔλΛ౉͢ ม਺
    ʮNFTTBHFʯ
    Λදࣔ͢Δॲཧ ؔ਺໊ʮUBML NFTTBHF ʯ UBML )FMMP )FMMP UBML )FZ UBML ΍͋ʂ )FZ ΍͋ʂ ؔ਺
72. ؔ਺໊ͷ͋ͱͷ ಺ʹҾ਺໊Λࢦఆ͓ͯ͘͠ GVODUJPO
    ؔ਺໊
    Ҿ਺໊
    
    \
    
    
    
    
    
    ॲཧ
    ^ ͜͜ʹҾ਺໊Λࢦఆ͓ͯ͘͠ ؔ਺
73. ෳ਺ͷҾ਺Λࢦఆ͢Δ͜ͱ΋Մೳ GVODUJPO
    ؔ਺໊
    Ҿ਺
    Ҿ਺
    ʜ
    
    \
    
    
    
    
    
    ॲཧ
    ^ ΧϯϚͰ۠੾ͬͯෳ਺ࢦఆ ؔ਺
74. ໭Γ஋ ؔ਺͔Β࣮ߦଆʹฦ͢஋ ؔ਺
75. ࣮ߦଆʹରͯؔ͠਺͔Β೚ҙͷσʔλΛฦ͢ ໭Γ஋ʹ
    ʮ)FMMPʯͱ͍͏
    จࣈྻΛࢦఆ ؔ਺໊ʮHFU ʯ HFU )FMMP HFU )FMMP HFU )FMMP ؔ਺
76. ʮSFUVSOʯʹଓ͍ͯ໭͢஋Λࢦఆ͢Δ GVODUJPO
    ؔ਺໊
    \
    
    
    
    
    
    SFUVSO
    ໭Γ஋
    ^ ࣮ߦଆʹ໭͢஋ ؔ਺
77. ʮSFUVSOʯ͸ؔ਺Λڧ੍ऴྃ͢ΔͨΊɺҎ߱ͷॲཧ͸࣮ߦ͞Εͳ͍ GVODUJPO
    ؔ਺໊
    \
    
    
    
    
    
    ॲཧ"
    
    
    
    
    
    SFUVSO
    
    
    
    
    
    ॲཧ#
    ^ ॲཧ#͸࣮ߦ͞Εͳ͍ ؔ਺
78. Scope of variables ม਺ͷείʔϓ
79. ม਺͸ʮWBSʯͰએݴ͢ΔҐஔͰ༗ޮͳൣғ͕ҟͳΔ WBS
    ม਺໊ ม਺ͷείʔϓ
80. WBS
    OBNF
    
    5BSP
    GVODUJPO
    UFTU
    \
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  ؔ਺ͷ֎ଆͰએݴ͞Εͨม਺͸શମͰࢀরͰ͖Δ ม਺ͷείʔϓ
81. WBS
    OBNF
    
    5BSP
    GVODUJPO
    UFTU
    \
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  ม਺ͷείʔϓ
82. WBS
    OBNF
    
    5BSP
    GVODUJPO
    UFTU
    \
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  ม਺ͷείʔϓ
83. WBS
    OBNF
    
    5BSP
    GVODUJPO
    UFTU
    \
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  5BSP ม਺ͷείʔϓ
84. WBS
    OBNF
    
    5BSP
    GVODUJPO
    UFTU
    \
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  5BSP ม਺ͷείʔϓ
85. GVODUJPO
    UFTU
    \
    
    
    
    
    
    WBS
    OBNF
    
    5BSP
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  ؔ਺ͷதͰએݴ͞Εͨม਺͸ͦͷؔ਺಺Ͱ͔͠ࢀরͰ͖ͳ͍ ม਺ͷείʔϓ
86. GVODUJPO
    UFTU
    \
    
    
    
    
    
    WBS
    OBNF
    
    5BSP
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  ม਺ͷείʔϓ
87. GVODUJPO
    UFTU
    \
    
    
    
    
    
    WBS
    OBNF
    
    5BSP
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  ม਺ͷείʔϓ
88. GVODUJPO
    UFTU
    \
    
    
    
    
    
    WBS
    OBNF
    
    5BSP
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  5BSP ม਺ͷείʔϓ
89. GVODUJPO
    UFTU
    \
    
    
    
    
    
    WBS
    OBNF
    
    5BSP
    
    
    
    
    
    DPOTPMFMPH OBNF 
    ^
    UFTU 
    DPOTPMFMPH OBNF  &SSPS
     ม਺ͷείʔϓ
90. GVODUJPO
    UFTU
    \
    
    
    
    
    
    WBS
    OBNF
    
    5BSP
    
    
    
    
    
    DPOTPMFMPH OBNF 
    
    
    
    
    
    SFUVSO
    OBNF
    ^
    WBS
    VTFS
    
    UFTU 
    DPOTPMFMPH VTFS  5BSP ໭Γ஋Λ࢖͏ ม਺ͷείʔϓ