Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vue 2.0がリリースされたのでOSSの翻訳に関わってみた話 #vmeetjp2
Search
potato4d(Takuma HANATANI)
October 28, 2016
Technology
1
1.4k
Vue 2.0がリリースされたのでOSSの翻訳に関わってみた話 #vmeetjp2
Vue.js Tokyo v-meetup="#2" 祝 2.0 リリース記念で話したLTです。
potato4d(Takuma HANATANI)
October 28, 2016
Tweet
Share
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
410
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.4k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.2k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.6k
Other Decks in Technology
See All in Technology
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
4
3.8k
東京大学「Agile-X」のFPGA AIデザインハッカソンを制したソニーのAI最適化
sony
0
170
[re:Inent2025事前勉強会(有志で開催)] re:Inventで見つけた人生をちょっと変えるコツ
sh_fk2
1
1k
マルチエージェントのチームビルディング_2025-10-25
shinoyamada
0
230
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.9k
OpenCensusと歩んだ7年間
bgpat
0
250
AI機能プロジェクト炎上の 3つのしくじりと学び
nakawai
0
170
AIの個性を理解し、指揮する
shoota
3
520
AIとの協業で実現!レガシーコードをKotlinらしく生まれ変わらせる実践ガイド
zozotech
PRO
2
180
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
6
1.5k
頭部ふわふわ浄酔器
uyupun
0
240
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
0
390
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Mobile First: as difficult as doing things right
swwweet
225
10k
Code Reviewing Like a Champion
maltzj
526
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Thoughts on Productivity
jonyablonski
71
4.9k
GitHub's CSS Performance
jonrohan
1032
470k
Building an army of robots
kneath
306
46k
A better future with KSS
kneath
239
18k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Transcript
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
Ֆ୩ຏ
@potato4d
πΠολʔͷϋογϡ λάͰ͏Δ͍͞ਓ
Θͨ͠Ͱ͢
Θͨ͠Ͱ͢ • Ֆ୩ຏɹ18ࡀ • େࡕ͔Βདྷ·ͨ͠ • ̏લʹఆग़ͯࣾձਓͰ͢ • JSॻ͍ͨΓ #frontkansai
ͬͯ ίϛϡχςΟͬͯ·͢
Θͨ͠Ͱ͢ • Ֆ୩ຏɹ18ࡀ • େࡕ͔Βདྷ·ͨ͠ • ̏લʹఆग़ͯࣾձਓͰ͢ • JSॻ͍ͨΓ #frontkansai
ͬͯ ίϛϡχςΟͬͯ·͢
Θͨ͠Ͱ͢ • Ֆ୩ຏɹ18ࡀ • ٻਓαʔϏεʮSCOUTERʯͷϑ ϩϯτΤϯυΛVue.jsͰॻ͖ͳ͓ ͨ͠Γ͠·ͨ͠ • Vue.jsͷυΩϡϝϯτͷ༁ ͬͯΈ·ͨ͠
Θͨ͠Ͱ͢ • Ֆ୩ຏɹ18ࡀ • ٻਓαʔϏεʮSCOUTERʯͷϑ ϩϯτΤϯυΛVue.jsͰॻ͖ͳ͓ ͨ͠Γ͠·ͨ͠ • Vue.jsͷυΩϡϝϯτͷ༁ ͬͯΈ·ͨ͠
ʮͱ͖͍ͬͭ͢ʯϑϨʔϜϫʔΫ Vue.js #jsfes https://speakerdeck.com/potato4d/totutukiyasui-huremuwaku-vue-dot-js-number- jsfes
Vue.jsͱͦͷະདྷ 2.0 #wbkyoto https://speakerdeck.com/potato4d/vue-dot-jstosofalsewei-lai-2-dot-0-number- wbkyoto
ͯ͠·͢
ࠓճ https://speakerdeck.com/potato4d/vue-2-dot-0garirisusaretafalsedeossfalsefan-yi- niguan-watutemitahua-number-vmeetjp2
಄Θͳ͍λΠϓͷ LTͰ͢
ຊ
Vue.js
Vue.js Document
Vue.js Document Translation
͖͔͚ͬ
ؔϑϩϯτΤϯυUG͘͘ձ #frontkansai ͱ͍͏ͭ
ྡͷ੮ͷਓ͕ ༁ͯͨ͠
↑ ͜ͷͻͱ https://github.com/vuejs/jp.vuejs.org/pull/177
2.0 ϦϦʔεͰ ৽͍͠υΩϡϝϯτ͕ ༁ืूதͷΑ͏
ͬͯΈ͍ͨʂ
ʮVue.jsͷυΩϡϝϯτ ༁ͯ͠ΔΜͰ͢Αʙʯ
υϠΓ͍ͨʂ
CMSͷϓϥάΠϯ༁ ͪΐͬͱ͚ͩͬͨ͜ͱ ͋Δ
͚Ͳߴߍ1͙Β͍·Ͱͷ ӳޠ͔͠Θ͔Βͳ͍
ͦΕͰ
υϠΓ͍ͨʂ
Ώ͑ʹͬͯΈͨ
༁ͷྲྀΕ
10/03
ҙؾࠐΉ
ҙؾࠐΉ
ֶͿ
10/09
ษڧձͷ͘͘λΠϜͰΔ
ʙ10/25
ۤઓ͢Δ ༁ͯͨ͠Β໘Εͦ͏(10/25) ༁ͷଓ͖Δ͔͊(10/20) ׳༻۟ͳΜ͔͜Ε(10/18) ,͕̎ͭҎ্͋Δจষ͕ແཧ(ৗʹ)
Ͱ͖Δͱ͜Ζ͔ΒΔ͔Β ίϛοτ͕େཻʹͳΔ ʹίϛοτˠϓογϡස͕·ͪ·ͪʹͳΔ
༨ܭঢ়گΛ৺͞ΕΔ
None
10/26
ຬΛ࣋ͯ͠ϓϧϦΫΛग़͢
10/27
Ϛʔδ·ͰͷಓͷΓ
Ϛʔδ·ͰͷಓͷΓ maintainer kazupon͞Μ
Ϛʔδ·ͰͷಓͷΓ ༁͠·ͨ͠ʂϨϏϡʔ͓ئ͍͠·͢ʂ maintainer kazupon͞Μ
Ϛʔδ·ͰͷಓͷΓ ༁͠·ͨ͠ʂϨϏϡʔ͓ئ͍͠·͢ʂ ϨϏϡʔ ͠·ͨ͠ʂ ϨϏϡʔࢦఠ༰ɺͨ͘͞Μ͋Γ·͕͢ɺΑΖ͓͘͠ئ͍͠·͢ maintainer kazupon͞Μ
ϨϏϡʔ
ϨϏϡʔࢦఠ(1) 1 | 1 | </div> 2 | 2 |
{% endraw %} 3 | 3 | | 4 | -### Built-In Text Filters <sup>deprecated</sup> 4 | | +### ଂϑΟϧλ <sup>ඇਪ</sup> ଂ ͱ͍͏ݴ༿͋·ΓΘͳ͍ͷͰɺ ΈࠐΈ ʹ͠·͠ΐ͏ʂ
None
ϨϏϡʔࢦఠ(2) 1 | | -Components now always replace the element
they're | | bound to. To simulate the behavior of `replace:… | 1 | +ίϯϙʔωϯτৗʹඥͮ͘ཁૉʹஔ͖͑ΒΕ· | | ͢ɻ `replace:false` ͷڍಈΛ࠶ݱ͢Δʹɺίϯϙ… ίϯϙʔωϯτৗʹඥͮ͘ཁૉʹஔ͖͑ΒΕ·͢ɻ ͷ༁Ͱ͕͢ɺ ίϯϙʔωϯτৗʹཁૉʹඥ͍ͯஔ͖͑ΒΕ·͢ɻ Ͱ͢Ͷɻ
None
ϨϏϡʔࢦఠ(3) 1 | | -Or with a render function: |
1 | +render ؔͰߦ͍·͢: or ༁͕ൈ͚͍ͯΔͷͰɺ͚͓͍ͯͯԼ͍͞ʂ
None
ʊਓਓਓਓਓਓਓਓਓʊ ʼɹ81݅ͷίϝϯτɹʻ ʉY^Y^Y^Y^Y^Y^Y^Yʉ
None
ͳ͓ͨ͠
40ޙ……
Ϛʔδ·ͰͷಓͷΓ
Ϛʔδ·ͰͷಓͷΓ ͝ࢦఠ͍͍ͨͩͨՕॴमਖ਼͍ͨ͠·ͨ͠ʂ֬͝ೝ͓ئ͍͍ͨ͠·͢ɻ ·ͨɺͪ͜ΒͳͷͰ͕͢ɺ͍͔͕͍ͨ͠·͠ΐ͏͔ʁ
Ϛʔδ·ͰͷಓͷΓ ࣭͍͍ͨͩͨ݅͝ɺϨϏϡʔͰίϝϯτ͠·ͨ͠ɻ ରԠΑΖ͓͘͠ئ͍͠·͢ʂ ͝ࢦఠ͍͍ͨͩͨՕॴमਖ਼͍ͨ͠·ͨ͠ʂ֬͝ೝ͓ئ͍͍ͨ͠·͢ɻ ·ͨɺͪ͜ΒͳͷͰ͕͢ɺ͍͔͕͍ͨ͠·͠ΐ͏͔ʁ
ͳ͓ͨ͠
20ޙ…
Ϛʔδ·ͰͷಓͷΓ
Ϛʔδ·ͰͷಓͷΓ ରԠ͠·ͨ͠ʂ
Ϛʔδ·ͰͷಓͷΓ ରԠ͠·ͨ͠ʂ
Ϛʔδ·ͰͷಓͷΓ
ͱ͍͏͜ͱͰ
ͦΜͳ͜ΜͳͰҰϲ݄
ແࣄϚʔδ͞Ε·ͨ͠ʂ
ֶΜͩ͜ͱ̏ͭ
̍ͭ
ҙ֎ͱͳΜͱ͔ͳΔ
ʮ୯ޠ͕Θ͔Βͳ͍ʂʯ
ௐͨΒग़ͯ͘Δ
ʮจ͕ͭΒ͍ʯ
ɿSTEP1ɿ Google༁Ͱɺ ͳΜͱͳ͘ ݴ༿ͷҙຯΛ͔ͭΉ
ɿSTEP2ɿ Ұͭͣͭਖ਼͘͠༁ͯ͠ ͍͘
ɿSTEP3ɿ ͓͔ͦ͠͏ͳͱ͜Ζ લޙͷจ຺Ͱஅ͢Δ
͜ΕͰେମ͍͚ͨ
ʮͳΜΘ͔ΒΜ٧Μͩʯ
͖͍ͨ
ྫ
͖͍ͨྫ @༑ਓͷTwitter http://vuejs.org/guide/migration.html#FAQ ͜͜Λ༁ͯ͠ΔΜ͚ͩͲɺ Where should I start in a
migration?Λ1.ͷ2จ ʮWe’ve carefully minified and compressed ʙʯ͍ͬͯ͏……
͍͚ͨ
1.ௐΔ 2.จ຺Λײ͡औΔ 3.ฉ͘
None
̎ͭ
Vue.jsίϛϡχςΟ ༏͍͠
ʮͬͯΈ͍ͨͰ͢ʂʯ
ʮ͓ئ͍͠·͢ʂʯ
ΊͬͪΌܴ͞ΕΔ
ʮ༁͠·ͨ͠ʂʯ
ʊਓਓਓਓਓਓਓਓਓʊ ʼɹ81݅ͷίϝϯτɹʻ ʉY^Y^Y^Y^Y^Y^Y^Yʉ
ͻͱͭͻͱͭ ڭ͑ͯ͘ΕΔ
ٕज़ͱίϛϡχςΟ ࣅͦ͏ ʮͱ͖͍ͬͭ͢ʯϑϨʔϜϫʔΫ Vue.js https://speakerdeck.com/potato4d/totutukiyasui-huremuwaku-vue-dot-js-number-jsfes
None
࠷ޙ̏ͭ
ͬͺΓخ͍͠
ʮ potato4d wasʯ
None
ࣗڧ͘ͳͬͨײ
ѹత
ͦΜͳײ͡
None
૯ධ
͍͠ͳ͕Β
ֶָͯ͘͠ ͍͠ͳ͕Β
͍͠ͳ͕Β Ͱ͖ͨ ֶָͯ͘͠
ͦΜͳ༁ମݧͰͨ͠
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠