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
270
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
280
クライアントワークと管理画面の話
texdeath
0
180
次世代ヘッドレス開発室が提供するヘッドレスEC
texdeath
0
620
中期プロジェクトで e2eテストを導入してみて感じたこと
texdeath
2
7.7k
おさらいVue Composition API
texdeath
0
420
Optional Chainingについて
texdeath
3
170
副業として個人事業主をやる場合の メリット・デメリット
texdeath
0
100
Container Componentは必要なのか
texdeath
4
610
Kotlin/JSでReactアプリを作ってみた
texdeath
1
890
Other Decks in Programming
See All in Programming
GAEログのコスト削減
mot_techtalk
0
110
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
640
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
490
WebDriver BiDiとは何なのか
yotahada3
1
140
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
AHC041解説
terryu16
0
590
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
660
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
550
Domain-Driven Transformation
hschwentner
2
1.9k
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
220
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Optimizing for Happiness
mojombo
376
70k
Embracing the Ebb and Flow
colly
84
4.6k
Side Projects
sachag
452
42k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Unsuck your backbone
ammeep
669
57k
The Language of Interfaces
destraynor
156
24k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
4 Signs Your Business is Dying
shpigford
182
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing Experiences People Love
moore
139
23k
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