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.4k
1
Share
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
440
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
39
28k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.7k
Other Decks in Technology
See All in Technology
エージェントスキルを作って自分のインプットに役立てよう
tsubakimoto_s
0
440
LLM時代の検索アーキテクチャと技術的意思決定
shibuiwilliam
3
1.5k
PicoRuby as a Multi-VM Operating System
kishima
1
210
Do Vibe Coding ao LLM em Produção para Busca Agêntica - TDC 2026 - Summit IA - São Paulo
jpbonson
3
150
[OAWTT26][THR1028] Oracle AI Database 26ai へのアップグレード:ベストプラクティスと最新情報
oracle4engineer
PRO
1
110
Agents CLI と Gemini Enterprise Agent Platform で マルチエージェント開発が楽しくなる!
kaz1437
0
140
国内外の生成AIセキュリティの最新動向 & AIガードレール製品「chakoshi」のご紹介 / Latest Trends in Generative AI Security (Domestic & International) & Introduction to AI Guardrail Product "chakoshi"
nttcom
4
1.4k
VespaのParent Childを用いたフィードパフォーマンスの改善
taking
0
110
クラウドネイティブな開発 ~ 認知負荷に立ち向かうためのコンテナ活用
literalice
0
150
プラットフォームエンジニアリングの実践 - AWS コンテナサービスで構築する社内プラットフォーム / AWS Containers Platform Meetup #1
literalice
1
210
CloudTrail を見つめ直してみる
kazzpapa3
1
120
AWS Transform CustomでIaCコードを自由自在に変換しよう
duelist2020jp
0
140
Featured
See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
120
Music & Morning Musume
bryan
47
7.2k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
460
Designing for humans not robots
tammielis
254
26k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.4k
What's in a price? How to price your products and services
michaelherold
247
13k
Six Lessons from altMBA
skipperchong
29
4.2k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
1.2k
The Limits of Empathy - UXLibs8
cassininazir
1
310
How Software Deployment tools have changed in the past 20 years
geshan
0
33k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
190
Odyssey Design
rkendrick25
PRO
2
580
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
૯ධ
͍͠ͳ͕Β
ֶָͯ͘͠ ͍͠ͳ͕Β
͍͠ͳ͕Β Ͱ͖ͨ ֶָͯ͘͠
ͦΜͳ༁ମݧͰͨ͠
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠