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
430
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
5k
終わりゆく 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.8k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.3k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.6k
Other Decks in Technology
See All in Technology
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
59k
SES向け、生成AI時代におけるエンジニアリングとセキュリティ
longbowxxx
0
290
Agentic AIが変革するAWSの開発・運用・セキュリティ ~Frontier Agentsを試してみた~ / Agentic AI transforms AWS development, operations, and security I tried Frontier Agents
yuj1osm
0
200
ESXi のAIOps だ!2025冬
unnowataru
0
470
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1k
Digitization部 紹介資料
sansan33
PRO
1
6.4k
CQRS/ESになぜアクターモデルが必要なのか
j5ik2o
0
440
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.9k
Everything As Code
yosuke_ai
0
490
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.3k
_第4回__AIxIoTビジネス共創ラボ紹介資料_20251203.pdf
iotcomjpadmin
0
170
Cloud WAN MCP Serverから考える新しいネットワーク運用 / 20251228 Masaki Okuda
shift_evolve
PRO
0
130
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
180
Mind Mapping
helmedeiros
PRO
0
45
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
36
Code Review Best Practice
trishagee
74
19k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
110
For a Future-Friendly Web
brad_frost
180
10k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
270
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Designing for Performance
lara
610
70k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
410
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
૯ධ
͍͠ͳ͕Β
ֶָͯ͘͠ ͍͠ͳ͕Β
͍͠ͳ͕Β Ͱ͖ͨ ֶָͯ͘͠
ͦΜͳ༁ମݧͰͨ͠
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠