Vue 2.0がリリースされたのでOSSの翻訳に関わってみた話 #vmeetjp2

Transcript

1. Vue 2.0͕ϦϦʔε͞ΕͨͷͰ OSSͷ຋༁ʹؔΘͬͯΈͨ࿩ 2016.10 v-meetup="#2" TAKUMA Hanatani(@potato4d) https://speakerdeck.com/potato4d/vue-2-dot-0garirisusaretafalsedeossfalsefan-yi-niguan-watutemitahua- number-vmeetjp2

2. Ֆ୩୓ຏ

3. @potato4d

4. πΠολʔͷϋογϡ λάͰ͏Δ͍͞ਓ

5. Θͨ͠Ͱ͢

6. Θͨ͠Ͱ͢ • Ֆ୩୓ຏɹ18ࡀ • େࡕ͔Βདྷ·ͨ͠ • ̏೔લʹ಺ఆग़ͯࣾձਓͰ͢ • JSॻ͍ͨΓ #frontkansai

   ͬͯ ίϛϡχςΟ΍ͬͯ·͢

7. Θͨ͠Ͱ͢ • Ֆ୩୓ຏɹ18ࡀ • େࡕ͔Βདྷ·ͨ͠ • ̏೔લʹ಺ఆग़ͯࣾձਓͰ͢ • JSॻ͍ͨΓ #frontkansai

   ͬͯ ίϛϡχςΟ΍ͬͯ·͢

8. Θͨ͠Ͱ͢ • Ֆ୩୓ຏɹ18ࡀ • ٻਓαʔϏεʮSCOUTERʯͷϑ ϩϯτΤϯυΛVue.jsͰॻ͖ͳ͓ ͨ͠Γ΋͠·ͨ͠ • Vue.jsͷυΩϡϝϯτͷ຋༁΋ ΍ͬͯΈ·ͨ͠

9. Θͨ͠Ͱ͢ • Ֆ୩୓ຏɹ18ࡀ • ٻਓαʔϏεʮSCOUTERʯͷϑ ϩϯτΤϯυΛVue.jsͰॻ͖ͳ͓ ͨ͠Γ΋͠·ͨ͠ • Vue.jsͷυΩϡϝϯτͷ຋༁΋ ΍ͬͯΈ·ͨ͠

10. ʮͱ͖ͬͭ΍͍͢ʯϑϨʔϜϫʔΫ Vue.js #jsfes https://speakerdeck.com/potato4d/totutukiyasui-huremuwaku-vue-dot-js-number- jsfes

11. Vue.jsͱͦͷະདྷ 2.0 #wbkyoto https://speakerdeck.com/potato4d/vue-dot-jstosofalsewei-lai-2-dot-0-number- wbkyoto

12. ࿩ͯ͠·͢

13. ࠓճ https://speakerdeck.com/potato4d/vue-2-dot-0garirisusaretafalsedeossfalsefan-yi- niguan-watutemitahua-number-vmeetjp2

14. ಄࢖Θͳ͍λΠϓͷ LTͰ͢

15. ຊ୊

16. Vue.js

17. Vue.js Document

18. Vue.js Document Translation

19. ͖͔͚ͬ

20. ؔ੢ϑϩϯτΤϯυUG΋͘΋͘ձ #frontkansai ͱ͍͏΍ͭ

21. ྡͷ੮ͷ஌ਓ͕ ຋༁ͯͨ͠

22. ↑ ͜ͷͻͱ https://github.com/vuejs/jp.vuejs.org/pull/177

23. 2.0 ϦϦʔεͰ ৽͍͠υΩϡϝϯτ͕ ຋༁ืूதͷΑ͏

24. ΍ͬͯΈ͍ͨʂ

25. ʮVue.jsͷυΩϡϝϯτ ຋༁ͯ͠ΔΜͰ͢Αʙʯ

26. υϠΓ͍ͨʂ

27. CMSͷϓϥάΠϯ຋༁ ͪΐͬͱ͚ͩ΍ͬͨ͜ͱ ͋Δ

28. ͚Ͳߴߍ1೥͙Β͍·Ͱͷ ӳޠ͔͠Θ͔Βͳ͍

29. ͦΕͰ΋

30. υϠΓ͍ͨʂ

31. Ώ͑ʹ΍ͬͯΈͨ

32. ຋༁ͷྲྀΕ

33. 10/03

34. ҙؾࠐΉ

35. ҙؾࠐΉ

36. ֶͿ

37. 10/09

38. ษڧձͷ΋͘΋͘λΠϜͰ΋΍Δ

39. ʙ10/25

40. ۤઓ͢Δ ຋༁ͯͨ͠Β໘઀๨Εͦ͏(10/25) ຋༁ͷଓ͖΍Δ͔͊(10/20) ׳༻۟ͳΜ͔͜Ε(10/18) ,͕̎ͭҎ্͋Δจষ͕ແཧ(ৗʹ)

41. Ͱ͖Δͱ͜Ζ͔Β΍Δ͔Β ίϛοτ͕େཻʹͳΔ ʹίϛοτˠϓογϡස౓͕·ͪ·ͪʹͳΔ

42. ༨ܭঢ়گΛ৺഑͞ΕΔ

43. None

44. 10/26

45. ຬΛ࣋ͯ͠ϓϧϦΫΛग़͢

46. 10/27

47. Ϛʔδ·ͰͷಓͷΓ

48. Ϛʔδ·ͰͷಓͷΓ maintainer kazupon͞Μ

49. Ϛʔδ·ͰͷಓͷΓ ຋༁͠·ͨ͠ʂϨϏϡʔ͓ئ͍͠·͢ʂ maintainer kazupon͞Μ

50. Ϛʔδ·ͰͷಓͷΓ ຋༁͠·ͨ͠ʂϨϏϡʔ͓ئ͍͠·͢ʂ ϨϏϡʔ ͠·ͨ͠ʂ ϨϏϡʔࢦఠ಺༰ɺͨ͘͞Μ͋Γ·͕͢ɺΑΖ͓͘͠ئ͍͠·͢ maintainer kazupon͞Μ

51. ϨϏϡʔ

52. ϨϏϡʔࢦఠ(1) 1 | 1 | </div> 2 | 2 |

    {% endraw %} 3 | 3 | | 4 | -### Built-In Text Filters ^deprecated 4 | | +### ಺ଂϑΟϧλ ^ඇਪ঑ ಺ଂ ͱ͍͏ݴ༿͸͋·Γ࢖Θͳ͍ͷͰɺ ૊ΈࠐΈ ʹ͠·͠ΐ͏ʂ
53. None

54. ϨϏϡʔࢦఠ(2) 1 | | -Components now always replace the element

    they're | | bound to. To simulate the behavior of `replace:… | 1 | +ίϯϙʔωϯτ͸ৗʹඥͮ͘ཁૉʹஔ͖׵͑ΒΕ· | | ͢ɻ `replace:false` ͷڍಈΛ࠶ݱ͢Δʹ͸ɺίϯϙ… ίϯϙʔωϯτ͸ৗʹඥͮ͘ཁૉʹஔ͖׵͑ΒΕ·͢ɻ ͷ༁Ͱ͕͢ɺ ίϯϙʔωϯτ͸ৗʹཁૉʹඥ෇͍ͯஔ͖׵͑ΒΕ·͢ɻ Ͱ͢Ͷɻ
55. None

56. ϨϏϡʔࢦఠ(3) 1 | | -Or with a render function: |

    1 | +render ؔ਺Ͱߦ͍·͢: or ༁͕ൈ͚͍ͯΔͷͰɺ෇͚͓͍ͯͯԼ͍͞ʂ
57. None

58. ʊਓਓਓਓਓਓਓਓਓʊ ʼɹ81݅ͷίϝϯτɹʻ ʉY^Y^Y^Y^Y^Y^Y^Yʉ

59. None

60. ͳ͓ͨ͠

61. 40෼ޙ……

62. Ϛʔδ·ͰͷಓͷΓ

63. Ϛʔδ·ͰͷಓͷΓ ͝ࢦఠ͍͍ͨͩͨՕॴमਖ਼͍ͨ͠·ͨ͠ʂ֬͝ೝ͓ئ͍͍ͨ͠·͢ɻ ·ͨɺͪ͜ΒͳͷͰ͕͢ɺ͍͔͕͍ͨ͠·͠ΐ͏͔ʁ

64. Ϛʔδ·ͰͷಓͷΓ ࣭͝໰͍͍ͨͩͨ݅ɺϨϏϡʔͰίϝϯτ͠·ͨ͠ɻ ରԠΑΖ͓͘͠ئ͍͠·͢ʂ ͝ࢦఠ͍͍ͨͩͨՕॴमਖ਼͍ͨ͠·ͨ͠ʂ֬͝ೝ͓ئ͍͍ͨ͠·͢ɻ ·ͨɺͪ͜ΒͳͷͰ͕͢ɺ͍͔͕͍ͨ͠·͠ΐ͏͔ʁ

65. ͳ͓ͨ͠

66. 20෼ޙ…

67. Ϛʔδ·ͰͷಓͷΓ

68. Ϛʔδ·ͰͷಓͷΓ ରԠ͠·ͨ͠ʂ

69. Ϛʔδ·ͰͷಓͷΓ ରԠ͠·ͨ͠ʂ

70. Ϛʔδ·ͰͷಓͷΓ

71. ͱ͍͏͜ͱͰ

72. ͦΜͳ͜ΜͳͰҰϲ݄

73. ແࣄϚʔδ͞Ε·ͨ͠ʂ

74. ֶΜͩ͜ͱ̏ͭ

75. ̍ͭ໨

76. ҙ֎ͱͳΜͱ͔ͳΔ

77. ʮ୯ޠ͕Θ͔Βͳ͍ʂʯ

78. ௐ΂ͨΒग़ͯ͘Δ

79. ʮ௕จ͕ͭΒ͍ʯ

80. ɿSTEP1ɿ Google຋༁Ͱɺ ͳΜͱͳ͘ ݴ༿ͷҙຯΛ͔ͭΉ

81. ɿSTEP2ɿ Ұͭͣͭਖ਼͘͠༁ͯ͠ ͍͘

82. ɿSTEP3ɿ ͓͔ͦ͠͏ͳͱ͜Ζ͸ લޙͷจ຺Ͱ൑அ͢Δ

83. ͜ΕͰେମ͍͚ͨ

84. ʮͳΜ΋Θ͔ΒΜ٧Μͩʯ

85. ͖͍ͨ

86. ྫ

87. ͖͍ͨྫ @༑ਓͷTwitter http://vuejs.org/guide/migration.html#FAQ ͜͜Λ຋༁ͯ͠ΔΜ͚ͩͲɺ Where should I start in a

    migration?Λ1.ͷ2จ໨ ʮWe’ve carefully minified and compressed ʙʯ͍ͬͯ͏……

88. ͍͚ͨ

89. 1.ௐ΂Δ 2.จ຺Λײ͡औΔ 3.ฉ͘

90. None

91. ̎ͭ໨

92. Vue.jsίϛϡχςΟ ༏͍͠

93. ʮ΍ͬͯΈ͍ͨͰ͢ʂʯ

94. ʮ͓ئ͍͠·͢ʂʯ

95. ΊͬͪΌ׻ܴ͞ΕΔ

96. ʮ຋༁͠·ͨ͠ʂʯ

97. ʊਓਓਓਓਓਓਓਓਓʊ ʼɹ81݅ͷίϝϯτɹʻ ʉY^Y^Y^Y^Y^Y^Y^Yʉ

98. ͻͱͭͻͱͭ ڭ͑ͯ͘ΕΔ

99. ٕज़ͱίϛϡχςΟ͸ ࣅͦ͏ ʮͱ͖ͬͭ΍͍͢ʯϑϨʔϜϫʔΫ Vue.js https://speakerdeck.com/potato4d/totutukiyasui-huremuwaku-vue-dot-js-number-jsfes

100. None

101. ࠷ޙ̏ͭ໨

102. ΍ͬͺΓخ͍͠

103. ʮ potato4d wasʯ

104. None

105. ࣗ෼΋ڧ͘ͳͬͨײ

106. ѹ౗త੒௕

107. ͦΜͳײ͡

108. None

109. ૯ධ

110. ೉͍͠ͳ͕Β΋

111. ֶָ͘͠΂ͯ ೉͍͠ͳ͕Β΋

112. ೉͍͠ͳ͕Β΋ ੒௕Ͱ͖ͨ ֶָ͘͠΂ͯ

113. ͦΜͳ຋༁ମݧͰͨ͠

114. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠