Vue.js + Vuexチーム開発実践の事例

Frontend Conference Fukuoka 2018
https://frontend-conf.fukuoka.jp/sessions#b-7 #fec_fukuoka

1. Vue.js + Vuex νʔϜ։ൃ࣮ફ ͷࣄྫ 2018/12/08 Repro גࣜձࣾ Hiroaki Ninomiya Frontend Conference Fukuoka 2018
2. ΞΠεϒϨʔΫ
3. ΞΠεϒϨʔΫ • օ༷(ͱνʔϜ)ʹ͍ͭͯڭ͍͑ͯͩ͘͞ • ϑϩϯτΤϯυΤϯδχΞͰ͋Δ • αʔϏεΛ։࢝ͨ͠ͷ͕3೥Ҏ্લ • ϑϩϯτΤϯυͱαʔόαΠυͷ։ൃ͕໌֬ʹ෼͔Ε͍ͯ Δ
4. ΞΠεϒϨʔΫ • օ༷(ͱνʔϜ)ʹ͍ͭͯڭ͍͑ͯͩ͘͞ • ϑϩϯτΤϯυΤϯδχΞͰ͋Δ • αʔϏεΛ։࢝ͨ͠ͷ͕3೥Ҏ্લ • ϑϩϯτΤϯυͱαʔόαΠυͷ։ൃ͕໌֬ʹ෼͔Ε͍ͯ Δ #
5. ࣗݾ঺հ • Hiroaki Ninomia a.k.a treby • Reproגࣜձࣾ αʔόαΠυΤϯδχΞ • Shinjuku.rb Organizer • RubyͷΤϯδχΞίϛϡχςΟ • ෱Ԭग़਎(༗໌ߴઐˠ۝भେֶେֶӃ)
6. ΞδΣϯμ • νʔϜͱ࢖༻ٕज़ͷ঺հ • νʔϜͱٕज़ͷมભ • ૸Γͳ͕Βٕज़త݈߁ੑΛอͭͨΊʹ
7. ΞδΣϯμ • ͓࿩͢Δ͜ͱ • ࣌୅ͷมԽʹͲ͏νʔϜ͕ରԠ͖͔ͯͨ͠ • ٕज़ͷ֓ཁ • νʔϜ։ൃ࣮ફ • ͓࿩͠ͳ͍͜ͱ • ٕज़ͷ࢔ࡉͷ෦෼
9. Reproגࣜձࣾ • 2014೥ઃཱͷελʔτΞοϓاۀ • https://repro.io/ • BtoB SaaS • ࣗࣾϓϩμΫτRepro SDKΛ։ൃ • ϞόΠϧΞϓϦͷ෼ੳɾϚʔέςΟϯά༻్ • ಛఆηάϝϯτʹ؆୯ʹϓογϡ௨஌͕ଧͯΔ • ݱࡏɺઈࢍٸ੒௕த
10. νʔϜͷεέʔϧ
11. νʔϜͷεέʔϧ
12. ࠷ۙͷϓϨεϦϦʔε https://prtimes.jp/main/html/rd/p/000000072.000013569.html
13. γεςϜͷن໛ײ
14. ਺ઍສDAU ਺ԯ௨/dayͷPush௨஌
15. ΞʔΩςΫνϟ
16. ΞʔΩςΫνϟ
17. ར༻ٕज़ • Πϯϑϥɿ AWS • ݴޠ • Ruby(Rails) • Python(AI෼໺) • Golang(ϓογϡ௨஌ج൫) • (ڧ͍ͯݴ͏ͳΒ͹)Rubyͷձࣾ • ʰύʔϑΣΫτRubyʱͷڞஶऀ͕CTO
18. ։ൃνʔϜ • શ෦Ͱ6νʔϜ΄Ͳ • SDK։ൃ(iOS / Android) • όοΫΤϯυ • ΞϓϦέʔγϣϯ։ൃ • ΠϯϑϥνʔϜ • AIνʔϜ • CRE(ςΫχΧϧαϙʔτ) • QA
19. ։ൃνʔϜ • શ෦Ͱ6νʔϜ΄Ͳ • SDK։ൃ(iOS / Android) • όοΫΤϯυ • ΞϓϦέʔγϣϯ։ൃ ɿϑϩϯτΤϯυ΋؅׋ • ΠϯϑϥνʔϜ • AIνʔϜ • CRE(ςΫχΧϧαϙʔτ) • QA
20. ΞϓϦέʔγϣϯ։ൃνʔϜ • ݱঢ়8ਓఔͰ։ൃશମͰҰ൪ׂ߹͸ଟ͍ • ϓϩμΫτͷ৽ػೳ։ൃ͕໾ׂ • ඞཁͳόοΫΤϯυɺΞϓϦέʔγϣϯɺϑϩϯτΤϯυ ·Ͱแׅͯ͠৮Δ
21. ར༻ٕज़(ΞϓϦέʔγϣϯ) • ϑϩϯτΤϯυ • Vue.js / Vuex • ES6ه๏Ͱ౷Ұ • (jQuery) • όοΫΤϯυ • Ruby on Rails
22. Vuejs • Progressive Framework • Declarative Rendering • Two-way Binding • An incrementally adoptable Ecosystem • ࠷খݶʹ࢝ΊΒΕΔ͜ͱ͔ΒಋೖΛܾఆ
23. Vuex • Vue.jsίϛϡχςΟ͕ެࣜʹαϙʔτ͢ΔVue.js֦ுͷҰͭ • FluxΞʔΩςΫνϟΛ࣮ݱ͢Δ࣮૷ͷҰͭ • ReproͰ͸ɺίϯϙʔωϯτؒΛෳࡶʹߦ͖དྷ͢Δσʔλͷ ड͚౉͠ʹར༻
24. Ruby on Rails (Rails) • ελʔτΞοϓͰਓؾͷϑϨʔϜϫʔΫͷҰͭ • ઃఆΑΓن໿(Convention over Configuration) • ʮRails͕ॻ͚Δʯ͜ͱ͕୲อͰ͖Ε͹େମͲ͜Ͱ΋׆༂Ͱ͖Δ • ࢓૊ΈΛ஌Βͳ͍ঢ়ଶͰಡΉͱԿ͕ى͍ͬͯ͜Δ͔෼͔Βͳ͍ ͱ͍͏ܽ఺΋ • όονॲཧ΍SDKͱͷ΍ΓऔΓ༻APIͳͲଟ͘ͷ෦෼Ͱ࢖ΘΕͯ ͍Δ
25. ͜͜·Ͱͷ͓͞Β͍ • ϓϩμΫτͱ։ൃνʔϜ • ΞϓϦέʔγϣϯ։ൃ • ϑϩϯτΤϯυٕज़ • αʔόαΠυٕज़
26. ͜͜·Ͱͷ͓͞Β͍ • ϓϩμΫτͱ։ൃνʔϜ • ΞϓϦέʔγϣϯ։ൃ • ϑϩϯτΤϯυٕज़ • αʔόαΠυٕज़ • => ͋͘·ͰΠϚͷ࿩
27. ສ෺ྲྀస
28. ෺ࣄ͸มԽ͍ͯ͘͠ • ϑϩϯτΤϯυτϨϯυͷมԽ • αʔόαΠυτϨϯυͷมԽ • νʔϜͷมԽ
29. ༷ʑͳมԽ
30. ϑϩϯτΤϯυτϨϯυͷมԽ
31. ϑϩϯτΤϯυτϨϯυͷมԽ
32. Vue.jsόʔδϣϯͷมભ • v0.10.4(2014/4) • v1.0.0(2015/10) • v2.0.0(2016/10)
33. ϑϩϯτΤϯυͷมԽ • ϑϨʔϜϫʔΫઓࠃ࣌୅͔Βͷ҆ఆظ • ReproͰ͸2014೥͔ΒVue.jsΛ࠾༻ • τϨϯυͷํ͕௥͍͍͖ͭͯͨ • 0ܥ͔Β1ܥɺ1ܥ͔Β2ܥ͸͘͢͝υϥεςΟοΫʹม Θͬͨɺɺɺ • ੈؒҰൠͷVue.jsͷॻ͖ํͱ͸ҧ͏ͱ͜Ζ΋͋Δ
34. αʔόαΠυτϨϯυͷมԽ(Railsͷ όʔδϣϯ) • v4.0.0(2013/06): RubyͷΤίγεςϜʹJavaScript • v4.2.0(2014/12) • v5.0.0(2016/07): Action Cable / Rails API • v5.1.0(2017/04): Webpack / jQuery͕default͔Βফ͑Δ • v5.2.0(2018/04) • v6.0.0(༧ఆ): CoffeeScript͕ES6ʹஔ͖׵ΘΔ • https://github.com/rails/rails/pull/33079
35. Rails4ܥ(3,4೥લ) • Α͘ग़Δొ৔ਓ෺ • Sprockets(Asset Pipeline) • jQuery • CoffeeScript • ʰRailsͷΤίγεςϜ্ͷJavaScriptʱ • rails-assets
36. Rails Assets • Rails Assets is the frictionless proxy between Bundler and Bower. • ϑϩϯτΤϯυͷϥΠϒϥϦ͸ xxx-rails ͷΑ͏ͳ໊લͰఏ ڙ͞Ε͍ͯΔ΋ͷ͕͕͋ͬͨ • JavaScriptଆ(ຊՈ)΁ͷ௥ै͕஗͍ͱ͍͏χʔζʹͨ͑ͨ͜ αʔϏε • rails-assets-xxx ͷ໊લͰGemԽ͞ΕΔ
37. Rails4ܥͰͷGemfileྫ source 'https://rubygems.org' # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' gem 'rails', '4.0.2' : : gem 'rails-assets-vue' # Use CoffeeScript for .js.coffee assets and views gem 'coffee-rails', '~> 4.0.0' # Use jquery as the JavaScript library gem 'jquery-rails'
38. Rails4ܥͰͷϑϩϯτΤϯυ $ -> $btn = $("[data-toggle='backToTop']") $btn.hide() $(window).scroll -> if window.scrollY > 100 $btn.fadeIn() else $btn.fadeOut() $btn.on 'click', (e) -> $('html,body').animate({ scrollTop: 0 }, 500)
39. Rails5ܥ(௚ۙ1,2೥) • Α͘ग़Δొ৔ਓ෺ • Webpack / Browserify • React / Vue.js • FluxܥϥΠϒϥϦ • ESNextɺ΋͘͠͸AltJS • ʰRailsͱJavaScriptͷΤίγεςϜ͸ಠཱʱ
40. Rails 5.0ͷϦϦʔεϊʔτ https://edgeguides.rubyonrails.org/50release_notes.html
41. Rails 5.0ͷϦϦʔεϊʔτ • Action Cable • Rails API • Active Record Attributes API • Test Runner • Exclusive use of rails CLI over Rake • Sprockets 3 • Turbolinks 5 • Ruby 2.2.2+ required
42. Rails 5.1ͷϦϦʔεϊʔτ https://edgeguides.rubyonrails.org/51release_notes.html
43. Rails 5.1ͷϦϦʔεϊʔτ • Yarn Support • Optional Webpack support • jQuery no longer a default dependency • System tests • Encrypted secrets • Parameterized mailers • Direct & resolved routes • Unification of formfor and formtag into form_with
44. (͞ΒʹRails6Ͱ͸) https://github.com/rails/rails/pull/33079
45. ݱࡏਐߦܥ !
46. Rails5ܥͰͷGemfile gem "rails", "5.2.0" : : gem "sass", "3.4.16" # JS translation generator gem "i18n-js", require: false group :assets do : : gem "sassc-rails" gem "browserify-rails" : end
47. Rails5ܥͰͷϑϩϯτΤϯυ import cookie from 'utils/cookie'; import Deactivater from 'mixins/deactivater'; export default { mixins: [Deactivater], data() { return { expanded: true, appListShown: false, }; }, methods: { toggleAppList() { this.appListShown = !this.appListShown; }, closeAppList() { this.appListShown = false; }, : } : };
48. αʔόαΠυτϨϯυͷมԽ • Rails4ܥ • ʰRails্ͷJSʱ • Rails5ܥ • ʰRails͔Βಠཱͨ͠JSʱ • ϑϩϯτͷ੒ख़ͱͱ΋ʹRailsଆ΋มԽ
49. ։ൃνʔϜ(࠶ܝ) • શ෦Ͱ6νʔϜ΄Ͳ • SDK։ൃ(iOS / Android) • όοΫΤϯυ • ΞϓϦέʔγϣϯ։ൃ ɿϑϩϯτΤϯυ΋؅׋ • ΠϯϑϥνʔϜ • AIνʔϜ • CRE(ςΫχΧϧαϙʔτ) • QA
50. ΞϓϦέʔγϣϯ։ൃνʔϜ(࠶ܝ) • ݱঢ়8ਓఔͰ։ൃશମͰҰ൪ׂ߹͸ଟ͍ • ग़͕ࣗSDK / ServerͷServer (SDKҎ֎શ෦) • ඞཁͱ͞ΕΔٕज़஌ࣝ͸෯޿͍ • ϓϩμΫτͷ৽ػೳ։ൃ͕໾ׂ • ඞཁͳόοΫΤϯυɺΞϓϦέʔγϣϯɺϑϩϯτΤϯυ ·Ͱแׅͯ͠৮Δ
51. ։ൃνʔϜͷมભ
52. ։ൃνʔϜͷมભ • ૊৫ͷ੒௕΍ࣄۀʹ߹Θͤͯॊೈʹ࠶ฤ • ࣍ͷQͰ΋࠶ฤ༧ఆ • ϑϩϯτΤϯυઐ೚ͷνʔϜ͕ࠓ͸ͳ͍ • ϑϩϯτΤϯυ͸ΞϓϦέʔγϣϯ։ൃνʔϜͷ༗ࢤͰ໘ ౗Λݟ͍ͯΔ
53. ༷ʑͳมԽ
54. ༷ʑͳมԽ
55. ༷ʑͳมԽ
56. ͜͜·Ͱͷ·ͱΊ • ෺ࣄ͸มԽ͍ͯ͘͠ • ϑϩϯτΤϯυ • αʔόαΠυ • ։ൃνʔϜ • มԽͷֻ͚߹ΘͤͰෳࡶ౓্͕͕Δ
57. զʑࣗ਎΋มԽ͍ͯ͘͠தͰ զʑΛऔΓר͘มԽʹ Ͳ͏ରԠ͖͔ͯͨ͠
58. ReproͰͷࣄྫͷ঺հ • ͖Ε͍ʹ෼͚ΒΕΔΘ͚Ͱ͸ͳ͍͕4ͭʹ෼ղ • ᴈ໌ظ • ٕज़໛ࡧظ • ٕज़౷Ұظ • νʔϜ֦େظ
59. ReproͰͷࣄྫͷ঺հ
60. ᴈ໌ظ(ʙ2015೥) • νʔϜͷঢ়گ • গਓ਺Ͱ͢΂ͯͷϨΠϠʔΛݟͳ͚Ε͹ͳΒͳ͍ • Railsͷঢ়گ • CoffeeScript + jQuery / ϑϩϯτΤϯυ͸RubyͷΤίγεςϜ্ • ϑϩϯτΤϯυͷঢ়گ • backbone.js / Vue.js 0.10 • jQueryΑΓϦονͰෳࡶͳڍಈΛ࣮ݱ͍ͨ͠χʔζ͔ΒVue.jsΛબ୒
61. ᴈ໌ظ(ʙ2015೥)
62. ᴈ໌ظ(ʙ2015೥) • औͬͨબ୒ • εϐʔυ໋͕ • ࣄۀ͕ੜ͖࢒Βͳ͚Ε͹ݩ΋ࢠ΋ͳ͍ • ͱʹ͔͘౰࣌ͷ࠷ળ(ͱࢥΘΕΔ)ํ๏Ͱ࣮ݱ͍ͯ͘͠ • ౰࣌ͱͯ͠͸ےͷѱ͘ͳ͍બ୒
63. ReproͰͷࣄྫͷ঺հ
64. ٕज़໛ࡧظ(ʙ2017೥) • νʔϜͷঢ়گ • ϓϩμΫτਖ਼ࣜϦϦʔε / εϐʔυͱ඼࣭ͷཱ྆ • Railsͷঢ়گ • Rails 5ϦϦʔε / ϑϩϯτΤϯυ෼཭ͷྲྀΕ • ϑϩϯτΤϯυͷঢ়گ • Vue.js 1 & Vue.js 2, Vuex • ES6Λ࢝Ίͱͨ͠ඪ४Խͷ೾
65. ٕज़໛ࡧظ(ʙ2017೥) • ىͬͨ͜͜ͱ • ϑϩϯτΤϯυΛ৮Δਓ͕໨·͙Δ͘͠มΘͬͨ • ES6ͳͲ৽͍͠΋ͷΛऔΓೖΕ͍ͯ͘ػӡɻ݁Ռɺ • ES6ͷτϥϯεύΠϧʹBrowserifyͱSprockets྆ํ࢖ͬ ͍ͯͨΓ • CoffeeScriptͱES6͕ڞଘ͢Δੈքʹ
66. ٕज़໛ࡧظ(ʙ2017೥)
67. ٕज़໛ࡧظ(ʙ2017೥)
68. ٕज़໛ࡧظ(ʙ2017೥) ࠷ۙॻ͍ͨࣾ಺υΩϡϝϯτ
69. ٕज़໛ࡧظ(ʙ2017೥)
70. ٕज़໛ࡧظ(ʙ2017೥)
71. ٕज़໛ࡧظ(ʙ2017೥) • ىͬͨ͜͜ͱ • ੈͷதͷٕज़ʹ߹Θͤͯίʔυ͕͕Μ͕ΜมΘͬͨ • ਓ΋͕Μ͕ΜೖΕସΘͬͨ • औͬͨબ୒ • CoffeeScript΍jQuery͸ݹ͍ΑͶɺͱ͍͏߹ҙܗ੒ • ͦ΋ͦ΋߹ҙܗ੒Λߦ͏ͱ͍͏͜ͱ
72. ReproͰͷࣄྫͷ঺հ
73. ٕज़౷Ұظ(ʙ2018೥) • νʔϜͷঢ়گ • ։ൃऀ਺͕20ਓۙ͘ʹͳΓDaily͕શһͰߦ͑ͳ͘ͳΔ • αϒνʔϜʹ෼͚ΔΑ͏ʹɻ • Railsͷঢ়گ • Rails5.1ϦϦʔε • ϑϩϯτΤϯυͷঢ়گ • ΤίγεςϜ͕҆ఆͯ͘͠Δ / npm v5ͷϦϦʔε • ·ͨɺ਺೥લʹ͋ͬͨΧΦεײ͕ͳ͘ͳͬͯ͘Δ
74. ٕज़౷Ұظ(ʙ2018೥) • ىͬͨ͜͜ͱ • ϑϩϯτΤϯυΛ৮Δਓһ਺ࣗମ͸ͦΜͳʹมΘΒͳ͔ͬͨ • ݹ͍ίʔυͱ৽͍͠ίʔυ͕ࠞࡏ͠ɺ౷Ұ͞Ε͍ͯͳ͍ঢ়گ • CoffeeScriptͱES6͕ڞଘ͢Δੈքʹ • Vue componentϕʔεͷϖʔδ΋͋Ε͹ɺjQueryϕʔεͷϖʔ δ΋͋Δঢ়ଶ • Vue componentͷେن໛Խ
75. Rails 5.1ͷϦϦʔεϊʔτ(࠶ܝ) https://edgeguides.rubyonrails.org/51release_notes.html
76. ٕज़౷Ұظ(ʙ2018೥) • औͬͨબ୒ • ϦϑΝΫλϦϯά • CoffeeScriptΛ׬શʹES6ʹஔ͖׵͑ͨ • ϖʔδ΁ͷJavaScriptͷΞλονΛVue componentϕʔ εʹ౷Ұͨ͠
77. ٕज़౷Ұظ(ʙ2018೥)
78. ٕज़౷Ұظ(ʙ2018೥)
79. ٕज़౷Ұظ(ʙ2018೥)
80. ٕज़౷Ұظ(ʙ2018೥)
81. ٕज़౷Ұظ(ʙ2018೥)
82. ٕज़౷Ұظ(ʙ2018೥)
83. ٕज़౷Ұظ(ʙ2018೥) • औͬͨબ୒ • ϦϑΝΫλϦϯά • CoffeeScriptΛ׬શʹES6ʹஔ͖׵͑ͨ • ϖʔδ΁ͷJavaScriptͷΞλονΛVue componentϕʔεʹ ౷Ұͨ͠ • ͦͷޙʹଓ͘ػೳ։ൃΛཧ༝ʹϦϑΝΫλϦϯάͷ༧ࢉΛऔͬ ͨ
84. ReproͰͷࣄྫͷ঺հ
85. νʔϜ֦େظ(2018೥ʙ) • νʔϜͷঢ়گ • Web SDKͷ։ൃͷඞཁ • ϑϩϯτΤϯυΛ৮Δਓ͕ؒ૿͑Δ • Railsͷঢ়گ • ͞ΒʹϑϩϯτΤϯυΛ෼཭ͨ͠ྲྀΕʹ • Webpack༏੎ͬΆ͍ • ϑϩϯτΤϯυͷঢ়گ • ϑϩϯτΤϯυͱ͍͑͹ Vue.js / React / Angular2 Έ͍ͨͳঢ়گʹͳΔ
86. νʔϜͷεέʔϧ
87. Repro Webͷొ৔ https://jp.techcrunch.com/2018/10/04/reproweb/
88. νʔϜ֦େظ(2018೥ʙ) • ىͬͨ͜͜ͱ • γεςϜελοΫͷෳࡶԽʹΑΔΦϯϘʔσΟϯάͷ೉͠ ͞ • ϝϯόʔ͕૿͑ͨ͜ͱʹReproಛ༗ͷ҉໧஌ͷ࿐ݟ • ॻ͖ํ͕Θ͔Βͳ͍ࢫΛ৽ϝϯόʔ͔Βࢦఠ͞ΕΔ • Repro Webͱ͍͏৽ͨͳϑϩϯτٕज़ͷࣄۀ্ͷधཁ
89. ؔΘΓ࢝Ίͨ࣌ظͷࠩʹΑͬͯɺ৘ใ͕֨ࠩੜ·ΕΔ
90. จࣈʹͯɺ҉໧஌ΛΞ΢τϓοτ
91. ౎౓ޱ಄ͰͷίϛϡχέʔγϣϯΛͳͨ͘͢ΊʹυΩϡϝϯτԽ
92. ڞ௨ೝࣝͷৢ੒ʹ࢖͏υΩϡϝϯτ(͖ͨͨ୆)
93. ڞ௨ೝࣝͷৢ੒ʹ࢖͏υΩϡϝϯτ(͖ͨͨ୆)
94. νʔϜ֦େظ(2018೥ʙ) • औͬͨબ୒ • υΩϡϝϯςʔγϣϯ • ࢝Ί͸ݸผʹ఻͍͕͑ͯͨɺ৽ೖࣾһ͕ೖΔͨͼʹઆ໌͢Δ͜ͱ ʹͳ͖͍ͬͯͯͨͷͰจষͱͯ͠·ͱΊΔ͜ͱʹͨ͠ • ڞ௨ೝࣝͷৢ੒ • υΩϡϝϯτ΍Pull Requestϕʔε • ద౓ʹن཯Λ࡞ͬͯɺద౓ʹଥڠ͢Δ / ࣗసंখ԰ͷٞ࿦Λආ͚Δ
95. ReproͰͷࣄྫͷ঺հ
96. ReproͰͷஈ֊ͷมԽ
97. (͜Ε͔Β(2019೥ʙ)) • νʔϜ͸͞Βʹεέʔϧ • ϑϩϯτΤϯυઐ໳ͷνʔϜ • ͦͷͨΊʹ͋Δఔ౓αʔόαΠυʗϑϩϯτΛ෼཭͢Δඞཁ ͕ग़͖ͯͦ͏
98. αʔό / ϑϩϯτͷࠞࡏ
99. αʔό / ϑϩϯτͷࠞࡏ
100. ͜͜·Ͱͷ·ͱΊ • νʔϜͱίʔυͷ࠷௿ݶͷ݈߁ੑΛอͭͨΊʹߦͬͨ͜ͱΛ঺հ • ࠓ͔ΒͷνʔϜ։ൃͰ΋࢖͑ͦ͏ͳ಺༰ • ࣄۀͷϑΣʔζʹԠͨ͡બ୒Λߦ͏͜ͱɻελʔτΞοϓͷಛʹॳظஈ֊ Ͱ͸εϐʔυ͕େࣄɻ • ͱ͸͍͑ɺίʔυͷվળܥ΋ϦϑΝΫλϦϯά޻਺ͱͯ͠༧ࢉΛऔΔ͜ͱ • ڞ௨ೝࣝͷৢ੒Ͱ͸νʔϜΛר͖ࠐΜͩର࿩Λߦ͏͜ͱ • ͦͷࡍɺద౓ʹن཯Λ࡞Γద౓ʹଥڠ͢Δ͜ͱ
101. νʔϜ։ൃ͸ͳͥ೉͍͠ͷ͔
102. ߟྀ͢΂͖ม਺͕ଟ͍͔Β
103. ͦͯ͠৬ۀΤϯδχΞͰ ͋ΔҎ্͸ࣄۀߩݙ͕ٻ ΊΒΕΔ
104. ͦͷதͰίʔυͷ݈߁ੑ Λอͪଓ͚Δʹ͸
105. ϦϑΝΫλϦϯάͳͲɹ టष͍౒ྗ͕ඞཁͳ͜ͱ ͕ଟ͍ (ؾΛൈ͘ͱ͙͢ʹϨΨγʔԽ͍ͯ͘͠)
106. ϨΨγʔͩͱ͜΅͢લʹ Pull Requestग़͢Α͏ͳ ελΠϧͰ͋Γ͍ͨ
107. ·ͱΊ • ࣄۀͱΤϯδχΞϦϯάͷཱ྆ • ຊ࣭తʹటष͍΋ͷ • ৗʹ๚ΕΔมԽʹରԠͰ͖Δঢ়ଶ͕େࣄ • Ұྫͱͯ͠ɺReproͷνʔϜͷྫΛ঺հ
108. ·ͱΊ • టष͞ΛѪ͠ɺటष͞ʹ؁Μ͡ͳ͍ͨΊʹ • νʔϜϝϯόʔͱର࿩͢Δɾڠௐ͢Δ • ద౓ʹن཯Λ࡞ͬͯɺద౓ʹଥڠ͢Δ • ্ه͕ࣗવʹߦ͑ͳ͍ͷͰ͋Ε͹ɺνʔϜΛม͑Δͱ͍͏બ ୒ࢶ΋
109. ·ͱΊ • టष͞ΛѪ͠ɺటष͞ʹ؁Μ͡ͳ͍ͨΊʹ • νʔϜϝϯόʔͱର࿩͢Δɾڠௐ͢Δ • ద౓ʹن཯Λ࡞ͬͯɺద౓ʹଥڠ͢Δ • ্ه͕ࣗવʹߦ͑ͳ͍ͷͰ͋Ε͹ɺνʔϜΛม͑Δͱ͍͏બ ୒ࢶ΋ • => We're Hiring!!
110. ྑ͍νʔϜ։ൃΛʂ