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

ࠓ͞Βฉ͚ͳ͍ʂ 8FCσβΠφʔͷͨΊͷ ϓϩάϥϛϯάߨ࠲ AED LABO 2015.1.25. sun. TOSHIYUKI TAKAHASHI (GRAPHIC
ARTS UNIT )

ʠίϯϐϡʔλ͕ߦ͏΂͖ॲཧΛॱংཱͯͯهड़ͨ͠΋ͷʡ ग़యɿϓϩάϥϜͱ͸ʤίϯϐϡʔλϓϩάϥϜʥʲQSPHSBNʳҙຯղઆઆ໌ఆٛɿ*5༻ޠࣙయʢIUUQFXPSETKQX&&"%&#&"&"IUNMʣ ϓϩάϥϜͱ͸

ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ͭΊͷॲཧ ͭΊͷॲཧ ʜʜ ࣮ߦ ࣮ߦ ࣮ߦ ͋Β͔͡ΊܾΊΒΕͨॲཧΛ্͔Βॱ൪ʹ࣮ߦ͍ͯ͘͠
ϓϩάϥϜͱ͸

ͭΊͷॲཧ" ʜʜ ͭΊͷॲཧ" ࣮ߦ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ৚݅
A B ϓϩάϥϜͱ͸

࣮ߦ ࣮ߦ ͭΊͷॲཧ# ͭΊͷॲཧ# ʜʜ ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ৚݅
A B ϓϩάϥϜͱ͸

ͭΊͷॲཧ" ʜʜ ͭΊͷॲཧ" ͭΊͷॲཧ ͭΊͷॲཧ ͭΊͷॲཧ# ͭΊͷॲཧ# ʜʜ ৚݅ʹΑͬͯॲཧΛৼΓ෼͚Δ ৚݅
A B ϓϩάϥϜͱ͸

ྫྷଂݿΛ։͚Δ த਎Λ֬ೝ͢Δ ڇ೑͕͋Δ ಲ೑͕͋Δ ܲ೑͕͋Δ ϏʔϑεςʔΩ ϙʔΫιςʔ άϦϧνΩϯ ങ͍ʹߦ͘ ೑͕͋Δ͔
NO YES ༦৯ͷϝχϡʔΛܾΊΔͱ͖ͷྲྀΕ

ը૾ग़యɿ઒࡚ࢢɿΧϞ਍அςετʢIUUQXXXDJUZLBXBTBLJKQQBHFIUNMʣ ਍அνϟʔτ΍઎͍νϟʔτ͸ҰछͷʮϓϩάϥϜʯͱݴ͑Δ

զʑ͕࿩͢ݴ༿͕ࠃʹΑͬͯҟͳΔΑ͏ʹ ϓϩάϥϜݴޠʹ΋͍͔ͭ͘ͷछྨ͕͋Γ·͢

Web Design (Front End) JavaScript / PHP … Web Development
Ruby / Python / Perl / Scala … Application Development Java / C++ / Objective-C / Swift … ओͳϓϩάϥϜݴޠͷछྨ ΋ͪΖΜɺ͜ͷଞʹ΋ͨ͘͞ΜͷϓϩάϥϜݴޠ͕ଘࡏ͠·͢

΢ΣϒσβΠφʔతʹೃછΈ͕͋Δͷ͸ίί ओͳϓϩάϥϜݴޠͷछྨ Web Design (Front End) JavaScript / PHP …
Web Development Ruby / Python / Perl / Scala Application Development Java / C++ / Objective-C / Swift

ݴޠͷ࢓༷΍จ๏ͳͲΛ֮͑Δͷ΋େ੾͕ͩɺ ॲཧͷߟ͑ํʢΞϧΰϦζϜʣΛ֮͑Δํ͕େ੾ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸

࠺ʮڇೕΛ̍ύοΫങ͖ͬͯͯɻཛ͕͋ͬͨΒ͓̒ͭئ͍ʯ ͠͹Βͯ͘͠ɺ෉͕ʬڇೕΛ̒ύοΫʭങͬͯؼ୐ ࠺ʮͳΜͰڇೕΛ̒ύοΫ΋ങ͖ͬͯͨͷΑʯ ෉ʮͩͬͯཛ͕͔͋ͬͨΒʯ ͋Δ࠺͕ϓϩάϥϚʔͷ෉ʹങ͍෺ΛཔΜͩΒʜʜ ͓લ͸ҰମԿΛݴ͍ͬͯΔͷͩ

WBSڇೕͷݸ਺ JG ཛ
\ ڇೕͷݸ਺ ^FMTF\ ڇೕͷݸ਺ ^ ڇೕΛങ͏ ڇೕͷݸ਺ ˞+BWB4DSJQUͷ৔߹ ࠺ͷ͓ئ͍͸෉ʹ͸͜͏ฉ͍͑ͯ͜Δ

ίʔυΛॻ͘͜ͱ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸ ϓϩάϥϜ

ΞϧΰϦζϜʢ࢓૊Έ΍खॱʣ Λߟ͑Δ͜ͱ ϓϩάϥϜ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸

Hands on ΍ͬͯΈΑ͏

࣮ߦ؀ڥ 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ʜFMTFJG w ൺֱԋࢉࢠ w TXJUDI ܁Γฦ͠ w XIJMF w EPʜXIJMF w GPS w GPSʜJO ࠓ೔΍Γ͍ͨ͜ͱ

΢Σϒϒϥ΢β w (PPHMF$ISPNFɺ4BGBSJ ΤσΟλ w ͓޷͖ͳ΋ͷʢ65'Λѻ͑Δ΋ͷʣ w σϞ͸4VCMJNF5FYUΛ࢖༻ ίʔυΛॻ͘৔ॴ w
)5.-ͷTDSJQUཁૉ಺ w ֎෦KTϑΝΠϧ ݴޠ w +BWB4DSJQU ࣮ߦ؀ڥ

DPOTPMFMPH σόοΨͷ8FCίϯιʔϧʹϝοηʔδΛग़ྗ (PPHMF$ISPNFɿදࣔˠ։ൃ؅ཧˠ+BWB4DSJQUίϯιʔϧ 4BGBSJɿ։ൃˠΤϥʔίϯιʔϧΛදࣔ 'JSFGPYɿπʔϧˠ8FC։ൃˠ8FCίϯιʔϧ *&ɿʦ'ʧͰ։ൃऀπʔϧΛ։͖ɺʦίϯιʔϧʧλϒΛબ୒ ࣮ߦ؀ڥ

Show dialog box μΠΞϩάϘοΫεදࣔ

BMFSU ܯࠂμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ

DPOpSN ֬ೝμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ

QSPNQU จࣈೖྗՄೳͳμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ

Variable ม਺

஋Λࣗ༝ʹೖΕସ͑Ͱ͖ΔೖΕ෺ ʁ ͍͋͏ USVF ม਺ ม਺

ม਺Λ࠷ॳʹ࢖͏ͱ͖͸ʮWBSʯͰએݴ͢Δ WBSม਺໊ ม਺

ม਺ͷதʹ஋ΛೖΕΔʹ͸ʮʯΛ࢖͏ ม਺໊஋ ͜ͷΠίʔϧ͸ʮ୅ೖԋࢉࢠʯͱ͍͏ ୅ೖ ม਺

Data type σʔλܕ

σʔλܕ σʔλʹ͸ʮܕʯ͕͋Δ

σʔλܕ จࣈͷ͜ͱ γϯάϧΫΦʔςʔγϣϯ͔μϒϧΫΦʔςʔγϣϯͰׅΔ 4USJOHܕ จࣈྻ

σʔλܕ ਺ࣈͷ͜ͱ +BWB4DSJQUͰ͸੔਺΋খ਺ʢුಈখ਺఺ʣ΋۠ผ͠ͳ͍ /VNCFSܕ ਺஋

σʔλܕ USVFʢਅʣɺGBMTFʢِʣͷͲͪΒ͔ ओʹ৚݅൑ఆͳͲͰ࢖͏ CPPMFBOܕ ࿦ཧ஋

Expressions and operators ԋࢉࢠ

਺஋ͷܭࢉʹ࢖͏ ࢉज़ԋࢉࢠ ԋࢉࢠ

ม਺ʹ஋Λ୅ೖ͢Δͱ͖ʹ࢖͏ ୅ೖԋࢉࢠ ԋࢉࢠ

ෳ਺ͷର৅Λൺֱ͢Δͱ͖ʹ࢖͏ ൺֱԋࢉࢠ ԋࢉࢠ

৚݅ͷਅِΛ͢Δͱ͖ʹ࢖͏ ࿦ཧԋࢉࢠ ԋࢉࢠ

Array ഑ྻ

ෳ਺ͷม਺Ληοτʹͨ͠Α͏ͳ΋ͷ ஋ ஋ ഑ྻ ஋
஋ ஋ ม਺ ม਺ ม਺ ม਺ ม਺ ഑ྻ

࠷ॳʹ࢖͏ͱ͖͸ʮOFX"SSBZ ʯͰ࡞੒͢Δ ม਺໊OFX"SSBZ ഑ྻ

͜ͷΑ͏ʹলུͯ͠ॻ͘͜ͱ΋Ͱ͖Δ ม਺໊<> OFX"SSBZ ͱಉ͡ ഑ྻ

஋Λ୅ೖ͢Δͱ͖͸ม਺໊ʹʦ൪߸ʧΛ෇͚Δ ม਺໊<O>஋ ͜ͷ൪߸ͷ͜ͱΛΩʔͱݺͿ ୅ೖ ഑ྻ

Associative array ࿈૝഑ྻ

൪߸Ͱ͸ͳ͘ΩʔϫʔυͰ؅ཧ͢Δ഑ྻ OBNF ࢁాଠ࿠ ࿈૝഑ྻ BHF TFY IFJHIU XFJHIU ม਺ ม਺
ม਺ ม਺ ม਺ உ ࿈૝഑ྻ

࠷ॳʹ࢖͏ͱ͖͸ʮOFX0CKFDU ʯͰ࡞੒͢Δ ม਺໊OFX0CKFDU ࿈૝഑ྻ

ม਺໊\^ ͜ͷΑ͏ʹলུͯ͠ॻ͘͜ͱ΋Ͱ͖Δ OFX0CKFDU ͱಉ͡ ࿈૝഑ྻ

ม਺໊<LFZ>஋ ม਺໊LFZ஋ ஋Λ୅ೖ͢Δͱ͖͸ม਺໊ʹʦʡΩʔʧΛ෇͚Δ ·ͨ͸ɺม਺໊ʹυοτ۠੾ΓͰΩʔΛࢦఆͯ͠΋0, ୅ೖ ୅ೖ ࿈૝഑ྻ

Conditional branch ৚݅෼ذ

JG ΋ͬͱ΋جຊతͳ৚݅෼ذ ৚݅෼ذ

JG ৚݅ \ ৚͕݅ਅͷͱ͖ͷॲཧ ^ ৚݅෼ذ

JGʜFMTF ύλʔϯΛ෼ذ͢Δ ৚݅෼ذ

JG ৚݅ \ ৚͕݅ਅͷͱ͖ͷॲཧ ^FMTF\ ৚ِ͕݅ͱ͖ͷॲཧ ^ ৚݅෼ذ

JGʜFMTFJG ͭҎ্ͷύλʔϯΛ෼ذ͢Δ ৚݅෼ذ

JG ৚݅" \ ৚݅"͕ਅͷͱ͖ͷॲཧ ^FMTFJG ৚݅# \ ৚݅#͕ਅͱ͖ͷॲཧ ^FMTF\ ͢΂ِ͕ͯͱ͖ͷॲཧ
^ ৚݅෼ذ

TXJUDI ม਺ͷ஋ʹΑͬͯॲཧΛ෼ذ ৚݅෼ذ

TXJUDI ม਺ \ DBTF" ม਺ͷ஋͕"ͷͱ͖ͷॲཧ DBTF# ม਺ͷ஋͕#ͷͱ͖ͷॲཧ EFGBVMU ͲΕʹ΋౰ͯ͸·Βͳ͍ͱ͖ͷॲཧ ^
৚݅෼ذ

Repeat ܁Γฦ͠

XIJMF ৚݅Λຬ͍ͨͯ͠Δؒ܁Γฦ͢ ܁Γฦ͠

XIJMF ৚݅ \ ܁Γฦ͢ॲཧ ^ ͜ͷ৚݅Λຬ͍ͨͯ͠Δؒͣͬͱ܁Γฦ͞ΕΔ ܁Γฦ͠

EPʜXIJMF ৚݅Λຬ͍ͨͯ͠Δؒ܁Γฦ͢ʢ࠷௿ճ͸࣮ߦ͢Δʣ ܁Γฦ͠

EP\ ܁Γฦ͢ॲཧ ^XIJMF ৚݅ ແ৚݅ʹճ͚ͩ͸࣮ߦ ͋ͱ͸͜ͷ৚݅Λຬ͍ͨͯ͠Δؒͣͬͱ܁Γฦ͞ΕΔ ܁Γฦ͠

GPS Ұఆճ਺ͷॲཧΛ܁Γฦ͢ ܁Γฦ͠

GPS WBSJJOJ \ ܁Γฦ͢ॲཧ ^ ͜͜ʹ܁Γฦ͢ճ਺Λࢦఆ͢Δ ܁Γฦ͠

GPSʜJO ഑ྻΛ૸ࠪ͢Δʢ഑ྻཁૉͷݸ਺෼܁Γฦ͢ʣ ܁Γฦ͠

GPS WBSม਺໊JO഑ྻ໊ \ ܁Γฦ͢ॲཧ ^ ΩʔΛ֨ೲ͢ΔͨΊͷม਺໊Λࢦఆ ૸͍ࠪͨ͠഑ྻ ܁Γฦ͠

Function ؔ਺

Α͘࢖͏ॲཧʹ໊લΛ͚͍ͭͯͭͰ΋ݺͼग़ͤΔΑ͏ʹ͢Δ ʮ)FMMPʯͱ දࣔ͢Δॲཧ ؔ਺໊ʮIFMMPʯ IFMMP )FMMP IFMMP IFMMP )FMMP )FMMP
ؔ਺

GVODUJPOؔ਺໊ \ ॲཧ ^ ʮGVODUJPOʯʹଓ͍ͯؔ਺໊Λࢦఆ͢Δ ؔ਺

Ҿ਺ ࣮ߦଆ͔Βؔ਺ʹ౉͢஋ ؔ਺

ؔ਺ʹରͯ͠೚ҙͷσʔλΛ౉͢ ม਺ ʮNFTTBHFʯ Λදࣔ͢Δॲཧ ؔ਺໊ʮUBML NFTTBHF ʯ UBML )FMMP )FMMP
UBML )FZ UBML ΍͋ʂ )FZ ΍͋ʂ ؔ਺

ؔ਺໊ͷ͋ͱͷ ಺ʹҾ਺໊Λࢦఆ͓ͯ͘͠ GVODUJPOؔ਺໊ Ҿ਺໊ \ ॲཧ ^ ͜͜ʹҾ਺໊Λࢦఆ͓ͯ͘͠ ؔ਺

ෳ਺ͷҾ਺Λࢦఆ͢Δ͜ͱ΋Մೳ GVODUJPOؔ਺໊ Ҿ਺ Ҿ਺ ʜ \ ॲཧ ^ ΧϯϚͰ۠੾ͬͯෳ਺ࢦఆ ؔ਺

໭Γ஋ ؔ਺͔Β࣮ߦଆʹฦ͢஋ ؔ਺

࣮ߦଆʹରͯؔ͠਺͔Β೚ҙͷσʔλΛฦ͢ ໭Γ஋ʹ ʮ)FMMPʯͱ͍͏ จࣈྻΛࢦఆ ؔ਺໊ʮHFU ʯ HFU )FMMP HFU )FMMP
HFU )FMMP ؔ਺

ʮSFUVSOʯʹଓ͍ͯ໭͢஋Λࢦఆ͢Δ GVODUJPOؔ਺໊ \ SFUVSO໭Γ஋ ^ ࣮ߦଆʹ໭͢஋ ؔ਺

ʮSFUVSOʯ͸ؔ਺Λڧ੍ऴྃ͢ΔͨΊɺҎ߱ͷॲཧ͸࣮ߦ͞Εͳ͍ GVODUJPOؔ਺໊ \ ॲཧ" SFUVSO ॲཧ# ^ ॲཧ#͸࣮ߦ͞Εͳ͍ ؔ਺

Scope of variables ม਺ͷείʔϓ

ม਺͸ʮWBSʯͰએݴ͢ΔҐஔͰ༗ޮͳൣғ͕ҟͳΔ WBSม਺໊ ม਺ͷείʔϓ

WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF ^ UFTU DPOTPMFMPH
OBNF ؔ਺ͷ֎ଆͰએݴ͞Εͨม਺͸શମͰࢀরͰ͖Δ ม਺ͷείʔϓ

OBNF ม਺ͷείʔϓ

OBNF 5BSP ม਺ͷείʔϓ

GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF ^ UFTU DPOTPMFMPH
OBNF ؔ਺ͷதͰએݴ͞Εͨม਺͸ͦͷؔ਺಺Ͱ͔͠ࢀরͰ͖ͳ͍ ม਺ͷείʔϓ

OBNF ม਺ͷείʔϓ

OBNF 5BSP ม਺ͷείʔϓ

OBNF &SSPS ม਺ͷείʔϓ

GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF SFUVSOOBNF ^ WBSVTFSUFTU
DPOTPMFMPH VTFS 5BSP ໭Γ஋Λ࢖͏ ม਺ͷείʔϓ

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

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

More Decks by Toshiyuki TAKAHASHI

Other Decks in Programming

Featured

Transcript