Vue.js＋Vuex＋TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO TECH BLOG
こんにちは。Webフロントエンドエンジニアの松井菜穂子です。 ZOZOテクノロジーズに入社して一年ほど経ちます。 あるサービスの立ち上げから運用まで、Webフロントエンドのチームリーダー・開発メンバーとして関わってきました。 当記事では、当社のWebフロントエンド開発現場にあった問題と、それぞれの課題に対して堅実に積み重ねた技術的な改善方法についてご紹介します。 はじめに モダンな技術でも負債は生まれる 負債を何故改善するのか 要因 その1: Vueコンポーネントを綺麗に分割する テンプレート コンポーネントクラス 使用例 解決策 テンプレート コンポーネントクラス 使用例テンプレート 使用例コンポーネントクラス コンポーネントカタログで汎用化を促す コード テンプレート（atoms.vue） コンポーネントクラス（atoms.vue） サンプル その2: Vuexをシンプルにする Sta
Vue.js と Redux が出会った | DeNA DESIGN BLOG
あるところにプロトタイピングを繰り返した結果、1 ファイルにベタッと書かれていたソースがありました。 なんとかリリースを終えて、運用フェーズに入ったことものの、つらいソースが残されたのです。 ファイルを再利用可能にするためコンポーネント化を進めることを決意します。 最初はとても大きな単位でコンポーネントを作っていたため、大量の状態を 1 コンポーネントが抱えていました。 コンポーネントの粒度を細かくしていくと、だんだん props のバケツリレーが増えてきます。 親から子へ、子から孫へ、孫からひ孫へ…。 2way binding してるバケツリレーは、もう追っていくのがツラい！ ただリレーしてるだけで、中間のコンポーネントでは使ってないものも出てきました。 1 箇所直すと、他に影響が出て怖い。 これは Flux, Redux の出番だ！ HTML5 とか勉強会の資料を見て、書きたくなった！
Repositoryの後ろにネットワーク越しのシステムがあることの是非からRedux的世界へ - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く
twitterで言ってたことを少し修正してまとめ。MVVM + Layered Architectureの文脈です。 最近、Repositoyとして抽象化しておけばそのデータがメモリ上にあるかそれともDB上にあるかネットワーク越しにあるか意識しなくていい、というのは嘘だと思ってる。パフォーマンスの観点除いても。 というのは、リポジトリが「非同期クエリ」を受け付け始めると、ReadStackの複雑性が跳ね上がるというのがあるからなんだけど、そもそもRepositoryへのクエリは必ず非同期であるというインターフェースにすればこれは問題にならないのかな リポジトリを基本非同期に設計してもいいんだけど、そうすると同期的な表示を求めてくるUIプラットフォームと相性悪くなるんだよな たとえばMVVMで考えると、モデルのイベントを購読して、イベント来たらクエリ投げてモデル以下にある状態を読み出してきて
Vue + Vuex を使ってみた感想と、Redux との比較 - Toro_Unit
いいにくの日ですね。肉食べたいです。 React + Redux にはよくお世話になっている昨今なのですが、React 以外も扱いたいなと思ったこと、そもそも Flux に対する理解が浅いんじゃ無いか？ということで、Vue.js + Vuex をちょっと勉強してみました。 つくったもの：https://github.com/torounit/vuex-todo ここら辺をいろいろ参考にしました。 Vuex のドキュメント Vue.js用のFluxライクなライブラリVuexを試してみる – Qiita Vue.js + Vuexで開発をしてみよう！ – Tech Blog – Recruit Lifestyle Engineer Redux と Vuex の違い。Reducer と Mutation の違い。 両方とも Flux パターンであるため、基本的な考え方は変わりません。ただ、Red
ReactとRiotとVueを触ってみた感想(暫定版) - Smoky God Express
前置き なんか新しくつくんべ、っていうときにフロントのフレームワーク(ライブラリ？)を何にするか迷ったんで調べた。 机で調べてたらわかんなかったんで書くべって言ってとりあえず3種類ざっと書いてみたのでその構成と感想を記録しておく。 特に入門記事とかではないのでコード片の類はない。 比較対象 React A JavaScript library for building user interfaces | React Riot.js Riot.js — A React-like user interface micro-library Vue.js vue.js 全部データフロー回りのライブラリの使用を前提とする。 界隈で一番スタンダードっぽいのを選んだつもりだけどRiotがわからん。 React + redux react-redux Riot + RiotControl jimspark
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
