情報化社会をこの先生きのこるためには / Layzie@Frontrend in Kanazawa

Slide 1

Slide 1 text

∏ ৘ใԽࣾձΛ ͜ͷઌੜ͖ͷ͜ΔͨΊʹ͸ 'SPOUSFOEJO,BOB[BXB )*3",*4BUPSV 1IPUPIUUQTqJDLSQO,L38

Slide 2

Slide 2 text

HIRAKI Satoru a.k.a Layzie

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Agenda 1. ৘ใऩूͬͯ? 2. ೳಈత৘ใऩूͷ৺ಘ 3. डಈత৘ใऩूͷ৺ಘ 4. ·ͱΊ

Slide 13

Slide 13 text

৘ใऩूͬͯ?

Slide 14

Slide 14 text

Web Development υοάΠϠʔͱݺ͹ΕΔ͘Β͍ʹ͸ҠΓมΘΓ͕ܹ͍͠

Slide 15

Slide 15 text

͜Ε͔Β10೥ઌ΋࢒ΔͰ͋Ζ ͏ٕज़ ✦ TCP / IPɾHTTPͳͲͷωοτϫʔΫؔ࿈ ✦ ίϯϐϡʔλΞϧΰϦζϜ ✦ SQL ✦ Linux / Unix ✦ UI / UX

Slide 16

Slide 16 text

υοάΠϠʔΛ৐Γ੾ΔͨΊ ͷ৘ใऩू ͦ΋ͦ΋͜ͷ৘ใաଟͷ࣌୅ʹͲΕ͚ͩྑ͍ ৘ใΛઁऔ͢Δ͔͕ॏཁɻ͜Ε͕Ͱ͖Ε͹৐ Γ੾ΕΔ!

Slide 17

Slide 17 text

৘ใऩू͕ͳͥॏཁ͔? 1IPUPIUUQTqJDLSQCD6B%

Slide 18

Slide 18 text

࿩ඈΜͰࣗ෼ͷ͜Ε·Ͱ ✦೥ྸͷΘΓʹۀքྺ͘͢͝୹͔͍ ✦Կ΍Δͷ͔෼͔Βͳ͍··WebσΟϨΫ λʔΛ΍Β͞Εͨ ✦ࠓ͔Β࿩͢͜ͱΛ৺͕͚ͯੜ͖͍ͯ·͢

Slide 19

Slide 19 text

2छྨͷ৘ใऩू ✦ೳಈత৘ใऩू ✦डಈత৘ใऩू

Slide 20

Slide 20 text

ೳಈత৘ใऩू 1IPUPIUUQTqJDLSQU'"

Slide 21

Slide 21 text

ೳಈత৘ใऩूͱ͸ Կ͔ͷ໨త(όάͷ৘ใ΍ɺAPIͷ࢖͍ํͳͲ) Λ࣋ͬͯɺࣗ෼͔Βੵۃతʹ৘ใΛऩू͢Δ ͜ͱ

Slide 22

Slide 22 text

1͚ͭͩ΍ͬͯΔॏཁͳ͜ͱ

Slide 23

Slide 23 text

ӳޠͰݕࡧ͢Δ͜ͱ

Slide 24

Slide 24 text

ӳޠͱ೔ຊޠͰ͸ݕࡧͰಘΒ ΕΔ৘ใ͕͔ͳΓҧ͏ ྫ͑͹ɺʮJavaScriptͰ഑ྻΛ௥Ճ͢Δͷͬ ͯͲ͏͢ΔΜ͚ͩͬ?ʯͱ͍͏৔߹Λߟ͑ͯΈ ·͢

Slide 25

Slide 25 text

೔ຊޠͰݕࡧͨ͠৔߹ ݕࡧʹ͸ʮjavascript ഑ྻ ௥ՃʯͱೖΕ·͢

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

ʊਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹ஌Βͳ͍63-͔͠ͳ͍ɹʻ ʉ:?:?:?:?:?:?:?:?:?:ʉ

Slide 28

Slide 28 text

ӳޠͰݕࡧͨ͠৔߹ ݕࡧʹ͸ʮjavascript array addʯͱೖΕ·͢

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

ʊਓਓਓਓਓਓਓਓਓʊ ʼɹ.%/͕͋ͬͨΑɹʻ ʉ:?:?:?:?:?:?:?:ʉ

Slide 32

Slide 32 text

ͦ΋ͦ΋ಘΒΕΔ৘ใͷ࣭͕ શવҧͬͯ͘Δ MozillaͷMDN͸৴པ͕ஔ͚ΔͰ͋Ζ͏৘ใ ݯͰ͕͢ɺ೔ຊޠͩͱશવ্Ґʹώοτͯ͠ ͖·ͤΜɻ(࣮ࡍʹ͸8൪໨ʹग़͖ͯ·͢)

Slide 33

Slide 33 text

ӳޠͱ೔ຊޠͰ͸࿩ऀ਺͕ઈ ରతʹҧ͏ ΋ͬͱϚΠφʔͳϑϨʔϜϫʔΫ΍όάͳͲ ʹͳΔͱ೔ຊޠͩͱɺ༗༻ͳ৘ใʹΞΫηε ͢Δͷ΋Ұۤ࿑͢Δ

Slide 34

Slide 34 text

ઌఔͷྫ୊Ͱ΋ݦஶʹग़ͯΔ

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

೔ຊޠͰݕࡧ ໿ 503,000 ݅

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

ӳޠͰݕࡧ ໿ 17,100,000 ݅

Slide 39

Slide 39 text

ӳޠͷ৘ใͷѹ౗త෺ྔ

Slide 40

Slide 40 text

ϜϦϠϦӳޠͰݕࡧͯ͠ಡΜ ͩ΄͏͕ྑ͍ JavaScriptͳͲҰఆͷ෼໺Ͱ͸೔ຊޠͷ৘ใ ͕AjaxҎલͷݹ͍৘ใͳͲ͕දࣔ͞ΕΔ͜ͱ ͕ଟ͍

Slide 41

Slide 41 text

ݕࡧ݁Ռ͕ଟ͍ͱൺֱݕ౼͕ ͠΍͍͢ ΋ͪΖΜɺ਺͕ଟ͍ͱ࣭͕ѱ͍৘ใ΋தʹ͸ ͋ΔͷͰ͕͢ɺٯʹͦ͜͸ࣗ෼Ͱൺֱݕ౼͠ ΍͍͚ͩ͢ͷ਺͕͋Γ·͢

Slide 42

Slide 42 text

தʹ͸ྫ֎΋͋Γ·͢

Slide 43

Slide 43 text

೔ຊಠࣗͷ৘ใ

Slide 44

Slide 44 text

1IPUPIUUQTqJDLSQ&V);

Slide 45

Slide 45 text

౰ͨΓ·͑Ͱ͕͢ɺ೔ຊͷΈ ͷ৘ใͳͲ͸ྫ֎ ✦ ೔ຊޠͷऔΓѻ͍ ✦ ΨϥύΰεAndroid୺຤ ✦ ೔ຊͷ೔෇ɾٳ೔ͷऔΓѻ͍

Slide 46

Slide 46 text

όάͳͲͷղܾ๏ͳͲʹ΋ӳ ޠͰݕࡧ͸༗ޮ ӳޠͩͱେମ͜͏͍͏৔߹͸࠷ڧͷQ&AαΠ τͰ͋ΔStack Overﬂow͕݁Ռʹग़͖ͯͨ ΓɺϥΠϒϥϦͳͲͰ͋Ε͹ɺGitHubͷ Issue͕ग़͖ͯ΍͍͢

Slide 47

Slide 47 text

΋͏1ͭ஫ҙͯ͠Δ͜ͱ

Slide 48

Slide 48 text

هࣄͷ೔෇͸ඞͣ֬ೝ

Slide 49

Slide 49 text

ݕࡧ݁Ռͷهࣄͷ౤ߘɾߋ৽ ೔࣌͸ඞͣνΣοΫ ͜ΕΛ͠ͳ͍ͱɺಛʹϥΠϒϥϦͳͲͰ͸Ҏ લͷόʔδϣϯͷղܾ๏ͳͲΛಡΜͰ্ख͘ ղܾͰ͖ͳ͍ͱ͍͏͜ͱ΋ଟʑ͋Δ

Slide 50

Slide 50 text

͋ͱ΋͏1ͭ஫ҙͯ͠Δ͜ͱ

Slide 51

Slide 51 text

Ͳ͏ͤͳΒؔ࿈͢Δ΋ͷ΋ݕࡧ

Slide 52

Slide 52 text

͔ͤͬ͘ͷνϟϯεͳΜͰؔ ࿈͢Δࣄฑ΋͓֮͑ͯ͘ ݸਓతʹ͸ʮݕࡧνΣʔϯϝιουʯͱݺΜ Ͱ·͕͢ɺ͔ͤͬ͘ௐ΂ͨΩʔϫʔυ͸ղܾ ͯ͠ऴΘΓʹͤͣɺؔ࿈͢ΔΩʔϫʔυ΋֮ ͓͑ͯ͘ͱྑ͍Ͱ͢

Slide 53

Slide 53 text

ؔ࿈͢ΔΩʔϫʔυ? ✦ ݕࡧ݁Ռͷ3~5ϖʔδ͘Β͍·Ͱ͸ோΊͯ໘ന ͦ͏ͳهࣄΛಡΉ ✦ ಡΜͩهࣄͷதͰؾʹͳΔΩʔϫʔυΛ࠶ݕ ࡧ ✦ Googleͷʮؔ࿈͢ΔΩʔϫʔυʯΛௐ΂Δ

Slide 54

Slide 54 text

গ͠Ͱ΋఺ͷ஌ࣝΛઢʹ͢Δ

Slide 55

Slide 55 text

࠷ޙʹ஫ҙͯ͠Δ͜ͱ

Slide 56

Slide 56 text

ݕࡧͨ͠هࣄ͸ ιʔγϟϧϒοΫϚʔΫ΁

Slide 57

Slide 57 text

ݕࡧ݁Ռ͸ඞͣࣗ෼ͷϒοΫ ϚʔΫʹλά෇͚ͯ͠ه࿥ ͸ͯϒ΍PinboardͳͲʹه࿥͓ͯ͘͜͠ͱʹ ΑͬͯɺޙͰಉ͡Α͏ͳݕࡧ͢Δͱ͖ʹάά ΔΑΓਫ਼౓͕֨ஈʹߴ·Δ

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

डಈత৘ใऩू 1IPUPIUUQTqJDLSQCC4T

Slide 60

Slide 60 text

डಈత৘ใऩूͱ͸ Կ͔໨త͕͋ͬͯͰ͸ͳ͘ɺΩʔϫʔυͳͲ ΍αΠτͷRSSͰྲྀΕͯ͘Δ৘ใΛఆ఺؍ଌ ͢Δ͜ͱ

Slide 61

Slide 61 text

ͳΜͰ͜Μͳ͜ͱ͕ඞཁ? কདྷͷࣗ෼΁ͷ౤ࢿͱɺࠓͷτϨϯυΛΩϟον

Slide 62

Slide 62 text

डಈత৘ใऩूͷίπ

Slide 63

Slide 63 text

ࠓ͸໾ʹཱͨͳ͍͔΋ ͠Εͳ͍৘ใ΋ੵۃతʹઁऔ

Slide 64

Slide 64 text

ͦͯ͠΍ͬͺΓӳޠ 1IPUPIUUQTqJDLSQDP+P

Slide 65

Slide 65 text

͜ͷۀքͷੑ্࣭ɺͲ͏ͯ͠ ΋ӳޠ͕1࣍৘ใʹͳͬͯ͘Δ ಛఆͷδϟϯϧͷୈҰਓऀͳͲ͸ӳޠΛ࢖ͬ ͯΔ͜ͱ͕ଟ͍ͨΊʹɺडಈత৘ใऩूͷͱ ͖ʹ΋ɺ΍ͬͺΓӳޠ͕ඞཁʹͳͬͯ͘Δ

Slide 66

Slide 66 text

΋ͪΖΜ೔ຊޠͰ΋ϑΥϩʔ ͢΂͖৘ใݯ͸͍ͬͺ͍ Կ͔ͩΜͩͱ೔ຊޠͰ৴པͰ͖Δ৘ใΛൃ৴ ͯ͘͠Ε͍ͯΔͷ͸҆৺Ͱ͖·͢

Slide 67

Slide 67 text

৴པͰ͖Δ৘ใݯͬͯ Ͳ͏͍͏΋ͷͩΖ͏?

Slide 68

Slide 68 text

৘ใͷ৴པ౓͸৭ʑͳଆ໘͕ ͋Γ·͢ ✦ݕূͯ͋͠ΔΦϦδφϧͷهࣄΛॻ͍ͯΔ ✦χϡʔεΛ఻͑ͯΔ৔߹ʹ͸ɺࣗ෼ͷײ૝ͱࣄ࣮Λ ͖ͪΜͱ۠ผ͍ͯ͠Δ ✦ஶ໊ͳ૊৫ɾஶ໊ਓ ✦౪࡞ͳͲΛͯ͠ͳ͍ ✦ޡใͳͲͯ͠΋ͪΌΜͱमਖ਼͍ͯ͠Δ

Slide 69

Slide 69 text

΍ͬͺΓ࠷ޙ͸ ࣗ෼ͷ൑அʹͳΓ·͕͢

Slide 70

Slide 70 text

ݸਓతʹ͸ආ͚͍ͨαΠτ

Slide 71

Slide 71 text

େਓͷࣄ৘Ͱඇެ։

Slide 72

Slide 72 text

ݸਓతʹྑ͍ͳͱࢥ͏αΠτ

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

Ͱ͸Ͳ͔͜Β৘ใऩू͢Δ͔ 1IPUPIUUQTqJDLSQ$LY1I

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

No content

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

No content

Slide 81

Slide 81 text

৘ใऩूͷϫʔΫϑϩʔ 1IPUPIUUQTqJDLSQ"6TP-

Slide 82

Slide 82 text

No content

Slide 83

Slide 83 text

ؾʹͳͬͨαΠτͷRSSΛ Feedlyʹ์ΓࠐΉ

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

ҠಈதʹiOS൛ReederͰಡΉ ؾʹͳͬͨهࣄ͸StarΛ෇͚͓ͯ͘

Slide 86

Slide 86 text

No content

Slide 87

Slide 87 text

͕࣌ؒऔΕ࣍ୈReeder for MacͰهࣄਫ਼ࠪ Ҡಈதʹ෇͚ͨStarͨ͠هࣄΛத৺ʹνΣοΫ

Slide 88

Slide 88 text

No content

Slide 89

Slide 89 text

ޙͰಡΈͦ͏ͳهࣄ͸ PinboardʹϒοΫϚʔΫ ݱঢ়໾ʹཱͨͳͦ͏Ͱ΋ɺকདྷ͸࢖͏͔΋?͘Β͍Ͱ

Slide 90

Slide 90 text

No content

Slide 91

Slide 91 text

IFTTTͰPinboardͷλά෇͚ ͨ͠΋ͷΛ֎෦αʔϏε࿈ܞ Pinboardͷλά͚ͩͷૢ࡞ͰReadabilityͳͲͱ࿈ܞͰ͖Δ

Slide 92

Slide 92 text

No content

Slide 93

Slide 93 text

͔ͬ͠ΓಡΉ΂͖هࣄ͸ Readabilty΁ Pinboard͔Βλά෇͚͚ͩͰಡΊΔ

Slide 94

Slide 94 text

࿈ܞ͢Ε͹Readability΋ ReederͰಡΊΔ

Slide 95

Slide 95 text

ೳಈతʹௐ΂Δͱ͖͸ Pinboard͔Β ͢Ͱʹಉ͡Α͏ͳ໰୊͕͋ͬͨΒ࣌ؒ୹ॖ

Slide 96

Slide 96 text

No content

Slide 97

Slide 97 text

άάΔ࣌ʹ͸Evernote΋׆༻ Pinboard͔ΒࣗಈͰ࿈ܞ͢ΔͱɺChrome֦ு࢖͑͹ ͜ͷΑ͏ʹҎલࣅͨݕࡧΛ͍ͯͨ͠Βදࣔ͞ΕΔ

Slide 98

Slide 98 text

No content

Slide 99

Slide 99 text

No content

Slide 100

Slide 100 text

ιʔγϟϧϒοΫϚʔΫͷ λάΛ؍ଌ ΞʔϦʔΞμϓλʔͷಈ޲͕෼͔Γ΍͍͢

Slide 101

Slide 101 text

ιʔγϟϧϒοΫϚʔΫͷ ྑ͍ޮՌ ࣗ෼ͷ؍ଌൣғ֎ͷ৘ใʹΞΫηε͠΍͍͢

Slide 102

Slide 102 text

৘ใऩूͷ஫ҙ఺

Slide 103

Slide 103 text

ඞͣݪయΛࣗ෼ͰಡΉ ೳಈతͰ΋डಈతͰ΋ಉ༷͕ͩɺ ͜ΕΛ͠ͳ͍ͱ࠷ѱӕΛ௫·͞ΕΔ

Slide 104

Slide 104 text

ࣗ෼ͷϑΟʔυ͸͜ΕͰ͢ http://layzie.d.pr/RkBt

Slide 105

Slide 105 text

ࠓճͷ࿩ͷ·ͱΊ

Slide 106

Slide 106 text

10೥৐Γ੾Δ৘ใऩू • ͳΔ΂͘ **ӳޠ** Ͱ৘ใऩू • ΋ͪΖΜ೔ຊޠͷ৘ใ΋దٓʹ • ͲͪΒʹ͠Ζ1࣍৘ใ͕େࣄ • ͜Ε·Ͱ͜ͷํ๏Ͱ৐Γ੾ͬͨͷͰɺ͜Ε͔Β ΋πʔϧͳͲ͸มΘͬͯ΋جຊมΘΒͳ͍Μ͡Ό ͳ͍Ͱ͠ΐ͏͔

Slide 107

Slide 107 text

ࢀߟURL! ! •! Life goes on! ! •! Presentations by HIRAKI Satoru // Speaker Deck! ! •! Amazon.co.jpɿ ։ൃޮ཰ΛUP͢Δ GitٯҾ͖ೖ໳! ! •! Amazon.co.jpɿ ϑϩϯτΤϯυΤϯδχΞཆ੒ಡຊ! ! •! Amazon.co.jpɿ Web੍࡞ऀͷͨΊͷGitHubͷڭՊॻ νʔϜͷޮ཰Λ࠷େԽ͢Δڞಉ։ൃπʔϧ! ! •! JavaScript Garden! ! •! ඇಉظJavaScriptϓϩάϥϛϯά - HTML5ΞϓϦέʔγϣϯͷҝͷ$.Deferredͷύϫʔ - HTML5 Rocks! ! •! enja-oss! ! •! html5jӳޠ෦! ! •! Stack Overﬂow! ! •! Pinboard: bookmarks for Layzie! ! •! JSer.info! ! •! ϫβϊό | wazanova! ! •! POSTD | ւ֎ͷ࠷৽ςΫϊϩδʔܥχϡʔεΛ೔ຊޠͰ! ! •! Hacker News! ! •! JavaScript Weekly: A Free, Weekly Email Newsletter! ! •! HTML5 Weekly: A Free, Weekly Email Newsletter! ! •! Node Weekly: A Free, Weekly Email Newsletter! ! •! feedly! ! •! Reeder for iOS! ! •! Reeder for Mac! ! •! Put the internet to work for you. - IFTTT! ! •! A Free Web & Mobile App for Reading Comfortably — Readability! ! •! Pinboard bookmarks tagged javascript! ! •! feedly.opml!

Slide 108

Slide 108 text

1IPUPIUUQTqJDLSQ1G-U. Thank you! :)