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
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
460
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
AI x 開発生産性を取り巻く予算戦略と投資対効果
i35_267
7
2.8k
AI時代におけるエンジニアの新たな役割──FDEとクオリアの探求/登壇資料(戸井田 裕貴)
hacobu
PRO
0
310
AI工学特論: MLOps・継続的評価
asei
4
970
Jitera Company Deck
jitera
0
270
事業成長とAI活用を止めないデータ基盤アーキテクチャの設計思想
hiracky16
0
490
伝票作成AIエージェントを支える、LLMOpsとインフラの選択肢 / AICon2026_takeda
rakus_dev
0
260
ここは地獄!つらい朝会を体験することで、チームとしてのより良い振る舞いに気づくワークショップ / The stand-up meeting from hell in the game industry
scrummasudar
0
220
壊して学ぶAWS CDK: そのcdk deployで消えるもの、残るもの
k_adachi_01
1
480
reFACToring
moznion
0
170
AIエージェントがあれば技術書なんてすぐ書けるでしょ→無理でした
watany
2
210
Multicaで30個のミニプロジェクトをAIエージェント運用して見えてきたこと
eiei114
1
620
Type-safe IaC for Dart
coborinai
0
180
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Building an army of robots
kneath
306
46k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
260
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
660
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
640
Faster Mobile Websites
deanohume
310
32k
WENDY [Excerpt]
tessaabrams
11
38k
Prompt Engineering for Job Search
mfonobong
0
380
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1k
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
૯ධ
͍͠ͳ͕Β
ֶָͯ͘͠ ͍͠ͳ͕Β
͍͠ͳ͕Β Ͱ͖ͨ ֶָͯ͘͠
ͦΜͳ༁ମݧͰͨ͠
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠