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
React使いがVueと仲良くなるためにやったこと
Search
texdeath
October 17, 2019
Programming
0
250
React使いがVueと仲良くなるためにやったこと
今までの業務でReactばかり書いてきた僕が新しい職場でNuxt・Vueを書くことになったので、触ってみた所感や新しいバージョンへの期待をまとめました。
texdeath
October 17, 2019
Tweet
Share
More Decks by texdeath
See All by texdeath
コードメトリクス計測による課題可視化と品質確保 / Visualize issues and ensure quality by measuring code metrics
texdeath
0
150
クライアントワークと管理画面の話
texdeath
0
120
次世代ヘッドレス開発室が提供するヘッドレスEC
texdeath
0
590
中期プロジェクトで e2eテストを導入してみて感じたこと
texdeath
2
7.5k
おさらいVue Composition API
texdeath
0
380
Optional Chainingについて
texdeath
3
150
副業として個人事業主をやる場合の メリット・デメリット
texdeath
0
100
Container Componentは必要なのか
texdeath
4
590
Kotlin/JSでReactアプリを作ってみた
texdeath
1
850
Other Decks in Programming
See All in Programming
dotfiles について話したい #湘なんか
stefafafan
2
280
Appleの新しいプライバシー要件対応: ノーコードアプリ プラットフォームの実践事例
nao_randd
1
450
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
250
Ruby Parser progress report 2024
yui_knk
2
180
2024 컴포즈 정원사
jisungbin
0
140
The Sequel to a Dream of Ruby Parser's Grammar
ydah
1
180
LR で JSON パーサーを作る / Coding LR JSON Parser
junk0612
2
170
The Future of Frontend i18n : Intl.MessageFormat
sajikix
1
2.4k
Method Swizzlingを行うライブラリにおけるマルチモジュール設計
yoshikma
0
100
プログラマのための音楽入門
cheebow
4
540
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
210
座談会 「Strict ConcurrencyとSwift 6が開く新時代: 私たちはどう生きるか?」
shiz
4
2.9k
Featured
See All Featured
Gamification - CAS2011
davidbonilla
79
4.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
Web development in the modern age
philhawksworth
204
10k
Rails Girls Zürich Keynote
gr2m
93
13k
RailsConf 2023
tenderlove
26
790
From Idea to $5000 a Month in 5 Months
shpigford
378
46k
Testing 201, or: Great Expectations
jmmastey
35
6.9k
Producing Creativity
orderedlist
PRO
340
39k
GraphQLの誤解/rethinking-graphql
sonatard
65
9.7k
A better future with KSS
kneath
235
17k
For a Future-Friendly Web
brad_frost
173
9.3k
Writing Fast Ruby
sferik
623
60k
Transcript
3FBDU͍͕7VFͱ ྑ͘ͳΔͨΊʹͬͨ͜ͱ 1
๏ ాɹউॣ ๏ ϑϩϯτΤϯυΤϯδχΞ ๏ 3FBDU/PEF7VF /VYU ๏ 7VFྺϲ݄ͪΐ͍͘Β͍
๏ 5XJUUFS!UFYEFBUI 2
Agenda 1. なぜVueを書くことになったか 2. 仲良くなれそうなところ 3. つらいところ 4. Vue3.xへの期待 5.
まとめ 3
͜Ε·Ͱͷܦྺ • React/ReduxでSPA開発 • 業務の60%以上React/Reduxでのツール開発 • 残りは設計とか運用とか調査とか… • 結構何でもやってた 4
ͳͥVueΛॻ͘͜ͱʹͳ͔ͬͨ • 転職 • 何でも屋さんだったので、フロントエンド に集中したかった • フロントエンドやクリエイティブコーディ ングをやりたかった •
転職先ではVueも扱えないといけない 5
6 ษڧ։࢝
7 ษڧ࢝͠Ίͯ ͙͢ࢥͬͨ͜ͱ
8 ͱͱͷࢥ͕ҧ͏
ͦΕͧΕͷΠϝʔδͷҧ͍ͷཧղ͔Βೖͬͨ 9 ॊೈ HTMLΛ֦ு͢ΔΠϝʔδ ॳݟʹ༏͍͠ ݫ֨ JavaScriptΛ֦ு͢ΔΠϝʔδ ॳݟʹͱ͖ͬͭʹ͍͘
10 ࣮ࡍʹ৮ͬͯΈΔ
ͳΜͱͳ͘ͷॴײɿྑ͘ͳΕͦ͏ͳͱ͜Ζ • Scoped Styleが標準装備なのが良い • Reactだと何かライブラリ入れないと無理 • ドキュメントが超親切 • 他のフレームワークと比べても圧倒的に初
心者に優しい • ミドルウェア入れるの簡単 • Firebase認証とかも簡単に入れられて便利 11
ͳΜͱͳ͘ͷॴײɿͭΒ͔ͬͨͱ͜Ζ • 関数型に慣れてると辛い • TS入れるためにVue-Class-Componentを使っ ているが、そもそもClassでコンポーネント 書きたくない • <element></element> ←
<element />にしたい • JSXでも書けるらしいけど… 12
13 ৽͘͠Ճ͞ΕΔ ػೳΛΔ
৽͘͠Ճ͞ΕΔػೳΛΔ 14
15 Vue 3.xͷظ
Vue Composition APIʢVue3.x RFCʣ 16
setupؔ͑ؔܕͬΆ͘ॻ͚Δ 17 React Hooksʹࣅͯͯ͞Βʹྑ͘ͳΕͦ͏
18 ·ͱΊ
·ͱΊ •それぞれの思想の違いを理解することが大事 •Vueの公式ドキュメントがとても親切で好き •Vue Composition APIがすごく楽しみ 19