Vue.js の変更点

追加された行はこの色です。
削除された行はこの色です。
Vue.js へ行く。
Vue.js の差分を削除
#author("2023-03-10T06:06:15+00:00","default:admin","admin")
#author("2023-03-13T02:34:02+00:00","default:admin","admin")
[[Vue.js:https://v3.ja.vuejs.org/]]
-[[インストール:https://v3.ja.vuejs.org/guide/installation.html]]

-[[日本人コミュニティ:https://vuejs-jp.slack.com/]]
-[[Supporting Libraries:https://github.com/vuejs/vue-next#supporting-libraries]]
-[[Components & Libraries:https://github.com/vuejs/awesome-vue#components--libraries]]

-[[3分でわかるVue.jsのエンジニア的5大メリット「jQueryより簡単！」:https://coosy.co.jp/blog/vuejs-benefit/]]
-[[jQuery から Vue.js へのステップアップ:https://qiita.com/mio3io/items/e7b2596d06b8005e8e6f]]
-[[「Vue.js v3.0」がリリース、「Composition API」などの新機能を導入:https://codezine.jp/article/detail/12929]]
-[[Vue.jsのリアクティブシステムについて:https://tech.synapse.jp/entry/2023/02/15/130000]]

*Reactとの比較 [#fea64ba9]
-[[ReactとVueの比較2022 | 完全に同じアプリのコードの書き方の違い:https://qiita.com/cypher256/items/8d6c25e3466e4815b3c7]]
-[[React VS Vue ～ どっちを使うべきか問題に終止符を打つ(2021年 ver)【Agent Grow Advent Calendar 2020：21日目】:https://www.agent-grow.com/self20percent/2020/12/21/which-use-react-or-vue-2021/]]
--結論・Vue を使いましょう
--Vue を使う理由その1: 見た目で分かりやすい
--Vue を使う理由その2: ライブラリで迷わない
--Vue を使う理由その3: ライブラリ自体の開発が安定指向

-[[完全に独断と偏見だけどReact vs Vue してみた:https://qiita.com/102Design/items/ae018dc80a4d879d92a8]]

-[[Vueが2021年時点で最も優れたフレームワークだと感じる理由をVue/Reactエンジニアがまとめます！技術選定を悩んでいるなら必見です:https://www.ragate.co.jp/blog/articles/9086]]

-[[React から Vue への出戻りを検討する 3 つの理由:https://qiita.com/yuzuru_xa/items/481c9790610dd8382679]]

-[[ReactとVueはどっちがおすすめ？【違いを徹底比較】:https://wagtechblog.com/programing/react-vue-compare]]

*入門 [#v7fb5574]
-[[はじめに:https://v3.ja.vuejs.org/guide/introduction.html]]
--[[Hello World の例:https://codepen.io/team/Vue/pen/KKpRVpx]]

-[[Vue3に入門してみた（TypeScriptを使ったReactとVue3の比較）:https://www.ey-office.com/blog_archive/2021/02/02/react-vs-vue3-using-typescript/]]

 $ npm init vite@latest
 ✔ Project name: … vue-test
 ✔ Select a framework: › Vue
 ✔ Select a variant: › TypeScript
 
 Scaffolding project in /Users/mr/Projects/vue-test...
 
 Done. Now run:
 
   cd vue-test
   npm install
   npm run dev
 
 $ cd vue-test
 $ npm install
 npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
 
 added 47 packages, and audited 48 packages in 8s
 
 5 packages are looking for funding
   run `npm fund` for details
 
 found 0 vulnerabilities
 
 $ npm run dev

*基本事項 [#h5efe26b]
**コメントアウト [#z30ca2a8]
-[[vue.jsとbladeテンプレートのコメントアウトの方法:https://weekend-v.work/archives/207]]

*Vue 3 [#ob1806c7]
-Vue 3はIE非対応

-[[新しいパッケージの開発はVue 3で作ろう Vue.jsのエコシステムを構築するには:https://logmi.jp/tech/articles/324385]]
-[[Vue 3から始める、Vue.js:https://www.codegrid.net/series/2020-vue3]] ... 有料記事（一部無料）

-[[Vue 3 vs. Vue 2 Perf comparison:https://docs.google.com/spreadsheets/d/1VJFx-kQ4KjJmnpDXIEaig-cVAAJtpIGLZNbv3Lr4CR0/edit#gid=0]]

-[[Vue3にアップグレードしてフロントエンドを改善した話:https://tech.smartcamp.co.jp/entry/vue3-migration-improve-frontend]]

**新機能 [#l25f08ab]
***Composition API [#e281a901]
-[[Vue Composition APIをチームで導入して得られたメリット:https://tech.andpad.co.jp/entry/2021/03/25/170000]]
-[[Vue + JSX + Nuxt Composition API で最高のフロント開発体験:https://tech.andpad.co.jp/entry/2021/07/01/170000]]

***Teleport [#q7435c75]
***Fragments [#g1f6dcd1]
***Emits Component Option [#q08152ee]
***Suspense [#z6bd9d97]

*[[Nuxt.js:https://ja.nuxtjs.org/]] [#u35d5ecd]
-[[Nuxt.jsとは？Vueとの関係やフレームワークとは何かについても解説！:https://www.alobridge.com/blog/1373/]]
-[[NuxtとVueの違いは？実装して感じたNuxt.jsのメリット:https://zenn.dev/koojy/articles/nuxtjs-start]]

-[[Vue.jsを効果的に使ってWebサイトをリッチに作る！Nuxt.jsとは:https://digitalidentity.co.jp/blog/creative/javascript-nuxtjs.html]]
-[[ポートフォリオ作ったらNuxtJSを理解できたのでやったことを書いてく:https://qiita.com/ikuosaito1989/items/27989496e53d563eab99]]

-[[Nuxt.js+Expressでとにかく簡単にORM:https://crieit.net/posts/Nuxt-js-Express-ORM]]
-[[Node.JSのSequelize ORM入門:https://qiita.com/markusveeyola/items/64875c9507d5fa32884e]]
-[[TypeORMはNode.js開発のスタンダードになるか？:https://qiita.com/tejitak/items/b6965380afd600db6513]]

**Nuxt 3 [#g2422b5f]
-[[Nuxt 3 公式ドキュメント 日本語訳:https://zenn.dev/torish/scraps/16676a3500ad99]]

-[[Nuxt 3を使いこなすために基礎から徹底解説:https://reffect.co.jp/vue/nuxt3]]
-[[Nuxt 3 を今すぐオススメしたい 15 のポイント:https://zenn.dev/ytr0903/articles/d0a91f6180d34e]]
-[[祝・正式リリース！5つのテーマで理解する Nuxt3 の魅力:https://zenn.dev/ytr0903/articles/197f5386ca4309]]
-[[Nuxt 3 で変わったところ:https://qiita.com/citrus_candy/items/6ba29c31e3e4afa7a5a1]]
-[[Nuxt 3はなぜ優秀？VueJSの開発を快適・効率的にするフレームをNuxt3実装者がまとめます:https://www.ragate.co.jp/blog/articles/12663]]
-[[Nuxt3で効率的にスタイルを書く:https://tech.excite.co.jp/entry/2023/03/13/094738]]

**ダッシュボード [#r5472b4b]
-[[nuxtjs-dashboard:https://github.com/Geminii/nuxtjs-dashboard]]

**事例 [#x7f72bb7]
-[[Nuxt.js が採用されたサイト事例一覧です。:https://cwt.jp/category/41/1]]

-[[MF KESSAIの現在のフロントエンド環境について:https://tech.mfkessai.co.jp/2018/10/frontend/]]

***[[東京都の新型コロナウィルス対策サイト:https://stopcovid19.metro.tokyo.lg.jp/]] [#ef2b6ab7]
-[[東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス:https://employment.en-japan.com/engineerhub/entry/2020/05/19/103000]]
-[[東京都の新型コロナサイト誕生秘話、行政らしくない爆速開発はDXのシンボル:https://xtech.nikkei.com/atcl/nxt/column/18/01269/040600002/]]
-[[東京都の新型コロナ対策サイト“爆速開発”の舞台裏　オープンソース化に踏み切った特別広報チームの正体:https://www.itmedia.co.jp/news/articles/2003/18/news058.html]]