usako1124のブックマーク / 2022年11月8日

usako1124 id:usako1124

2022年11月8日のブックマーク (4件)

フロントエンドでDDDLikeなアーキテクチャを導入したときに困ったこと・対策（検討中も含む）
前提のアーキテクチャ <img width="650" alt="スクリーンショット 2019-12-09 21.18.32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazon aws.com/0/220683/2daeb7de-0a87-368b-4ccd-5b00df6820d9.png"> Presentation 表示を担う Repository 外部との接続を担う。 Usecase(Application) Repository 層、Store 層とのコネクション。 Repository 層からとってきたデータを Store に保存する。ビジネスユースケースを記述。 Entity モデル。(DDD に置けるドメインモデリング) Query Store 層から取り出したデータを編集して取り出す。開発言語,フレー
usako1124 2022/11/08
ddd

architecture

frontend

vue
リンク
Vuex + DDD のアーキテクチャを考える - Techtouch Developers Blog
フロントエンドエンジニアの国定です。この記事では、TypeScript + Vue.js で開発しているフロントエンドに今年からドメイン駆動設計（DDD）を取り入れ始め、ひとまず設計が落ち着いてきたのでその経緯とアーキテクチャについて解説します。課題アーキテクチャ Domain Service Store（Vuex） UI（Vue.js）軽量DDDに陥らないためにまとめ課題 Vuex（Store）の責務は、エラー判定などのドメインロジック・データの永続化・API の呼び出しなど、State 管理のほかにも多岐にわたっています。UI の改善や機能追加など変化の多いフロントエンドでは開発が進むにつれ Vue + Vuex のあちこちに同じ処理が散在してしまいます。テックタッチでもメンテナンスを繰り返す度にコードの複雑さが増し、機能追加や修正に時間がかかるようになってきました。去年
usako1124 2022/11/08
ddd

architecture

frontend

vue
リンク
新卒にも伝わるドメイン駆動設計のアーキテクチャ説明[DDD] - little hands' lab
ドメイン駆動設計で実装を始めるのに一番とっつきやすいアーキテクチャは何かドメイン駆動 + オニオンアーキテクチャ概略以前こちらの記事でアプリケーションアーキテクチャについて書きました。こちらの記事では比較的ネタ元に忠実な解説をしたのですが、実際これに基づいて人にレイヤの説明をした際、依存性の逆転部分や円形で表現する部分がなかなか伝わりにくいことがありました。そんな中で、所属プロダクトで新卒含めて大規模なリニューアル案件でDDDを採用することになり、新卒にも伝わるように説明をする必要性が生じました。結果、新卒にも伝わり、運用が割と回る説明が見つかったのでご紹介したいと思います。アプリケーションアーキテクチャ全体図とにかく、何か説明する際はこの図を常に傍に置き、一方通行の依存性を徹底したい、という話をしています。何かについて議論をする際は、「それはどの層の責務なの？」という
usako1124 2022/11/08
ddd

architecture

frontend
リンク
vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.
import { createTheme, style } from '@vanilla-extract/css'; export const [themeClass, vars] = createTheme({ color: { brand: 'blue', white: '#fff' }, space: { small: '4px', medium: '8px', } }); export const hero = style({ backgroundColor: vars.color.brandd, color: vars.color.white, padding: vars.space.large });
usako1124 2022/11/08
typescript

frontend
リンク
- 2022年11月9日
- 2022年11月8日
- 2022年11月7日