Slide 1

Slide 1 text

ʰதڃऀʱͷ๻ͨͪ͸Կ͕ ग़དྷΔͷ͔ɺ ·ͨ͸ʰॳ৺ऀʱʹ
 ޠΔͱ͖ʹ๻͕ߟ͑Δ͜ͱ Pasta-K 2016/04/14 [email protected]

Slide 2

Slide 2 text

͜Μʹͪ͸

Slide 3

Slide 3 text

Πϯλʔωοτ׆ಈ twitter.com/pastak id: Pasta-K pastak.hatenablog.com pastak-diary.hatenadiary.com github.com/pastak

Slide 4

Slide 4 text

KMCͰͷ׆ಈ KMC 37୅໨ ޿ใ OSC Kyotoग़ల ɹYAPCεϙϯαʔ࡞ઓ JavaScriptͰੈքฏ࿨2014

Slide 5

Slide 5 text

ΞϧόΠτ d Πϯλʔϯ Ն Πϯλʔϯ Ն Πϯλʔϯ ౙ

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

य़ٳΈͷࢥ͍ग़

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

େࡕࢢ಺ͷ๭ެཱதֶߍ Ͱখதֶੜʹ4DSBUDI ϓϩάϥϛϯάΛϲ݄ ؒڭ͖͑ͯͨͧ

Slide 10

Slide 10 text

Slide 11

Slide 11 text

ίʔε ഑ଐʂ

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

݄༵೔

Slide 14

Slide 14 text

େֶͷڭ ຿ʹߦ͘

Slide 15

Slide 15 text

ڭ຿ͷਓͱ ཤमཁཡͱ੒੷ද Λݟͳ͕Β ஥ྑ͘ࢉ਺

Slide 16

Slide 16 text

ʮ͜Ε͸ճੜ഑౰ͷ˕͔ͩΒ0, Ͱ͢ΑͶʯʮ͜Εͱ͜Εͱ͜Ε Λ଍ͯ͜͜͠·Ͱ୯Ґʯ ʮ͔֬ʹʯʮ͜ͷͭ΋˕͔ͩ Βશ෦Ͱ୯Ґʯʮ;Ήʯ ʮશ෦଍ͯ͠୯Ґʯʮ͔֬ʹʯ ʮ৚݅ຬͨͯ͠·͢Ͷʯ ʮͰ͢ΑͶʯ

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

৽ೖੜʹ ఻͍͑ͨ͜ͱ

Slide 19

Slide 19 text

࠷ޙ·Ͱ ఘΊͳ͍

Slide 20

Slide 20 text

ࣗ෼Λ ৴ͯ͡ʂ

Slide 21

Slide 21 text

৽ೖੜʹ ఻͍͑ͨ͜ͱ ʲऴΘΓʳ

Slide 22

Slide 22 text

ࣗݾ঺հͷ࠷ޙʹ ߃ྫͷ/), ग़ԋͷࢥ͍ग़঺հ ίʔφʔ

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

ΞχϝϑΝϯ

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

ຊ೔ͷ಺༰ ʹ͍ͭͯ

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

఻͍͑ͨ ͜ͱ

Slide 29

Slide 29 text

෦һ޲͚

Slide 30

Slide 30 text

lॳ৺ऀzͱ ޲͖߹͏ͱ͖ʹ ߟ͍͑ͨ͜ͱ

Slide 31

Slide 31 text

৽ೖੜ޲͚

Slide 32

Slide 32 text

ྑ͍ײ͡ʹlॳ৺ऀzΛ ൈ͚ग़ͨ͢Ίͷώϯτ

Slide 33

Slide 33 text

⚠஫ҙࣄ߲⚠ ͜ͷൃද͸,.$ٴͼಛఆͷஂମɾݸਓʹؔͯ͠൷൑Λ ߦ͏΋ͷͰ͸ͳ͍ɻྫͱͯ͠ಛఆͷݸਓͷൃݴ΍ঢ়گΛ ঺հ͢Δ৔߹͕͋Δ͕ɺ͋͘·Ͱྫͷͭͱͯ͠঺հ͢ Δ΋ͷͰ͋ΓɺͦΕҎ্ͷҙਤ͸͋Γ·ͤΜɻ΋͠Ҏ߱ ͷྫ΍ࣄ߲ʹࣗ਎͕౰ͯ͸·Δͱࢥͬͨ৔߹Ͱ͋ͬͯ΋ ই͖ͭ͗ͨ͢Γ͠ͳ͍Α͏ʹ͍ͯͩ͘͠͞ɻ͜ͷൃදͷ ಺༰ʹ͍ͭͯ͸!QBTUBLͷݸਓతͳҙݟͰ͋Γ·͢ɻ ·ͨ಺༰ʹ͍ͭͯ͸ٞ࿦ͷ༨஍͕͋Δͱࢥ͏ͷͰɺ͝ҙ ݟ͝ײ૝͕͋Ε͹ੋඇ!QBTUBL·Ͱ͓د͍ͤͩ͘͞ɻ

Slide 34

Slide 34 text

લఏೝࣝ

Slide 35

Slide 35 text

,.$෦һ͸ lதڃऀz Ҏ্

Slide 36

Slide 36 text

l͠ΐ΅͍࿩z l͓·͡ͳ͍z lೖ໳z

Slide 37

Slide 37 text

l͠ΐ΅͍࿩z

Slide 38

Slide 38 text

͠ΐ΅͍࿩ JT

Slide 39

Slide 39 text

ຊ࣭Ͱͳ͍͜ͱ ͍͍ͭͭ৭ʑ ٞ࿦͕ͪ͠໰୊

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

ʮ༧ࢉ৹ٞձͰٞ୊ͷ߲໨ ͷ৹ٞʹཁ͢Δ࣌ؒ͸ɺͦͷ ߲໨ʹ͍ͭͯͷࢧग़ֹʹ൓ൺ ྫ͢Δʯʢͭ·Γ਎ۙͳ͜ͱ ΄Ͳ୭΋͕ҙݟΛݴ͑ΔͷͰ ৹͕ٞ࣌ؒ௕͘ͳΔʣ http://www.navigate-inc.co.jp/term/term-ha.html ύʔΩϯιϯͷ๏ଇ ͷ߲໨ΑΓҾ༻

Slide 42

Slide 42 text

'SFF#4%ͷίϛϡχςΟ Ͱ͸ࣗసंஔ৔ͷٞ࿦ CJLFTIFEEJTDVTTJPO ͱݺΜͰ͍Δ http://0xcc.net/blog/archives/000135.html

Slide 43

Slide 43 text

ྫΛ঺հ

Slide 44

Slide 44 text

ͲΕͰදه͢Δͷ͕ྑ͍͔ CJLFTIFE શ෦খจࣈ CJLFTIFE εϖʔε CJLFTIFE μογϡ CJLF@TIFE Ξϯμʔόʔ CJLF4IFE DBNFM$BTF

Slide 45

Slide 45 text

ԿΛ࢖͏ͷ͕ྑ͍͔ 7JNWT&NBDT 3VCZWT1ZUIPO K2VFSZWT3FBDU ࢴϖϯWTTBJ FUD

Slide 46

Slide 46 text

දهํ๏Ͳ͏͢Δ͔໰୊ • ϓϩάϥϛϯάͷ৔߹ • ݴޠʹΑ੍ͬͯ໿͕͋Δ • Ϋϥε໊ઌ಄͸େจࣈ Number • ม਺໊͸ઌ಄খจࣈ number • ఆ਺͸શͯେจࣈ NUMBER • ϓϩδΣΫτͷίʔυن໿͕͋Δ • camelCase / PascalCase / snake_case • kDaysInAWeek / DAYS_IN_A_WEEK

Slide 47

Slide 47 text

දهํ๏Ͳ͏͢Δ͔໰୊ • ԿΒ͔ͷࠜڌʹΑΓܾ·͍ͬͯΔ΂͖໰୊ • ͍͍ͪͪม਺໊ͷ෇͚ํͱ͔Ͱٞ࿦ͨ͘͠ͳ͍ • ίʔυن໿Λ࠷ॳʹ࡞Δࡍʹ͸౰વٞ࿦ɾݕ౼͸͋Δ • ݴޠίϛϡχςΟͷจԽͱͷ߹க • ಡΈ΍͢͞ • ෳࡶ͗͢ͳ͍͔ • Ͳ͜·Ͱҙຯઆ໌Λߦ͏͔ (ল͍ͯྑ͍͔) • etc… • ৄ͘͠ؾʹͳΔਓ͸ʰϦʔμϒϧίʔυʱͷ֘౰෦෼ΛಡΈ ·͠ΐ͏

Slide 48

Slide 48 text

πʔϧԿ͕ྑ͍ͷ͔໰୊ • ༷ʑͳק༠͕͋Δ • ʻʮʲΤσΟλɾݴޠɾπʔϧͷ໊લ͕ೖΔʳ ͕ΦεεϝͩΑʙʯ • ͲΕͰ΋ྑ͍ͷͰͱΓ͋͑ͣ࢖ͬͯΈΑ͏ • ଟ෼ɺޙʑʹͳͬͯ৭ʑ෼͔ͬͯ͘Δͱ࠶౓બͼ ௚͠νϟϯε͕౸དྷ͢Δ • બͿͱ͖ͷϙΠϯτ͸ͨͩ1ͭ • ͙ۙ͘͢ʹ࣭໰ग़དྷΔਓ͕͍Δ͔Ͳ͏͔

Slide 49

Slide 49 text

πʔϧԿ͕ྑ͍ͷ͔໰୊ • ༷ʑͳק༠͕͋Δ • ʻʮʲΤσΟλɾݴޠɾπʔϧͷ໊લ͕ೖΔʳ ͕ΦεεϝͩΑʙʯ • ͲΕͰ΋ྑ͍ͷͰͱΓ͋͑ͣ࢖ͬͯΈΑ͏ • ଟ෼ɺޙʑʹͳͬͯ৭ʑ෼͔ͬͯ͘Δͱ࠶౓બͼ ௚͠νϟϯε͕౸དྷ͢Δ • બͿͱ͖ͷϙΠϯτ͸ͨͩ1ͭ • ͙ۙ͘͢ʹ࣭໰ग़དྷΔਓ͕͍Δ͔Ͳ͏͔

Slide 50

Slide 50 text

झຯͷൣғͰ ·ͣࢼ͠ʹ 50%0ΞϓϦ Λ࡞ͬͯΈ͍ͨ࣌

Slide 51

Slide 51 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

Slide 52

Slide 52 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

Slide 53

Slide 53 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

Slide 54

Slide 54 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

Slide 55

Slide 55 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

Slide 56

Slide 56 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

Slide 57

Slide 57 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

Slide 58

Slide 58 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

Slide 59

Slide 59 text

Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42- .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCFMXJUIHVMQ XFCQBDL OPOF

Slide 60

Slide 60 text

http://d.hatena.ne.jp/tomoya/20160403/1459665374

Slide 61

Slide 61 text

http://b.hatena.ne.jp/entry/d.hatena.ne.jp/tomoya/20160403/1459665374 ίϝϯτ

Slide 62

Slide 62 text

+4Λॻ͘͏͑Ͱ φ΢ͰϠϯάʹͳͬͨ ͜͜࠷ۙͷมԽʹΑΔ ೥ͷπέΛࢧ෷͏͜ͱ ʹର͢ΔΞϨίϨ

Slide 63

Slide 63 text

झຯͷൣғͰ ·ͣࢼ͠ʹ 50%0ΞϓϦ Λ࡞ͬͯΈ͍ͨ࣌ ͷΰʔϧ͸Ͳ͜ʁ

Slide 64

Slide 64 text

ΰʔϧ(໨త)͸Ͳ͔͜ • ͱʹ͔͘ॳΊͯͳͷͰಈ͘෺Λ࡞Γ͍ͨ → पΓʹ૬ஊ/࣭໰Ͱ͖Δ΋ͷΛબ୒͢Δͱྑ͍͔΋ • ৽ֶ͘͠ΜͩΞϧΰϦζϜΛ࢖ͬͯΈ͍ͨ → ྫ͑͹ιʔτΞϧΰϦζϜΛࢼ͍ͨ͠ TODOͷฒͼସ͑෦෼ͰؤுΕͦ͏ (ී௨͸ఆٛࡁͷsort()Ͱॆ෼) • ৽͘͠ొ৔ͨ͠πʔϧ΍ϥΠϒϥϦΛࢼ͍ͨ͠ → ͡Ό͋ͦΕͰ

Slide 65

Slide 65 text

πʔϧ΍ݴޠͷબ୒ͩ ͚Ͱ͸ྑ͍50%0Ξ ϓϦʹ͸ͳΒͳ͍ɻ ͱʹ͔͘ྑ͍50%0 ΞϓϦΛ࡞ΔͱҒ͍ɻ

Slide 66

Slide 66 text

͠ΐ΅͍બ୒ʹ೰ΜͰ ͍ͯ͸͍͚ͳ͍ɻ ࣗ෼ͨͪͷखʹೃછΉ ࠷ߴͷ૊Έ߹ΘͤͰ Ұ൪ྑ͍ͷ੒Ռ෺Λ ੜΈग़ͨ͠ਓ͕࠷ڧ

Slide 67

Slide 67 text

l͓·͡ͳ͍z

Slide 68

Slide 68 text

%PZPVLOPX ͓·͡ͳ͍

Slide 69

Slide 69 text

࣭໰

Slide 70

Slide 70 text

࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυ಺ʹ͓͚Δ l͓·͡ͳ͍z͸ͲΕʁ

Slide 71

Slide 71 text

#include int main(void) { printf("Hello, world!"); return 0; } Wikipedia ೔ຊޠ൛ Hello worldϓϩάϥϜͷҰཡ( https://ja.wikipedia.org/wiki/Hello_world%E3%83%97%E3%83%AD %E3%82%B0%E3%83%A9%E3%83%A0%E3%81%AE%E4%B8%80%E8%A6%A7#C ) 2016೥4݄9೔ (౔) 13:15 ࠷ऴߋ৽൛ΑΓ

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

໛ൣ ճ౴

Slide 74

Slide 74 text

#include int main(void) { printf("Hello, world!"); return 0; } ͜ͷ෦෼͕͓·͡ͳ͍

Slide 75

Slide 75 text

#include int main(void) { printf("Hello, world!"); return 0; } ͜ͷ෦෼͕͓·͡ͳ͍??

Slide 76

Slide 76 text

ຊ౰ʹͦΕͬͯ lॳ৺ऀzͷؾ࣋ͪʹ ͳͬͯ·͔͢ʁ

Slide 77

Slide 77 text

͓·͡ͳ͍ ˣ ೖ໳ॻͳͲ͕આ໌Λ ޙճ͠ʹ͢ΔͨΊͷ ϚδοΫϫʔυ

Slide 78

Slide 78 text

͓·͡ͳ͍ ˣ ೖ໳ॻͳͲ͕આ໌Λ ޙճ͠ʹ͢ΔͨΊͷ ϚδοΫϫʔυ

Slide 79

Slide 79 text

࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυ಺ʹ͓͚Δ l͓·͡ͳ͍z͸ͲΕʁ

Slide 80

Slide 80 text

࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυ಺ʹ͓͚Δ ݱ࣌఺ͰԿނ͜͏ͳΔͷ͔ ෼͔Βͳ͍෦෼͸ͲΕʁ

Slide 81

Slide 81 text

ճ౴

Slide 82

Slide 82 text

#include int main(void) { printf("Hello, world!"); return 0; }

Slide 83

Slide 83 text

#include int main(void) { printf("Hello, world!"); return 0; }

Slide 84

Slide 84 text

#include int main(void) { printf("Hello, world!"); return 0; }

Slide 85

Slide 85 text

#include int main(void) { printf("Hello, world!"); return 0; }

Slide 86

Slide 86 text

#include int main(void) { printf("Hello, world!"); return 0; }

Slide 87

Slide 87 text

#include int main(void) { printf("Hello, world!"); return 0; }

Slide 88

Slide 88 text

lೖ໳z

Slide 89

Slide 89 text

ݸਓతͳ ॴײ

Slide 90

Slide 90 text

No content

Slide 91

Slide 91 text

Ͳͷॱ൪Ͱ Ͳ͏ѻ͏͔

Slide 92

Slide 92 text

࣭໰

Slide 93

Slide 93 text

ೖ໳ ॻ ಡΜͩ͜ͱ ͋Δʁ

Slide 94

Slide 94 text

No content

Slide 95

Slide 95 text

໨͚࣍ͩ ோΊΔ

Slide 96

Slide 96 text

.%/ +BWB4DSJQUΨΠυ

Slide 97

Slide 97 text

No content

Slide 98

Slide 98 text

Wikipedia ೔ຊޠ൛ Hello worldϓϩάϥϜͷҰཡ ( https://ja.wikipedia.org/wiki/Hello_world %E3%83%97%E3%83%AD %E3%82%B0%E3%83%A9%E3%83%A0%E3%81%A E%E4%B8%80%E8%A6%A7#C ) 2016೥4݄9೔ (౔) 13:15 ࠷ऴߋ৽൛ΑΓ

Slide 99

Slide 99 text

·ͣ͸console.log(“ͳΜͪΌΒ”) Ͱग़ྗ

Slide 100

Slide 100 text

ͪͳΈʹ”ͳΜͪΌΒ”͸<จࣈྻ>

Slide 101

Slide 101 text

HTMLϖʔδ಺Ͱར༻͢Δ৔߹͸ λάΛ࢖͏

Slide 102

Slide 102 text

document͸HTMLจॻΛදݱͨ͠DOM

Slide 103

Slide 103 text

document.writeͰͦ͜ʹॻ͖ࠐΉ

Slide 104

Slide 104 text

ͲͷཁૉΛ͍ͭ ͲͷΑ͏ʹઆ໌͢Δ͔ ΛΠϝʔδ͓ͯ͘͠

Slide 105

Slide 105 text

http://bokete.jp/boke/27977778

Slide 106

Slide 106 text

#include int main(void) { printf("Hello, world!"); return 0; }

Slide 107

Slide 107 text

No content

Slide 108

Slide 108 text

ؤுΖ͏ʂ

Slide 109

Slide 109 text

·ͱΊ

Slide 110

Slide 110 text

·ͱΊ • ͠ΐ΅͍࿩Λٞ࿦͗͢͠ͳ͍Α͏ʹ͠Α͏ • ϓϩάϥϛϯάΛ໨తʹ͗͢͠ͳ͍ • Կ͕ຊ࣭తͳ໰୊Ͱٞ࿦͢΂͖ͳͷ͔ • ೖ໳࣌ʮ͓·͡ͳ͍ʯ໰୊ • Կނʮ͓·͡ͳ͍ʯͳͷ͔ • Ͳ͏͢Δͱʮ͓·͡ͳ͍ʯͰͳ͘ͳΔͷ͔ • ͓·͡ͳ͍Λཧղ͢ΔͨΊʹͲ͏͍͏४උ͕ग़དྷΔͷ͔

Slide 111

Slide 111 text

্ճੜ ৽ೖੜ

Slide 112

Slide 112 text

ΈΜͳͰ,.$Λ ࠷ڧʹ͠Α͏