Announcing Vite 2.0
Create React App vs Vite React on @replit. Vite ran before the container could even boot CRA files. If you've never heard of Vite before and would love to learn more about it, check out the rationale behind the project. If you are interested in how Vite differs from other similar tools, check out the comparisons. What's New in 2.0 Since we decided to completely refactor the internals before 1.0 go
Reflections for 2020-2021 | The Vue Point
With a new year upon us, we also have a new blog! In this post, we would like to take a look back at some of the highlights from 2020, as well as some ideas we have for 2021. Looking Back at 2020 2020 has been a challenging year, to say the least. Nonetheless, the team has made the best of a difficult situation. Despite an already massive user base, Vue's NPM downloads and Devtools weekly active
Vueでよく書くユニットテストのパターン - Qiita
Vueのコンポーネントのユニットテストでよく書くパターンを紹介します。 環境はvue-cliで生成したものをそのまま使っています。 APIの詳細な説明はVue Test Utilsを参照してください。 スナップショットテスト 出力されるHTMLが予期せず変更されないようにする場合に使うテストです。 it("itemsの値がhtmlに出力されているか？", () => { const items = [ new Item("アイテム", 3, "アイテム説明") ]; const wrapper = shallowMount(GachaMv, { propsData: { items } }); expect(wrapper.html()).toMatchSnapshot(); }); 上記のテストを追加しnpm run test:unit or yarn test:unitを実行するとテス
GitHub - hoppscotch/hoppscotch: Open source API development ecosystem - https://hoppscotch.io (open-source alternative to Postman, Insomnia)
❤️ Lightweight: Crafted with minimalistic UI design. ⚡️ Fast: Send requests and get responses in real time. 🗄️ HTTP Methods: Request methods define the type of action you are requesting to be performed. GET - Requests retrieve resource information POST - The server creates a new entry in a database PUT - Updates an existing resource PATCH - Very similar to PUT but makes a partial update on a reso
【個人開発】Qiitaの人気の記事・ユーザー・書籍を見つけられるWebサービスを作りました - Qiita
*印が付いているものは初めてさわった技術です。はい、お恥ずかしながらすべて初物です。（普段はJavaとかJavaとかJavaとかさわってます） Vue.jsを使用したSPAで作成しています。当初はRuby on Railsで作り始めたのですが、作るWebサービスを考えるとバックエンドはフルスタックなものはいらない・むしろデータ加工したAPIを返すだけで良いんじゃ？と思い、一気に方針転換してSPAで作るように変更しました。 バックエンドフレームワークも、Flaskに変更しました。 Flaskは一般にマイクロフレームワークと呼ばれていて、1ファイルで成り立つようなくらいなモノで小さく始められます。 が、Flaskの機能自体は少ないわけではなく、ディレクトリ構成なども特に規定があるわけでもなく、自由なので初心者には結構難しいFWなのかなという感じでした。 （RailsやDjangoのように規約に
最新のVue3.0でウェブ開発はどう変わるか？ - Qiita
こちらの記事は、2019年1月に公開された『 What Does Vue 3.0 Mean for Web Development? 』の和訳になります。 本投稿は転載であり、本記事はこちらになります。 補足: Vue3.0は2019年内もしくは2020年の初めにリリースされると予測されています。 2019年9月時点ではまだv2.6.10であること、ご留意ください。 はじめに 昨年11月、VueのクリエーターであるEvan Youは、Javascriptフレームワークの最新版となるVue 3.0の主要アップデートを紹介しました。 今回のアップデートによってVueはより効率的で、モジュール化され、さらに使いやすくなりました。 これらの変更と、Vue 3.0のリリースによる影響について説明します。 Vueの現在の状況は？ 彼らによると、Vueは「ユーザーアプリケーションを構築するためのプログレ
Vue Composition API を使ったストアパターンと TypeScript の組み合わせはどのくらいスケールするか？ - Qiita
Vue Composition API を使ったストアパターンと TypeScript の組み合わせはどのくらいスケールするか？TypeScriptVue.jsvue-composition-api Vue.js の公式ドキュメントには「状態管理」という章があり、そこでは単純なストアパターンと、より大規模向けという Vuex ライブラリを使う 2 つの手法が紹介されています。 ですが、それぞれどこに長所・短所がありどのような基準で選択すれば良いのかは「大規模」というあやふやな基準でしか示されていません。実際その境界はどこにあるのでしょうか？ さて、TypeScript も同様に大規模アプリケーション向けと言われます。型安全性の有用さは他言語の世界で実証されています。ところが残念なことに Vuex の API 設計とは極めて相性が悪いというのはよく言われます。現時点で両者を両立させるのは大変
Nuxt.js(SPA)+Firebaseで積読用の読書管理サービスを作ってみたときにハマったこと... - Qiita
Nuxt.js(SPA)+Firebaseで積読用の読書管理サービスを作ってみたときにハマったこと...読書Vue.jsWebサービスFirebaseNuxt Nuxt.jsとFirebaseで作っていたWebサービスを7月末にリリースしました!! 開発中にいろいろとハマったので、そのポイントを整理してみました。 内容的にはドキュメントをよく読めば書いてあることばかりですが、 作った or 思いついた後に、ドキュメントを見つけるので、手戻りが多く... あらかじめ、知っていたら良かったなと思う点をまとめています。 作ったのはこんなサービスです！ 積んでる本の総額がわかる読書管理サービス 『積読ハウマッチ』 積んでいる本を登録する書籍管理サービスで、 すこし違うのは、積んでる本の総額がわかること。 積んでるだけの本の総額がわかるとすこしは読む気になるかなと(´ω｀) シェアしたときに金額が表
Vue Function API で簡単に view と logic を分離しよう - Qiita
を追記すれば準備完了です。 改変元のソースを用意する 新しい書き方を学ぶには 既存コードの改変がとっつきやすいです。 お決まりの Todo アプリで行きます。まずはテンプレートを用意しましょう。 きみは今まで作った Todo アプリの数をおぼえているか。 <script> export default { data:() => ({ todoList: [], tempTodoName: '', taskId: 0 }), computed: { itemCount() { return this.todoList.length } }, methods: { updateTaskName(name) { this.tempTodoName = name }, addTodoItem() { this.todoList = [ ...this.todoList, { id: this.ta
一休の現在と、ここまでの道のり
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
FirebaseとNuxt.jsによるSPA x PWA x サーバーレスアプリケーションの開発 - Qiita
初めましてsatoshiです。 エンジニアとしては業務未経験のエンジニアの僕と非エンジニアであるCEOの二人三脚で開発したバックエンドオールFirebaseアプリの知見を残しておきたいと思い記事にします。 学生エンジニアが数ヶ月で一気にプロダクトを完成させる工程という観点でも参考になれば幸いです。 アプリ概要 「Wilico」というヘルスケアCtoCサービスを開発しました。 Wilicoはダイエットや食事管理が必要なタイミングに合わせて、ユーザーと管理栄養士さんをマッチングし、すぐにプロによる食事管理を受けることができるサービスです。 〜生きるために食べる時代から、(健康に)生きるために痩せる時代へ〜 飽食の時代と言われるようになり、好きなものを好きなだけ食べることができる現代ですが、その先に待っているのは生活習慣病です。 すなわち、健康に生きるためには、好きなものばかり食べるわけにはいか
Nuxt.js + TypeScript のアプリケーションで環境変数を安全に管理する - Qiita
はじめに イマドキの SPA 開発だとアプリケーションの設定を環境変数で取り扱うことが非常に多くあります。 開発環境・本番環境で変えたい API の baseURL、Google Analytics のトラッキング ID や Firebase の認証情報、ビルド後の成果物を上げる CDN の URL まで、ぶっちゃけ「大体の設定が環境変数で行われている」といっても過言ではない状態です。 ただ、割と環境変数は雑に使われます。いたるところから呼び出されます。いつか崩壊します。 なので、この記事では環境変数の利便性を残しながらも、可能な限り安全に環境変数を取り回す方法をご紹介します。 例によって例の如く、サンプル及び実現方法は Nuxt.js ですが、他の技術でも転用できるはずです。 この記事はちょこちょこ手伝わせてもらっている Omnis inc. での治安維持向上の一環で上がった話のまとめだ
Vue3.xで導入予定のfunction APIを利用してみる - Qiita
はじめに liximomo氏が作成されたfunction-apiの実装が本家預かりになったそうなので、改めて利用してみました。vue2.xからpluginという形で利用可能です。 https://github.com/liximomo/vue-function-api/issues/14 ※Evan氏が言う通り、現在RFCでしかもまだ変更が少々入る予定とのこと。利用は慎重に。 vue.js界隈ではココ最近騒動がありまして、キッカケはEvan Youによる function-base API のRFC発表でした。 Published an RFC for function-based component API in Vue. Inspired by React hooks, but rooted in Vue’s reactivity system. Offering better log
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - vuejs/pinia: 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
GitHub - vuejs/core: 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
GitHub - effector/effector: Business logic with ease ☄️
GitHub - vuetifyjs/vuetify: 🐉 Vue Component Framework
【Vue.js】Scoped CSSよりCSS Modulesの方がベターだった件 - Qiita
vue-simple-suggestで簡単にテキスト入力候補をリストで表示 - Qiita
rfcs/active-rfcs/0000-function-api.md at function-apis · vuejs/rfcs
