Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Avatar for Toshiyuki TAKAHASHI Toshiyuki TAKAHASHI
May 20, 2016
Programming
1
300

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

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

Toshiyuki TAKAHASHI

May 20, 2016
Tweet

More Decks by Toshiyuki TAKAHASHI

See All by Toshiyuki TAKAHASHI
第11回 AED-LABO 解説用スライド
Avatar for Toshiyuki TAKAHASHI gautt
1
600
今さら聞けない！デザイナーのためのGit超入門
Avatar for Toshiyuki TAKAHASHI gautt
2
270
10倍ラクするアピアランス入門
Avatar for Toshiyuki TAKAHASHI gautt
2
600

Other Decks in Programming

See All in Programming
DevOpsDaysTokyo2025社内副業で他部門へ_越境_して見えた価値再定義最大1か月のリードタイムを10分に短縮したDevOps実践.pdf
Avatar for susumutomita susumutomita
0
110
Optimizing JRuby 10
Avatar for headius headius
0
520
Vibe Coding の話をしよう
Avatar for schroneko schroneko
12
3.5k
GitHub Copilot for Azureを使い倒したい
Avatar for Kento.Yamada ymd65536
1
280
eBPF超入門「o11yに使える」とは (20250424_eBPF_o11y)
Avatar for Koki Senda thousanda
1
100
大LLM時代にこの先生きのこるには-ITエンジニア編
Avatar for Kuu fumiyakume
7
3.3k
ComposeでWebアプリを作る技術
Avatar for てべすてん tbsten
0
130
Creating Awesome Change in SmartNews! En
Avatar for Ikuo Suyama martin_lover
0
100
KawaiiLT 登壇資料　キャリアとモチベーション
Avatar for 柊 hiiragi
0
160
iOSアプリで測る！名古屋駅までの 方向と距離
Avatar for Ryu-nakayama ryunakayama
0
140
API for docs
Avatar for Soutaro Matsumoto soutaro
3
1.5k
Lambda(Python)の リファクタリングが好きなんです
Avatar for komakichi komakichi
4
230

Featured

See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
47
5.3k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
227
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
104
19k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
23
2.7k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
49k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
410
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.2k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k

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

  19. ΢Σϒϒϥ΢β w (PPHMF$ISPNFɺ4BGBSJ ΤσΟλ w ͓޷͖ͳ΋ͷʢ65'Λѻ͑Δ΋ͷʣ w σϞ͸4VCMJNF5FYUΛ࢖༻ ίʔυΛॻ͘৔ॴ 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. ࠷ॳʹ࢖͏ͱ͖͸ʮOFX0CKFDU ʯͰ࡞੒͢Δ ม਺໊OFX0CKFDU ࿈૝഑ྻ

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

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

  49. Conditional branch ৚݅෼ذ

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

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

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

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

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

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

    ^ ৚݅෼ذ

  56. TXJUDI ม਺ͷ஋ʹΑͬͯॲཧΛ෼ذ ৚݅෼ذ

  57. TXJUDI ม਺ \ DBTF" ม਺ͷ஋͕"ͷͱ͖ͷॲཧ DBTF# ม਺ͷ஋͕#ͷͱ͖ͷॲཧ EFGBVMU ͲΕʹ΋౰ͯ͸·Βͳ͍ͱ͖ͷॲཧ ^

    ৚݅෼ذ

  58. Repeat ܁Γฦ͠

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

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

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

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

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

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

  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. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

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

  81. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ม਺ͷείʔϓ

  82. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ม਺ͷείʔϓ

  83. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  5BSP ม਺ͷείʔϓ

  84. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  5BSP ม਺ͷείʔϓ

  85. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

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

  86. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ม਺ͷείʔϓ

  87. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ม਺ͷείʔϓ

  88. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  5BSP ม਺ͷείʔϓ

  89. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  &SSPS ม਺ͷείʔϓ

  90. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  SFUVSOOBNF ^ WBSVTFSUFTU 

    DPOTPMFMPH VTFS  5BSP ໭Γ஋Λ࢖͏ ม਺ͷείʔϓ