最近読んだ海外記事とその見つけかた / my-recent-impressed-articles-and-how-to-find-them

Mugen Meetup #01 での発表資料（微修正済み）

Transcript

1. ࠷ۙಡΜͩւ֎هࣄͱͦͷݟ͚͔ͭͨ Mugen&Meetup&#01&@&ौ୩&21Café 2015/08/19
2. ͋ͳͨ͸୭ ᖛాҰتɺWeb$ΤϯδχΞ ΫοΫύουגࣜձࣾ
3. ʮ͓͍͍݈͠߁ʯ ͱ͍͏αʔϏεΛ࡞ͬͯΔ
4. ࠷ۙಡΜͩւ֎هࣄ!!
5. React.js)*)A)guide)for)Rails)developers1 • Rails'։ൃऀͷͨΊͷ'react.js'ೖ໳ • Rails'ΞϓϦʹ'react.js'Λ૊ΈࠐΉखॱΛ঺հ • React.js'νϡʔτϦΞϧ͸ͻͱ௨ΓऴΘͬͨਓ޲͚ʁ 1"h$ps:/ /www.airpair.com/reactjs/posts/reactjs4a4guide4for4rails4developers
6. αϯϓϧΞϓϦ • ೖग़ۚͷ"Single"Page"CRUD"ΞϓϦ • ্෦ͷϘοΫεʹ࢒ߴ౳ͷूܭ৘ใදࣔ • ೖग़ۚϨίʔυΛςʔϒϧͰҰཡ • ը໘ϨΠΞ΢τʹ͸"Twi1er"Bootstrap"Λ࢖༻
8. Rails&ͳΒͰ͸ͷػೳͱͷ࿈ܞʹ͍ͭͯݴٴ • TurboLinks+ରԠ • rails_ujs"ϥΠϒϥϦͷಋೖʹΑͬͯղܾ • POST+ʹ͚ͭΔ+CSRF+τʔΫϯ • jQuery"Λ࢖͏ͱରԠͰ͖Δ • CoffeeScript+Ͱ։ൃ͢Δʹ͸ • gem"ಋೖͰ"CoffeeScript"ʹ"JSX"Λॻ͚Δ
9. ͍͍ͳͱࢥͬͨϙΠϯτ • 1ͭͷΞϓϦΛ࡞Γ͖Δͱ͜·Ͱ͢΂ͯॻ͍ͯ͋Δ • ಋೖखॱ͚ͩॻ͍ͯऴΘ͍ͬͯΔهࣄ͸ଟ͍ • αϯϓϧΞϓϦ͕ద౓ͳෳࡶ͞ • To$do$ϦετΑΓෳࡶ͔ͭ೉͗͢͠ͳ͍ • Rails'ͱ߹ΘͤΔͱ͖ͭ·͖ͮͦ͏ͳϙΠϯτ͕ॻ͍ͯ͋Δ • TurboLinks
10. Dropdowns)Should)be)the)UI)of)Last)Resort2 • UI#ઃܭ࣌υϩοϓμ΢ϯϦετ͸࠷ޙͷखஈʹ͠Α͏ • ϑϥΠτ༧໿ϑΥʔϜΛྫʹఏࣔ • υϩοϓμ΢ϯϦετͷ୅ସҊΛఏ͍ࣔͯ͠Δ 2"h$p:/ /www.lukew.com/ff/entry.asp?1950
11. TL;DR: υϩοϓμ΢ϯϦετͬͯΊͬͪΌ ΫϦοΫଟ͍͔Β΍Ίͱ͜͏
13. ਓ਺ࢦఆͷΑ͏ͳ΋ͷ!" εςού
15. ਺ݸ͔͠બ୒ࢶ͕ͳ͍΋ͷ!" ηάϝϯτίϯτϩʔϧ
17. ͦͷଞߟྀ͢΂͖ίϯτϩʔϧ • εΠον • Boolean(ͷ৘ใ • εϥΠμ • Ұ࣍ݩͷ৘ใͰɺൣғࢦఆ͕ඞཁͳ΋ͷ
19. ͍͍ͳͱࢥͬͨϙΠϯτ • ྫ͕࣮༻త • ೔࣌Λυϩοϓμ΢ϯϦετͰબ͹ͤΔ"UI"͸ະͩʹଟ͍ • ୅ସҊ͕৔߹෼͚Ͱ3ͭ΄Ͳఏࣔ͞Ε͍ͯΔ • ͦͯ͠ϞόΠϧϑϨϯυϦʔ • ୅ସҊʹҰ޻෉͕͋Δ • ୯ʹϥδΦϘλϯͰ͸ͳ͘ɺࠓ෩ʹΞϨϯδͯ͋͠Δ
20. ৘ใݯ!"!Ͳ͏΍ͬͯւ֎هࣄΛಡΉ͔ʁ
21. ಡΈ΍͍͢هࣄ!"!ಛఆͷ໰୊Λղܾ͢Δهࣄ ʮRails&ͰϞσϧΛෳ਺ͷΞϓϦͰڞ༗͢Δʹ͸ʯ ʮJS&ͰͷϒϩοΫείʔϓͷ࡞Γํʯ
22. ಡΈ΍͍͢هࣄ!"!ಛఆͷ໰୊Λղܾ͢Δهࣄ • Α͘ಡ·ΕΔ৘ใݯ • Stackoverflow • ୹͍-Tips-ϒϩάهࣄ • ϥΠϒϥϦͷϦϦʔεϊʔτ ΩʔϫʔυͰݕࡧͰࣗવͱग़ͯ͘Δ
23. ಡΈʹ͍͘هࣄ!"!ந৅ϨΠϠͷߴ͍هࣄ ʮGit$ͷσʔλߏ଄͸Ͳ͏ͳ͍ͬͯΔͷ͔ʯ ʮScala$Ͱ$web$αʔϏεΛߏஙͯ͠Θ͔ͬͨ͜ͱʯ ʮΨοπʹཔΒͳ͍νʔϜϏϧσΟϯάͷํ๏ʯ ߟ࡯ɺֶͼܥɺΤϞܥهࣄ͕ଟ͍ ։ൃதͷݕࡧϫʔυʹ͸Ҿ͔͔ͬͬͯ͜ͳ͍ ͜͏͍͏هࣄΛั·͑Δʹ͸ʁ
24. ೔ຊޠͷ຋༁هࣄ͔Β۷͍ͬͯ͘ • POSTD3 • ͸ͯϒͱ͔ϑΥϩʔͯͨ͠ΒΑ͘ϗοςϯτϦೖΓͯ͠Δ͔ Β͔ͦ͜ΒͨͲΔ • ϫβϊό4 • ߋ৽͕ऴྃͯ͠͠·ͬͯ൵͍͠! 4"h$p:/ /wazanova.jp/ 3"h$p:/ /postd.cc/
25. ·ͱΊαΠτΛϑΥϩʔ͢Δ • Hacker'news5 • Changelog6 • Medium7'ͷςοΫܥλά • φ΢͓ͯ͘͢͢Ί 7"h$ps:/ /medium.com/ 6"h$ps:/ /changelog.com/ 5"h$ps:/ /news.ycombinator.com/
26. ৴པͰ͖Δاۀͷٕज़ϒϩάΛ೷͘ • EngineYard*Blog8 • Heroku*Engineering*Blog9 ࢓ࣄͰॻ͔Ε͍ͯΔͷͰϨϕϧ͕ߴ͍ એ఻ʢͬΆ͍ʣهࣄ΋͋Δ 9"h$p:/ /engineering.heroku.com/ 8"h$ps:/ /blog.engineyard.com/
27. Α͍ٕज़هࣄϥΠϑΛ!