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

7abf6b0f75a5facea016cc58485a4a45?s=47 HIRAKI Satoru
November 01, 2014

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

2014/10/18 FRONTREND IN KANAZAWAでのセッション"情報化社会をこの先生きのこるためには"のスライドです。

http://labo.dmm.com/frontrend/

# 参考URL

- [Life goes on](http://layzie.hatenablog.com/)
- [Presentations by HIRAKI Satoru // Speaker Deck](https://speakerdeck.com/layzie)
- [Amazon.co.jp: 開発効率をUPする Git逆引き入門](http://www.amazon.co.jp/dp/4863541465/)
- [Amazon.co.jp: フロントエンドエンジニア養成読本](http://www.amazon.co.jp/dp/4774165786/)
- [Amazon.co.jp: Web制作者のためのGitHubの教科書 チームの効率を最大化する共同開発ツール](http://www.amazon.co.jp/dp/4844337009/)
- [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/ja/)
- [非同期JavaScriptプログラミング - HTML5アプリケーションの為の$.Deferredのパワー - HTML5 Rocks](http://www.html5rocks.com/ja/tutorials/async/deferred/)
- [enja-oss](https://github.com/enja-oss)
- [html5j英語部](https://github.com/html5j-english)
- [Stack Overflow](http://stackoverflow.com/)
- [Pinboard: bookmarks for Layzie](https://pinboard.in/u:Layzie)
- [JSer.info](http://jser.info/)
- [ワザノバ | wazanova](http://wazanova.jp/)
- [POSTD | 海外の最新テクノロジー系ニュースを日本語で](http://postd.cc/)
- [Hacker News](https://news.ycombinator.com/)
- [JavaScript Weekly: A Free, Weekly Email Newsletter](http://javascriptweekly.com/)
- [HTML5 Weekly: A Free, Weekly Email Newsletter](http://html5weekly.com/)
- [Node Weekly: A Free, Weekly Email Newsletter](http://nodeweekly.com/)
- [feedly](https://feedly.com/)
- [Reeder for iOS](http://reederapp.com/ios/)
- [Reeder for Mac](http://reederapp.com/mac/)
- [Put the internet to work for you. - IFTTT](https://ifttt.com/)
- [A Free Web & Mobile App for Reading Comfortably — Readability](https://www.readability.com/)
- [Pinboard bookmarks tagged javascript](https://pinboard.in/t:javascript/)
- [feedly.opml](http://layzie.d.pr/RkBt)

7abf6b0f75a5facea016cc58485a4a45?s=128

HIRAKI Satoru

November 01, 2014
Tweet

Transcript

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

  2. HIRAKI Satoru a.k.a Layzie

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. Agenda 1. ৘ใऩूͬͯ? 2. ೳಈత৘ใऩूͷ৺ಘ 3. डಈత৘ใऩूͷ৺ಘ 4. ·ͱΊ

  13. ৘ใऩूͬͯ?

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

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

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

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

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

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

  20. ೳಈత৘ใऩू 1IPUPIUUQTqJDLSQU'"

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

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

  23. ӳޠͰݕࡧ͢Δ͜ͱ

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

  25. ೔ຊޠͰݕࡧͨ͠৔߹ ݕࡧʹ͸ʮjavascript ഑ྻ ௥ՃʯͱೖΕ·͢

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

  28. ӳޠͰݕࡧͨ͠৔߹ ݕࡧʹ͸ʮjavascript array addʯͱೖΕ·͢

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

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

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

  34. ઌఔͷྫ୊Ͱ΋ݦஶʹग़ͯΔ

  35. None
  36. ೔ຊޠͰݕࡧ ໿ 503,000 ݅

  37. None
  38. ӳޠͰݕࡧ ໿ 17,100,000 ݅

  39. ӳޠͷ৘ใͷѹ౗త෺ྔ

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

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

  42. தʹ͸ྫ֎΋͋Γ·͢

  43. ೔ຊಠࣗͷ৘ใ

  44. 1IPUPIUUQTqJDLSQ&V);

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

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

  47. ΋͏1ͭ஫ҙͯ͠Δ͜ͱ

  48. هࣄͷ೔෇͸ඞͣ֬ೝ

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

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

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

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

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

  54. গ͠Ͱ΋఺ͷ஌ࣝΛઢʹ͢Δ

  55. ࠷ޙʹ஫ҙͯ͠Δ͜ͱ

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

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

  58. None
  59. डಈత৘ใऩू 1IPUPIUUQTqJDLSQCC4T

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

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

  62. डಈత৘ใऩूͷίπ

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

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

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

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

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

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

  69. ΍ͬͺΓ࠷ޙ͸ ࣗ෼ͷ൑அʹͳΓ·͕͢

  70. ݸਓతʹ͸ආ͚͍ͨαΠτ

  71. େਓͷࣄ৘Ͱඇެ։

  72. ݸਓతʹྑ͍ͳͱࢥ͏αΠτ

  73. None
  74. None
  75. None
  76. Ͱ͸Ͳ͔͜Β৘ใऩू͢Δ͔ 1IPUPIUUQTqJDLSQ$LY1I

  77. None
  78. None
  79. None
  80. None
  81. ৘ใऩूͷϫʔΫϑϩʔ 1IPUPIUUQTqJDLSQ"6TP-

  82. None
  83. ؾʹͳͬͨαΠτͷRSSΛ Feedlyʹ์ΓࠐΉ

  84. None
  85. ҠಈதʹiOS൛ReederͰಡΉ ؾʹͳͬͨهࣄ͸StarΛ෇͚͓ͯ͘

  86. None
  87. ͕࣌ؒऔΕ࣍ୈReeder for MacͰهࣄਫ਼ࠪ Ҡಈதʹ෇͚ͨStarͨ͠هࣄΛத৺ʹνΣοΫ

  88. None
  89. ޙͰಡΈͦ͏ͳهࣄ͸ PinboardʹϒοΫϚʔΫ ݱঢ়໾ʹཱͨͳͦ͏Ͱ΋ɺকདྷ͸࢖͏͔΋?͘Β͍Ͱ

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

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

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

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

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

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

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

  102. ৘ใऩूͷ஫ҙ఺

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

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

  105. ࠓճͷ࿩ͷ·ͱΊ

  106. 10೥৐Γ੾Δ৘ใऩू • ͳΔ΂͘ **ӳޠ** Ͱ৘ใऩू • ΋ͪΖΜ೔ຊޠͷ৘ใ΋దٓʹ • ͲͪΒʹ͠Ζ1࣍৘ใ͕େࣄ •

    ͜Ε·Ͱ͜ͷํ๏Ͱ৐Γ੾ͬͨͷͰɺ͜Ε͔Β ΋πʔϧͳͲ͸มΘͬͯ΋جຊมΘΒͳ͍Μ͡Ό ͳ͍Ͱ͠ΐ͏͔
  107. ࢀߟ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 Overflow! ! •! 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!
  108. 1IPUPIUUQTqJDLSQ1G-U. Thank you! :)