VueをReactにリプレイスしてEasyからSimpleにした話
はじめに こんにちは、株式会社マイベストでフロントエンドのテックリードをしているteppeitaです。 弊社が運営している mybest の技術スタックをVueからReactに移行したので、その時の話を共有したいと思います💪 mybestのフロントエンド紹介 まずはイメージしやすくするために、簡単にmybestのフロントエンドについてご紹介します。 フロントエンドの技術構成 - TypeScript - React - ApolloClient（APIがGraphQLです） - Storybook（VRTやinteraction testsを実行しています） - Jest - Cypress ↑少し前まで、ReactのところがVueでしたが、リプレイスしました。今回はその話です。 画面構成 mybestには、大きく分けて、フロント画面（一般ユーザーが見る画面）と管理画面が有ります。 その
Vue 3 was a mistake that we should not repeat
More than 4 years have passed since the initial introduction of Vue 3. Many discussions over several RFCs and a lot of influence from other modern frameworks including React and Svelte have shaped Vue to become probably the most powerful and well-rounded framework out there, capable of progressively supporting applications of any scale and architecture. Sounds exciting, right? Well, the truth is f
Vue 3 as the New Default | The Vue Point
TL;DR: Vue 3 is now the new default version as of Monday, February 7, 2022! Make sure to read the Potential Required Actions section to see if you need to make certain changes before the switch to avoid breakage. From a Library to a Framework When Vue first started, it was just a runtime library. Over the years, it has evolved into a framework that encompasses many sub projects: The core library,
Vue2のプロジェクトをVue3へマイグレーションする
Vue 3が正式リリースされてから約1年が経過しました。 Vuetifyのリリース目標である2021年Q3も近づく中でそろそろVue3へのアップデートを検討されている方もいらっしゃることでしょうか？ この記事ではVue 2からVue 3への移行手順を記述していきます。 参考用のプロジェクトとして以下レポジトリを用意しました。 Vue 2からの移行を体験してみたい場合には、vue2-todo-appのタグにチェックアウトしてください。 移行ビルドを使用する Vue 2からVue 3へ移行するためのツールとして、公式から@vue/compatが提供されています。 @vue/compatを使用すると、Vue 2モードで動作するため、Vue 3で削除や非推奨になったAPIも一部の例外を除いてそのまま使用することができます。Vue3 で削除で非推奨になった機能は実行時に警告が出力されるようになります
What Vue.js Does Better Than React
I’ve been a React engineer for the past 5 years. I love React. I love making React applications. I think it’s one of the best UI frameworks available right now. However, there are a few competitors in this space. One of the biggest is Vue.js. I’ve played around with Vue.js a little bit in the past but I figured it was way past due to do a deep dive into how Vue.js works, and how it makes my life a
正式リリース前に総予習!! Vue3の変更点まとめ - Qiita
8月上旬に正式リリース予定とされているVue3の変更点をいち早く理解できるように概要をまとめてみました。それぞれの項目ごとにvuejs/rfc又はVue3 Documentへのリンクを貼っているので索引的に使ってもらえると嬉しいです。 この記事は以下バージョン時点の情報です。 vue-next v3.0.0-rc.5 Composition APIの追加 rfcs/0013-composition-api.md at master · vuejs/rfcs Composition API RFC | Vue Composition API おそらく一番大きな目玉となる変更はこちら。Composition APIという新しいAPIが追加されます（PluginでVue2系でも使用可能です）。 Composition APIはコンポーネントのロジックの柔軟な再構成を可能にする関数ベースのAPI群
RailsでVue.jsのSFC（単一ファイルコンポーネント）を使うためにWebpackを入れてみた - SMARTCAMP Engineer Blog
こんにちは。エンジニアの笹原です。 スマートキャンプではフロントエンドの開発にVue.jsを取り入れています。 Vue.jsで開発するうえで、SFC（単一ファイルコンポーネント）を利用できることは良さの一つだと思います。 今回は、Sprocketsでアセット管理を行っているRailsプロジェクトに、Webpackを入れることでSFCを使えるようにする方法を紹介します。 SFC（単一ファイルコンポーネント）とは SFCの良さ SFCの実装方法 Sprocketsを利用しているRailsプロジェクトにSFCを導入する 課題と解決方法 完成予想プロジェクト構成 導入手順①: 必要なnpmモジュールのインストール 導入手順②: Webpackの設定 導入手順③: ビルドの実行 終わりに SFC（単一ファイルコンポーネント）とは Single File Componentの略で、テンプレート、ロジッ
実際のサービスをRails＋Vue.js(Single File Components)を用いてSPAへリファクタリングした話
エンジニアの西辻です。 今回の記事では、Railsプロジェクトで一部の画面のみをVue.jsを用いてSPA化するにあたって、その際に得た知見などを共有できたらと思います。 Overview 大きく以下の流れで書いていきます。 Motivation RailsとVue.jsの連携方法について調査、部分的なSPAが実現可能かの検証 実装を進めていく中での気づき スマホ対応の方針決め 最後に Motivation まず、なぜRailsプロジェクトで一部の画面のみをSPA化する必要があったかの背景を説明したいと思います。 今年の5月からtoB向けの管理ツールを新規開発したのですが、その際にjQueryだとコードの見通しが悪いのでVue.jsを積極的に利用していこうという話があり、チームメンバーでVue.jsを学習しながら開発を進めていました。 管理ツール自体は無事リリースでき、稼働はしているのです
Rails資産を活かして、webpackによる Vue (Single File Components) 共存を試みた際の調査まとめ - Qiita
Rails資産を活かして、webpackによる Vue (Single File Components) 共存を試みた際の調査まとめRailsVue.jswebpackwebpacker Rails と Vue の共存をしたい。 できれば以前のコードを活かしたい。 既存アプリケーションをいきなりSPAにするには敷居が高い。 そう考えて調査したことをまとめました。 大きな流れではVue単一コンポーネントやSPAへ置き換えていく方向で検討したいが、既存のRails/Hamlで生成しているテンプレートも資産として捨てがたい。という方向け。 2つのアセットパイプラインを理解する まずは、次の２つのアセットパイプラインを理解する必要がありました。 いままでRailsの恩恵を受けて、理解せずにきましたが、ここできちんと理解できたのはよかったです。 端的にいうと、 1. webpack : Rails5
2020年後半版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita
2020年後半版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTipsJavaScriptTypeScriptVue.jsフロントエンドvue-cli はじめに 最近iCAREさんの所でVue.jsを一緒にやらせていただいているのですが、フロントの技術スタックがGraphQL + Vue.js + TypeScriptで開発しており、そこでのVue.jsの開発体験がかなり良く、iCareさんの詳細なノウハウを公開しても良いと言っていただけたので、言語化し、整理して、共有出来たらと思います. ※ いつも通り記事の内容に意見がありましたら直接編集リクエストをください 前置き 今回のサンプルは@vue/cliを利用し、プリセットはTypeScriptだけいれときました. versionは2020年7月16日
Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs
Vue 3: Mid 2020 Status Update Many of our users have been asking this question: when will Vue 3 be ready? We have refrained from giving a definitive answer because predicting software delivery time is hardly ever accurate. As a non-profit-driven project, we wanted to focus on writing good software instead of hitting deadlines. However, it's been a long wait, and we know the uncertainty can make it
The process: Making Vue 3 – Increment: Frontend
Over the past year, the Vue team has been working on the next major version of Vue.js, which we hope to release in the first half of 2020. (This work is ongoing at the time of writing.) The idea for a new major version of Vue took shape in late 2018, when the codebase of Vue 2 was about two-and-a-half years old. That may not sound like a long time in the life span of generic software, but the fron
⚓ T241180 RFC: Adopt a modern JavaScript framework for use with MediaWiki
"Love" token, awarded by Prototyperspective."Pterodactyl" token, awarded by Ash_Crow."Like" token, awarded by Peb."Orange Medal" token, awarded by Pablo-WMDE."Like" token, awarded by eranroz."Party Time" token, awarded by Mvolz."Mountain of Wealth" token, awarded by WMDE-leszek."Party Time" token, awarded by Osnard."Party Time" token, awarded by Addshore."Love" token, awarded by Jakob_WMDE."Like"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue vs. Svelte with Evan You and Rich Harris
社内でフロントエンドのパフォーマンスチューニングコンテストを開催した
GitHub - bradtraversy/vuex_todo_manager: Vuex crah course app
Refactoring your Vue 2 apps to Vue 3 - LogRocket Blog
Modern Vue Components without Vetur
Nuxt.jsプロジェクトの改善テクニック
ぼくのかんがえたさいきょうのVueあーきてくちゃ
