Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜

こんにちは。PLAID Software Engineer, tai-hey ( @Victoria_Peak_ ) です。 まえがき 私はプレイドに入社して1年ほどとなりますが、業務で Vue.js の開発を経験し、自身がフロントの実装にメインで携わり、サービス設計から実装まで取り組む中で設計について思慮することが多くなりました。 プレイドは SPA を実現可能な Vue.js を採用しているのですが、設計をしていく中で、設計のヒントをネット上で検索をしてみても、チュートリアルや部分的な設計の話はでてくるものの、設計概念の依存関係を表すものが無いことに気づきました。 そこで、今回のブログはフロントエンドに関連する設計概念を整理し、それぞれの依存関係を可視化することで今後のスムーズな開発に役立てるべく考察したいと思います。 プレイドでは、会社として開発プロセスを具体的に定義しているわけでは

[tacamy]

モデリングベースでVueの設計していく流れが具体例を交えて解説してあってすごい長いけどわかりやすかった

[aquarickn]

Vueで大きめの作ると大事さが身に染みて分かる

[ledsun]

プレイドはフロントエンドつよつよ会社になったなあ

[yug1224]

やりたいことやってることは自分も変わらないと思っているけどちゃんと絵にするって大事だなぁ

[suneo3476z_tn]

Vue.js 設計

[jsstudy]

RDBの３層スキーマ、DOA（データ中心アプローチ）に似てる？　クリーンアーキテクチャーとの対比図も描いてもらえるとありがたいかも　cf. 宣言的UI - Speaker Deck https://b.hatena.ne.jp/entry/s/speakerdeck.com/sonatard/xuan-yan-de-ui

[surumedaka]

あとで読むまる

[tagucch]

めちゃくちゃ勉強になる

[hazeblog]

“ ”

[mayumayu_nimolove]

これやらないで一度作ると大事さがわかるよ

[sadrow]

わ

[hirorock]

Vue.jsの設計 参考になります