並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 1248件

新着順 人気順

vueの検索結果161 - 200 件 / 1248件

  • Vue 2 からVue 3 に移行完了しました! - クラウドワークス エンジニアブログ

    Vue.js ロゴ画像提供 : https://github.com/vuejs/art はじめに こんにちは、クラウドワークス ジャンヌチームの@bugfire、@okuto_oyama、@yizknnです。 ジャンヌチームはクラウドワークスの負債を管理下に置くことがミッションのチームです。 問題の大きさに合わせて、直接解決する場合や、他チームと連動したりこちらから依頼することもあります。 弊社のアドベントカレンダー「crowdworks.jp のフロントエンド活動を振り返る 2021」の記事で触れていた Vue 3 移行が完了したので、その報告になります。 Save the date: Vue 3 is becoming the new default version on Monday Feb 7, 2022.https://t.co/ub8L4KhPsJ— Vue.js (@vue

      Vue 2 からVue 3 に移行完了しました! - クラウドワークス エンジニアブログ
    • なんでVueを使っているか|laiso

      仕事でVueというかNuxtを選んで使っているんですけど、なんでだっけという部分を思い出してみる Reactも使っているので評価してどちらかを選定する話ではないです まずLaravelで構成されたソースコードがあってここにどうやって機能を後付けするかという部分を考えた 要件として特定のUIを実現するJavaScript SDKがあったのでこの時点でSPA+APIにした 次にその時点でVueがLaravelでJSを書く時のデフォルト選択肢だったのでVueにした SSRは不要なことが分かっていたのでvue-cliで構築して、複数画面への遷移が必要になった段階でルーターを試しNuxtへ移行した 私の中ではReactもVueも期待する同じDXを提供する高度で自作できないもの、という位置付けなので、Laravel側の選択肢に偏りがあるのならそれに従って問題ないという認識だった 仮に別のフレームワーク

        なんでVueを使っているか|laiso
      • Vue.js でファイルベースルーティングを実現する「Unplugin Vue Router」の紹介

        Web アプリケーション開発において、ファイルベースルーティングはコードの可読性向上や開発効率化に大きく貢献します。本記事では、Vue.js アプリケーションでのファイルベースルーティングをシンプルかつ型安全に実現できる「Unplugin Vue Router」をご紹介します。Nuxt のような大規模なフレームワークは少し大げさだと感じる場合や、Vue Router をより効率的に活用したい方はぜひ参考にしてください。 Unplugin Vue Router 概要 ファイルベースルーティングによってファイルのパスと URL を直接対応させることで、コードの構造を直感的に理解できます。 TypeScript との連携によりコンパイル時にルーティングのミスを検出でき、より安全な開発が可能になります。 Nuxt のようなフルスタックフレームワークと比較して軽量であり、小規模なプロジェクトに最適で

          Vue.js でファイルベースルーティングを実現する「Unplugin Vue Router」の紹介
        • Vue.jsの今までをざっくり

          今年でVue.jsは最初の公開から10年となりました。 各機能が実装されていく様子からEvanYou氏とVueJS開発チームの 優先度の判断、考え方の変遷、利用者の声の拾い上げ方等から学びがあると思ったことから、 Vue.jsの歩みをざっくりですが振り返ってみたいと思います。

            Vue.jsの今までをざっくり
          • なぜ分割代入をすると Vue は reactive ではなくなるのか - Stockmark Tech Blog

            こんにちは。 Anews の開発に携わっている Engineer の 羽柴 と申します。 Anews はフロントエンドを Vue で開発しています。 自分自身の背景として、Stockmarkに入社するまでは React を使って開発していたので Vue の経験は殆どない状態でした。 そこで理解を深めるために chibivue を使った勉強会を社内で進めています。 その時に気づいたことを share したいなと思い、この記事を書きました。 ja.vuejs.org chibivueとは Vue を書き始めた感想 chibivue の勉強会を進めて Proxyについて でもなんで まとめ 余談 最後に chibivueとは ubugeeei.github.io Vue を最少単位で作ってみようという project です。 浅い理解でよければ公式 docs をさらっと読んで実装するのが早いので

              なぜ分割代入をすると Vue は reactive ではなくなるのか - Stockmark Tech Blog
            • 無料で Vue.js + express で作った API を Azure Static Web Apps でホストしてみよう - Qiita

              無料で Vue.js + express で作った API を Azure Static Web Apps でホストしてみようAzureTypeScriptAzureFunctionsAzureStaticWebApps Build 2020 見てたら Azure App Service Static Web Apps が公開されました。現在は public preview ですが、Azure Functions と統合されていて API も統合されているのは便利そうだなぁと思いました。控え目にいって最高! Cosmos DB も 5GB で 400RU(性能の指標です) まで無料なのでフロントから API とデータを保存するところまで全部無料でいけるようになったのは大きいですね。 今回やりたいこと 今回は、Azure App Service Static Web Apps (長いので S

                無料で Vue.js + express で作った API を Azure Static Web Apps でホストしてみよう - Qiita
              • Jestを使ったVueコンポーネントのテストを導入した話 - MicroAd Developers Blog

                はじめまして、フロントエンドエンジニアをしている川上です。 業務では、主にサービス要件に沿ったフロントエンド開発を担当しています。 今回は、私自身初めての経験だったフロントエンドのテスト導入手順や、 導入するにあたって気をつけた点などをお話しできればと思います。 はじめに Vueコンポーネントのテストについて Jestの導入について Jestを利用したテスト おわりに はじめに マイクロアドには様々なプロダクトがありますが、私の担当しているUNIVERSEというプロダクトについては、 フロントエンドフレームワークにVue.jsを利用しています。 jp.vuejs.org テストの導入を行うにあたって、今後、現在利用しているVue2をVue3へ移行していくことを考えると*1 TypeScript*2でテストを書いていくのがいいということになりました。 また、TypeScriptのメリットでも

                  Jestを使ったVueコンポーネントのテストを導入した話 - MicroAd Developers Blog
                • プロダクトのパフォーマンスを改善するためにVue.jsの関数型コンポーネントやpropsに関する施策を行った話 - SMARTCAMP Engineer Blog

                  こんにちは!フリーランスエンジニアとしてスマートキャンプに参画している芳岡です。 弊社のプロダクトであるBiscuet(https://biscuet.jp/)の開発に初期から参画していますが、サービスが世の中に展開されていく過程、チームが大きくなっていく過程を間近で見れとても興味深く思っています。 今回は、そのBiscuetで使用しているVue.jsのパフォーマンス改善を行ったのですが、そこで気づいたいくつかのポイントを整理してお届けします。 Vue.jsのパフォーマンス 関数型コンポーネント propsは、オブジェクト全体か各プロパティごとか? プロパティごとに渡す方法 オブジェクトを渡す方法 注釈 最後に Vue.jsのパフォーマンス Vue.jsでは、状態変更によって、仮想DOMが繰り返し再計算(updateRender)されるため、それによりパフォーマンスが悪くなることがあります

                    プロダクトのパフォーマンスを改善するためにVue.jsの関数型コンポーネントやpropsに関する施策を行った話 - SMARTCAMP Engineer Blog
                  • VueUse: 5分で分かる Vue.js 開発の効率化術

                    Vue.js v-tokyo Meetup #21 のLT資料です。 https://vuejs-meetup.connpass.com/event/321431/

                      VueUse: 5分で分かる Vue.js 開発の効率化術
                    • 【React/Vue.js】コンポーネント指向と好相性なCSS Modulesを用いたCSS設計について|Offers Tech Blog

                      概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer(主戦場はフロントエンド)の Kazuya です。今回は、CSS Modules を用いたコンポーネントの CSS 設計について紹介します。 コンポーネントを作成する際に、どのような CSS 設計にすればいいのか悩んだ方も多いのではないでしょうか。(筆者はよく探求の旅に出ています)本記事では、昨今フロントエンド開発で採用されるケースが増えている「CSS Modules」を用いた CSS 設計を実装例を元に解説していますので、ぜひ参考にしてもらえればと思います。 おすすめの記事 はじめに 本記事では、CSS Modules を用いたコンポーネントの CSS 設計について紹介します。基本的に他のフレームワークや言語でも活用できますが、チームメンバーのスキルアセット、要件定義など様々な

                        【React/Vue.js】コンポーネント指向と好相性なCSS Modulesを用いたCSS設計について|Offers Tech Blog
                      • Vue 3 と D3.js で作る可視化アプリ | 豆蔵デベロッパーサイト

                        筆者は Scrapbox を愛用しており、Scrapbox プロジェクトのページ間のグラフ構造を可視化するためのツールを作ったりしています。 GitHub - mamezou-tech/sbgraph: Fetch Scrapbox project data and visualize activities. このツールは Graphviz の dot 形式ファイルを出力するので手軽にグラフ構造の可視化が可能です[1]。 D3.js を使うと Graphviz よりインタラクティブな可視化アプリを作れます。グラフ構造の可視化には、force simulation を使うと効果的です。 Force-Directed Graph かなり前に Vue 2 と D3.js を使って可視化のための SPA (Single Page Application) を試作して放置していました。 放置している

                          Vue 3 と D3.js で作る可視化アプリ | 豆蔵デベロッパーサイト
                        • 【第2回】Vue.js 入門 〜ディレクティブ編〜 - 株式会社ライトコード

                          (株) ライトコードの宮田です。 前回は、Vueインスタンスを作成し、data に持たせた "Hello World" の文字列を表示するプログラムを作成しました。 今回は「ディレクティブ」と呼ばれる、Vue.jsが提供している特別な属性を利用したプログラムを書いてみましょう! 前回の記事はこちら 2019.11.11【第1回】Vue.js 入門 〜Hello World編〜Vue.js を始めてみよう!宮田(株) ライトコード Webエンジニアの宮田です。今回、 JavaScript のフ... ディレクティブとは 接頭辞 v- が付いたVue.jsの特別な属性のことを指します。 その式の値が変更されるとき、 DOM に対してリアクティブに特殊な動作を適用することができます。 準備 まずは、前回と同様にプロジェクトファイルと index.htmlファイルを用意しましょう。

                            【第2回】Vue.js 入門 〜ディレクティブ編〜 - 株式会社ライトコード
                          • Vue.js composition-api を使った開発でおすすめしたいこと

                            はじめに Vue.js はバージョン 3 がリリースされたこともあり、バージョン 2.x 系を使っていてもプラグインを利用して composition-api を使った開発をしている人が多いと思います。 私も composition-api が公開されて比較的早い段階から利用してきました。結果、使い方が私の中で固まったので共有したいと思います。 なお、比較的大規模かつ、長期的にメンテナンスしたいようなプロダクトを想定しています (大体そうだと思いますが)。 プロトタイピングや寿命の短いソフトウェアなら、ここで説明することはあまり合わないかもしれません。 また、Typescript の利用を前提としています。 composition-api と Options API について composition-api 自体についてを知りたい場合は以下を御覧ください。 私が composition-a

                              Vue.js composition-api を使った開発でおすすめしたいこと
                            • Vue.js 3 のベータ版がリリースされたので予習してみる - SMARTCAMP Engineer Blog

                              こんにちは!スマートキャンプでエンジニアをしている中川です。 いきなりですが、つい先日待望の Vue.js 3.0.0 beta がリリースされました! We just released Vue 3.0.0-beta.1! Here's an overview from @youyuxi on the status of 3.0 core and official tools & libraries: https://t.co/7TP5ZMtjK4— Vue.js (@vuejs) April 16, 2020 ステータスは beta なのでいま2系からアップグレードすることに抵抗はありつつも、待望の新バージョンなので内容が気になる・試してみたい方も多いのではないでしょうか。(かくいう私自身がそうです) そこで今回の記事ではVue.jsの今後のロードマップを紹介して、何がいつリリースされる

                                Vue.js 3 のベータ版がリリースされたので予習してみる - SMARTCAMP Engineer Blog
                              • Proposal for dropping ie11 support in Vue 3 · vuejs/rfcs · Discussion #296

                                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                  Proposal for dropping ie11 support in Vue 3 · vuejs/rfcs · Discussion #296
                                • Vue.jsでSlotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて解説

                                  Vue.jsのコンポーネント間でデータを渡す方法はたくさんありますが、Propsを使うかSlotsを使うかはニーズによります。Slotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて紹介します。 The Difference Between Props, Slots and Scoped Slots in Vue.js by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Vue.jsのProps Vue.jsのSlots 名前付きSlotsとの違い スコープ付きSlotsとの違い 終わりに はじめに 私はVue.jsを使い始めた時は、コンポーネント間のデータをPropsを介して渡していましたが、使い続けていくと、Slotsでも同じ結果を得られ

                                    Vue.jsでSlotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて解説
                                  • Vue.js未経験のベテランプログラマーに作業依頼したところ難なくこなしてしまうのですが、隠れて努力してるのでしょうか?それとも経験により新しいフレームワークにも対応できてしまうのでしょうか?

                                    回答 (6件中の1件目) VB歴20年ですが、ちょっと努力しました。node.jsベースの開発が初めてだったもので。 これまでも何度かnode.js環境にチャレンジしそうなタイミングはあったのですが、「テキストエディタさえあればできるWeb開発に、node.jsをインストールせよとは何様!?ふざけるな!」という意識があり、自らチャンスを捨てていました。 しかし同時に、jQueryゴリゴリの開発に嫌気がさしても来ていました。「なんでここまでがんばってDOM操作せんとあかんの?」「Webってもっと単純やったやん?凝ったGUIしたかったらWebなんて選ぶなよ。」「このゴリゴリソースをユーザ...

                                      Vue.js未経験のベテランプログラマーに作業依頼したところ難なくこなしてしまうのですが、隠れて努力してるのでしょうか?それとも経験により新しいフレームワークにも対応できてしまうのでしょうか?
                                    • ep.32 Vue 3 Study 「RFC を全部読んで理解する Vue 3.0 の進化」 | UIT INSIDE

                                      @spring_raining と @NozomuIkuta が、来る Vue 3.0 に向けて、RFC の内容を全て読み込んでみました。 ゲスト Ikuta nozomu ITSC Front-End Engineer 「Vue 3 勉強会」について LINEのJSerによる社内ミーティングの中で、現在定期的に開催されている Vue 3 とは Vue.jsのメジャーアップデート 2020 Q1にリリース予定 大きな記法変更などが発生するため、RFCに注目が集まっている Vue 3.0 RFCs Global APIの変更 0004: Vueの各種APIをNamed exportsにして、tree-shaking可能な関数として切り出し https://github.com/vuejs/rfcs/blob/master/active-rfcs/0004-global-api-treesha

                                        ep.32 Vue 3 Study 「RFC を全部読んで理解する Vue 3.0 の進化」 | UIT INSIDE
                                      • ep.50 AngularJSからVue.js - 大型リニューアルの学び | UIT INSIDE

                                        ゲスト紹介 @kimulacoさん フロントエンド開発センター UIT 1室 LINE GIFTのフロントエンドをメインに担当 リニューアルの背景 LINE GIFT 友達や自分宛てに、Eギフトやお取り寄せギフトを贈れるサービス 住所を知らない友達にギフトを送ることも可能 LINE アンケート ユーザーにアンケートを配信し、回答を受け付けるサービス リニューアル企画の進め方 GIFTとアンケートのリニューアル 似たような状況からのリニューアル AngularJS (Angular v1.x)からVue.js Grunt から Webpackやコードスプリットなどのビルド改善 リニューアルを始めたきっかけ GIFT リソースに余裕ができていた フロントエンドエンジニアから他のチームに推薦 アンケート 元々計画はあったがなかなか始められなかった はるさめさんが入ったことなどをきっかけに企画が動

                                          ep.50 AngularJSからVue.js - 大型リニューアルの学び | UIT INSIDE
                                        • 「開発はVue.jsでしたいけど、TypeScriptを入れたい問題」をどうするか フロントエンド開発のお悩み相談

                                          Vue.jsに関する勉強会「Roppongi.vue #2」が2019年7月31日に開催されました。Vue.jsをさまざまな角度から掘り下げ、知見をシェアします。トークセッション 「最近のフロントエンドぶっちゃけどうっすか?」に登壇したのは、フロントエンドエンジニアで活躍するpotato4d氏とkahirokunn氏。昨今のフロントエンド界隈事情をディスカッションします。 gRPC-webは伸びしろがある tadano:Q3.「みんなにもっと知ってほしい知識や、積極的に広めたいモノはありますか?」。 potato4d:それこそ今の話ですが、gRPC-webは伸びしろがあると思っています。あと、異なる言語間で通信できるというところで、IDLという概念がこれから重要になってくると思っています。BFF層も、これから過労死するぐらい使われていくことになると思う。 例えばBFF層がTypeScrip

                                            「開発はVue.jsでしたいけど、TypeScriptを入れたい問題」をどうするか フロントエンド開発のお悩み相談
                                          • Vue / Vite 関連ライブラリー名の読み方 2024

                                            Vue/Vite 関連のライブラリー名の読み方は間違えられやすいものが多く、混乱を招くことがあります。この記事では、2024 年現在における Vue/Vite 関連ライブラリーの正式な読み方や由来をまとめ、正しい知識を共有することを目的としています。 Vue フロントエンド UI フレームワークのひとつ。 「ヴュー」と読む(口語だと「ビュー」と発音することが多い)。 Vue(発音は /vjuː/、view と同様) https://ja.vuejs.org/guide/introduction.html#what-is-vue Pinia Vue 公式の状態管理ライブラリー。 「ピーニャ」と読む。スペイン語で「パイナップル」を表す単語 piña に由来。 「ピニア」ではない。 Pinia (pronounced /piːnjʌ/, like "peenya" in English) htt

                                              Vue / Vite 関連ライブラリー名の読み方 2024
                                            • Vue.js研修資料 - Qiita

                                              Googleトレンドのトピックの推移 Vue.jsのメリット 学習コストが低い 公式ドキュメントがしっかりしている 日本語ドキュメントが多い 軽量なフレームワークである 基本機能に絞ることで簡単に作れる DOM操作を自動的に行ってくれる 小中規模のWebサイトを作るのに向いている SPA(Single Page Application)開発につよい 簡単かつシンプルで日本語ドキュメントもある!!→社内システムを作るのにちょうどいい Vueの勉強の仕方 公式サイト:https://jp.vuejs.org/index.html 勉強を始める前になぜ Vue.jsの動画を見ると感覚的に理解できる 有名な本 amazon:https://www.amazon.co.jp/s?k=vue&__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&ref=nb_

                                                Vue.js研修資料 - Qiita
                                              • Vue 2.7 is Now in Beta | The Vue Point

                                                We are happy to announce that Vue 2.7 is now in beta. Despite Vue 3 now being the default version, we understand that there are still many users who have to stay on Vue 2 due to dependency compatibility, browser support requirements, or simply not enough bandwidth to upgrade. In Vue 2.7, we have backported some of the most important features from Vue 3 so that Vue 2 users can benefit from them as

                                                  Vue 2.7 is Now in Beta | The Vue Point
                                                • GitHub - vuejs/petite-vue: 6kb subset of Vue optimized for progressive enhancement

                                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                    GitHub - vuejs/petite-vue: 6kb subset of Vue optimized for progressive enhancement
                                                  • 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,

                                                      Vue 3 as the New Default | The Vue Point
                                                    • GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

                                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                        GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
                                                      • Vue.js を使った副業のリアル。スタートアップでの働き方と注意点 | Offers Magazine

                                                        「Offersエージェント」では、業界で活躍するプロフェッショナルがあなたの転職を徹底サポート。CxO経験者を含む現役エンジニア・デザイナー・プロダクトマネージャーが在籍し、職種に特化した専門的なアドバイスをご提供・非公開求人の紹介も可能です。 →【かんたん30秒】無料登録で転職相談する ▲イベント登壇時の写真 これまで本業の傍ら、フロントエンドの副業を複数受けてきました。今回はその経験から得られたものや、これから副業を検討される方に向けての注意点を紹介します。​ まず私が副業を始めた理由は2つ。家賃を副業の収入でまかなえるようにすることと、本業では経験できないことに挑戦してスキルアップを図りたいと思ってのことでした。 副業を始めようと思った当時、私はクライアントワークをメインとしているWeb制作会社に所属していました。クライアントワーク自体は楽しかったのですが、納品して終わりという業務を

                                                          Vue.js を使った副業のリアル。スタートアップでの働き方と注意点 | Offers Magazine
                                                        • Vue 3.2 Released! | The Vue Point

                                                          We are excited to announce the release of Vue.js 3.2 "Quintessential Quintuplets"! This release includes many significant new features and performance improvements, and contains no breaking changes. New SFC Features #Two new features for Single File Components (SFCs, aka .vue files) have graduated from experimental status and are now considered stable: <script setup> is a compile-time syntactic su

                                                            Vue 3.2 Released! | The Vue Point
                                                          • Vue.js 2019年 締めくくり|kazupon

                                                            今年2019年も去年と同じような感じであれですが、2019 年の Vue.js における状況、そして大きい出来事をまとめつつ、Vue.js アドベンドカレンダの最後を締めくくりたいと思います。 Vue.js の状況今年も The State of Javascript から JavaScript 周りのアンケート調査の結果が出されました。 2019 年の Vue.js に対する満足度状況としては以下のような結果になっています。 Vue.js の満足度ですが、「使ったことがありまた使いたい」という結果は、2018 年は 20.8% だったのに対して、2019 年は 40.5 % という数値結果になっています。2019 年も前年 2018 年と同様に Vue.js に対する認知と利用ユーザーが伸びていることが分かると思います。 Vue.js 3.0 に向けた RFCs が公開された2019年1

                                                              Vue.js 2019年 締めくくり|kazupon
                                                            • Nuxt.jsで未利用のVueコンポーネントを探すシェルスクリプト - Qiita

                                                              最近Nuxt.jsでWebアプリを作ってるけど、 度重なる改修でVueコンポーネントが乱立。。 使ってないのもたくさんありそうなので、調べるスクリプトを作ってみた。 スクリプトはこんな感じ #!/bin/bash # vueコンポーネントの一覧を取得 FILES=`find components -name "*.vue"` for i in $FILES; do # 全体からコンポーネントをインクルードしている行の数を取得 NUM=`grep -r "$i" * | wc -l | sed -e "s:[^0-9]*::g"` # ファイル名と見つけた件数を表示 echo "** ${NUM}: ${i}" # grepした結果を表示(確認用) grep -r "$i" * echo "" done ** 1: components/Hero.vue pages/index.vue:im

                                                                Nuxt.jsで未利用のVueコンポーネントを探すシェルスクリプト - Qiita
                                                              • Vue3アップグレード要点解説①:移行ビルド導入前にやるべき7つの作業 - LAPRAS Tech Blog

                                                                こんにちは、LAPRASの業務委託エンジニアのしんです。 先日弊社のプロダクト(LAPRAS と LAPRAS SCOUT)のVue3アップデートがついに完了しました🎉 中〜大規模プロダクトのVue3移行を(開発を止めずに)2回行ったことで様々な学びがありましたので、連載記事の形でVue3移行について解説していきたいと思います。 移行ビルドを用いたVue3移行は大まかに、 移行ビルドの導入前の準備 移行ビルドの導入 & 削除 のフェーズに分けることができます。 第1回目の本記事ではまず「移行ビルド導入前の準備」についてまとめていきます! 移行ビルド導入前にしたほうがいいこと 一度移行ビルドを入れてしまうと、完全に動く状態になるまでmain ブランチへマージできません。 移行ビルド導入のPRは非常に巨大になり工数もかかるため、導入前にできる作業は全て先にやっておくのが吉です(参考までに、3

                                                                  Vue3アップグレード要点解説①:移行ビルド導入前にやるべき7つの作業 - LAPRAS Tech Blog
                                                                • Vue2 Vue3 マイグレーション 令和最新 最強

                                                                  Vue2 Vue3 マイグレーション 令和最新 最強

                                                                    Vue2 Vue3 マイグレーション 令和最新 最強
                                                                  • 巨大化したSPAのフレームワークを少しづつVueに移行しはじめたお話

                                                                    3行で 絶賛スケール中の Backbone.js 製 SPA を Vue.js に置き換えたい! でも一度に全ては置き換えできない...。試行錯誤な工程とサンプルコードをご紹介! 一緒に働くメンバーを大募集中! はじめに こんにちは。株式会社ペライチ開発チームの関(@nekoneko_wan2)と申します。新潟からフルリモートで働いております🍙 。 今回はペライチのコア機能、フロントエンドの一大リファクタプロジェクトを開始したお話をご紹介いたします。実際に手を動かすフロントエンドエンジニアの自分自身が参考になる、と思えるような記事を目指して書いてみました。 同じ様な課題に直面している方、これから立ち向かおうとしている方、この記事が何かしらの役に立てば幸いです。 古く複雑化したコア機能 ペライチはサービス開始より ホームページを誰でもかんたんに作成できる機能 をコア機能として備えています(

                                                                      巨大化したSPAのフレームワークを少しづつVueに移行しはじめたお話
                                                                    • 【第3回】Vue.js 入門 〜ディレクティブ編〜 – 株式会社ライトコード

                                                                      (株) ライトコードでWebエンジニアをやっている宮田です! 前回は、v-bind、v-model、v-on ディレクティブを使って、どんなことができるのか見てきました。 今回も、引き続き、ディレクティブを使ったプログラムをみていきましょう!

                                                                        【第3回】Vue.js 入門 〜ディレクティブ編〜 – 株式会社ライトコード
                                                                      • Vue & Vite Rustify

                                                                        From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE

                                                                          Vue & Vite Rustify
                                                                        • VueとPixi.JSでアクションゲーム『ネコメザシアタック』を開発して3年目なのでソースと解説 - Qiita

                                                                          2/22に個人開発のブラウザゲーム『ネコメザシアタック21』をリリースしました。 特に理由はないのですが、3年前からこの時期には毎年同じテーマでゲームを作ってます。 ぶっちゃけ全然流行らないし、当然収益なんて1円もないのだけど、3年続けると見えてくることもあるので今年も記事書きます。せめて供養がわりにLGTM頂けると幸甚の極みです 作ったものの変遷 まあそんなわけで、まずはこの3年間での進歩をみて欲しい 1年目:その場でジャンプするだけの超シンプルゲーム プレイURL: https://mezashiattack.firebaseapp.com ソースコード: https://github.com/yuneco/mezashi 解説記事: VueとSVGを使ってシューティングゲーム『ネコ🐱メザシ🐟アタック🌟』を作ったのでソースと解説 その場でジャンプして弾(メザシ)を発射するだけの簡

                                                                            VueとPixi.JSでアクションゲーム『ネコメザシアタック』を開発して3年目なのでソースと解説 - Qiita
                                                                          • 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 で削除で非推奨になった機能は実行時に警告が出力されるようになります

                                                                              Vue2のプロジェクトをVue3へマイグレーションする
                                                                            • Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) | Vue Mastery

                                                                              Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) The Vue team has recently released the highly anticipated migration build for Vue 3. If you’ve been thinking about upgrading your Vue 2 app to Vue 3, this is what you need. The process of upgrading an app to the latest version of the framework can be a daunting task. This article series is created to make that process easier. The Vue

                                                                                Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) | Vue Mastery
                                                                              • Vue 3 に向けて Composition API を導入した話 - MicroAd Developers Blog

                                                                                システム開発本部アプリケーションエンジニアの Edy です。 マイクロアドの WEB アプリケーションのフロントエンドは、大半を Vue.js を用いて開発しています。 その Vue.js ですが、「Vue 3 is now in RC! (Vue 3 is now in RC! · Issue #189 · vuejs/rfcs · GitHub)」が公開され、version 3 ( Vue 3 ) が盛り上がりを見せています。 今回は、Vue 2 から 3 へ移行する理由と、 2 から 3 へ version up するために行なっている Composition API の導入 についてお話していこうと思います。 そもそも Vue.js とは ? SFC TypeScript Vue 2 の限界 大規模なプロジェクトになるほど開発効率が落ちる ロジックの再利用にかかるコストが大きい 単

                                                                                  Vue 3 に向けて Composition API を導入した話 - MicroAd Developers Blog
                                                                                • GitHub - Shpota/goxygen: Generate a modern Web project with Go and Angular, React, or Vue in seconds 🎲

                                                                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                                    GitHub - Shpota/goxygen: Generate a modern Web project with Go and Angular, React, or Vue in seconds 🎲