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
260
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
250
クライアントワークと管理画面の話
texdeath
0
150
次世代ヘッドレス開発室が提供するヘッドレスEC
texdeath
0
600
中期プロジェクトで e2eテストを導入してみて感じたこと
texdeath
2
7.6k
おさらいVue Composition API
texdeath
0
400
Optional Chainingについて
texdeath
3
150
副業として個人事業主をやる場合の メリット・デメリット
texdeath
0
100
Container Componentは必要なのか
texdeath
4
590
Kotlin/JSでReactアプリを作ってみた
texdeath
1
870
Other Decks in Programming
See All in Programming
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
4
1.4k
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
290
GitHub Actionsのキャッシュと手を挙げることの大切さとそれに必要なこと
satoshi256kbyte
5
430
Outline View in SwiftUI
1024jp
1
330
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
リアーキテクチャxDDD 1年間の取り組みと進化
hsawaji
1
220
AWS IaCの注目アップデート 2024年10月版
konokenj
3
3.3k
Ethereum_.pdf
nekomatu
0
460
【Kaigi on Rails 2024】YOUTRUST スポンサーLT
krpk1900
1
330
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
230
Realtime API 入門
riofujimon
0
150
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
9
3.3k
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
What's new in Ruby 2.0
geeforr
343
31k
Side Projects
sachag
452
42k
Statistics for Hackers
jakevdp
796
220k
Being A Developer After 40
akosma
86
590k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
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