Vue.jsだけで爆速に開発したい人へのヒント集 - Qiita
目的 仕事で知見がたまったので共有したい。 想定される読者 Vue.jsを普段使っているひと とにかく早く実装したいひと きれいに実装したいひと まわりにVue使いがいないけどなぜかVue案件なひと 注意事項 効果には個人差があります。 開発メンバーのスキルや納期や規模感によります。 絶対の正解はないです。 著者のレベル感 Vue.js半年ちょいぐらいのレベル感 VuexとかNuxt.jsとか知らない バックエンドが好みなのでJSは雰囲気で書いてる コードの綺麗さよりも納期を優先されるところで働いています(泣) CSSも雰囲気で書いてる Component編 Componentを分けない 必要な場合を除き、なるべく分けないで、書きましょう。 分けると親子の変数の受け渡し、メソッドを叩く処理を実装しなくてはならず、時間がかかります。 Componentを分ける 上記と、矛盾しますが、ひとつの
Vue.js＋Vuex＋TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO TECH BLOG
こんにちは。Webフロントエンドエンジニアの松井菜穂子です。 ZOZOテクノロジーズに入社して一年ほど経ちます。 あるサービスの立ち上げから運用まで、Webフロントエンドのチームリーダー・開発メンバーとして関わってきました。 当記事では、当社のWebフロントエンド開発現場にあった問題と、それぞれの課題に対して堅実に積み重ねた技術的な改善方法についてご紹介します。 はじめに モダンな技術でも負債は生まれる 負債を何故改善するのか 要因 その1: Vueコンポーネントを綺麗に分割する テンプレート コンポーネントクラス 使用例 解決策 テンプレート コンポーネントクラス 使用例テンプレート 使用例コンポーネントクラス コンポーネントカタログで汎用化を促す コード テンプレート（atoms.vue） コンポーネントクラス（atoms.vue） サンプル その2: Vuexをシンプルにする Sta
【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita
はじめに Vue.jsを使用したアプリケーションでのWeb API呼び出しのデザインパターンについて調べてみました。 しかし検索して出てくるチュートリアルやサンプルは、コンポーネント内でaxiosをインスタンス化していたり、Vuexの中でaxiosを使用するというサンプルがほとんどでした。 しかし実際のプロダクトでこれをしてしまうと コンポーネント内でAPIアクセスの直書きによって単体テストが困難に Vuex(actions)の肥大化(使い回さない処理はStoreに記述しないほうがいいとする文献もある) API通信部分をPureJSでモジュール化しても依存度がイマイチ下がらない（コンポーネントでモジュールをインポートするため）。 などなど問題になることが多そうでした。 ある日、Jorge氏が投稿した「Vue API calls in a smart way」という記事にたどり着きました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
