タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

あとで読むとVueに関するbolo_bobのブックマーク (3)

  • なんで Vuex はなるべく避けるの? | 民主主義に乾杯

    # Vuex はなるべく避ける Vuex は、グローバル変数 state を使うために使います。 actions, mutations でグローバル変数 state を変更し、getters でグローバル変数 state を参照します。 たかだかグローバル変数 state を変更するだけで、こんなに大きな Vuex というライブラリがあるのか、疑問でした。 Vuex は、「いつ」、「どこで」、「だれが」、変更したのかを監視するためのライブラリです。 また Vue.js devtools を使えば、「いつ」、「どこで」、「だれが」 グローバル変数 state を変更 mutation したかを確認することができます。 Vue.js devtools - Chrome ウェブストア (opens new window) これら、いつ、どこで、だれが、変更したのかを監視したいという「気持ち」と、

  • Vue3の仕組み | Recruit Tech Blog

    こんにちは、Airレジのバックエンド(JavaKotlin)を開発しているキョ シイです。 Vue3はまだリリースされていないですが、公開された設計思想から先に内部の構造や仕組みなどを解析したいと思います。 Vue3のdata binding方法はObject.definePropertyを代わりに、ES6の特性に基づき、Proxyを使っています。 Vue3は前のVue2バージョンアップデートよりほぼ根的にTypescriptで書き換えられたものです。 Vue2に比べて、Vue3は以下の特徴があります: もっと早い、もっと軽量的に 中身はTypeScriptで全部書き換えました function-based apiなどの新機能の追加 今回はProxyをベースにして、Vue3のミニ版を実現してみました。 開発は、TDD(Test Driven Development)という開発手法を使っ

    Vue3の仕組み | Recruit Tech Blog
  • Storybook for Vueでエンジニアとデザイナーの協業を加速させる - Studio Andy

    この記事はCAMPHOR- Advent Calendar 2017の23日目の記事です。 はじめに アプリケーションの機能を「カプセル化」、「コンポーネント化」しようというのは、フロントエンド/バックエンド問わずに近年のWeb開発におけるトレンドのひとつです。 Web業界も5年もの、10年ものと呼ばれるシステムが増える中で「最初から完璧なシステムを作ることなんて無理なんじゃないか」と多くの人が気づきはじめました。 その流れを受けて「どうせ改修が必要なら、小さなスコープで新しいものに置き換え可能な仕組みを作ろうぜ!」というのが「カプセル化」、「コンポーネント化」の大きなモチベーションであると、個人的には理解しています。 Vue.jsとコンポーネント JavaScriptのフレームワークであるVue.jsも、例に漏れずコンポーネントドリブンな開発に適した仕組みの1つです。 SFC(Singl

    Storybook for Vueでエンジニアとデザイナーの協業を加速させる - Studio Andy
  • 1