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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
potato4d(Takuma HANATANI)
October 28, 2016
Technology
1.4k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Vue 2.0がリリースされたのでOSSの翻訳に関わってみた話 #vmeetjp2
Vue.js Tokyo v-meetup="#2" 祝 2.0 リリース記念で話したLTです。
potato4d(Takuma HANATANI)
October 28, 2016
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
450
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.5k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
5k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7.1k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.4k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.8k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.4k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
38
28k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.7k
Other Decks in Technology
See All in Technology
Android の公式 Skill / Android skills
yanzm
0
150
Claude Code の Sandbox 機能を Anthropic Sandbox Runtime(srt) で試そう!/lets-play-anthropic-sandbox-runtime
tomoki10
1
620
MCP Appsを作ってみよう
iwamot
PRO
4
670
Oracle AI Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
4
3k
Bucharest Tech Week 2026 - Reinventing testing practices in the AI era
edeandrea
PRO
1
160
新しいVibe Codingと”自走”について
watany
6
330
Agent Skills設計で柔軟性と硬さのバランスが難しい話
nassy20
0
130
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
6
1.5k
【セミナー資料】Claude Code をセキュアに使うための考え方と設定の勘どころ / Claude Code Webinar 20260616
masahirokawahara
2
380
Chainlitで作るお手軽チャットUI
ynt0485
0
260
気づかぬうちにセキュリティ負債を生むAPIキー運用
sgwrmctk
0
160
人材育成分科会.pdf
_awache
4
270
Featured
See All Featured
Evolving SEO for Evolving Search Engines
ryanjones
0
220
GitHub's CSS Performance
jonrohan
1033
470k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Designing for humans not robots
tammielis
254
26k
How to Ace a Technical Interview
jacobian
281
24k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
360
Being A Developer After 40
akosma
91
590k
It's Worth the Effort
3n
188
29k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.1k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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
૯ධ
͍͠ͳ͕Β
ֶָͯ͘͠ ͍͠ͳ͕Β
͍͠ͳ͕Β Ͱ͖ͨ ֶָͯ͘͠
ͦΜͳ༁ମݧͰͨ͠
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠