WebRTC と React を組み合わせるなら Flux 設計が有効

2023/06/12 100 users OGP WebRTC React 反響 答え

この前ポジショントークしたらそれなりに反響があったので書いてみる。 これまでの人生を振り返ると毎年ラジオや電話や配信サービスを作っている気がするし、なんかそういう仕事が回ってくることが多い気がする。 最近自分なりに答えが出たかなと思ったことがあるので言語化してみようと思う。 OGP は Flux ぽい画像だ。... 続きを読む

大規模なAndroidアプリにおけるマルチモジュールの導入事例 - Mirrativ Tech Blog

2022/10/04 49 users マルチモジュール Mirrativ ミラティブ View 強制

ミラティブのAndroidエンジニアの chocomelon です。 MirrativのAndroidアプリでは、Androidアプリケーションの内部品質向上のために開発で以下を取り入れています。 データフローの単方向化（Flux導入） Viewからのロジック切り離し（Flux、Jetpack Compose導入など） 責務分割、依存方向の強制（Flux、マルチモジュー... 続きを読む

【転職会議】ArgoCDで実現するストレスフリーな新GitOps基盤 - LIVESENSE ENGINEER BLOG

2022/09/12 12 users ArgoCD かたいなか GitOps 転職会議 ストレス

こんにちは、かたいなかです。 最近、転職会議のCI/CD基盤をFluxベースのものからArgoCDベースのものに式年遷宮しました。今回の記事では、新しいArgoCDでのCI/CD基盤について、作り直しに至った経緯や改善点をご紹介します。 ArgoCD移行に至った経緯 転職会議では、以前の記事でも紹介したFluxというGitOpsのツールを使... 続きを読む

Androidアプリをリアーキテクチャした話 - Mirrativ tech blog

2021/06/01 28 users Mirrativ tech blog Mirrativ

Mirrativ Androidエンジニアのmorizoooです。今回はAndroidアプリをFluxにリアーキテクチャした話をします。 背景 Mirrativは2015年春頃に開発が始まり、もうすぐリリースから6周年を迎えようとしています。以前はアーキテクチャについてのルールが決まっておらず、個々人が思うがままコードを書いており、開発している... 続きを読む

Flux の失敗は Store に Store という名前をつけたこと - fsubal

2021/02/28 19 users redux fsubal store 黎明期 フロントエンド

#フロントエンド 強い言い方だけど、Flux Architecture の最大にして唯一の失敗は Store に Store という名前をつけたことだと思っている。 あるいは、黎明期の Flux は Store という名前で良かったんだけど、 #Redux はその名前を引き継がないほうが良かったんじゃないかと思っている。 なぜかと言うと、Store という名... 続きを読む

機械学習で選ばれる言語を目指す「Julia」の挑戦--ライブラリ「Flux」が鍵 - ZDNet Japan

2019/03/09 34 users Jul Julia 強み プログラミング言語 アプローチ

「Julia」は2018年、最も急速に成長しているプログラミング言語の1つとして台頭した。複数の主要言語の強みを組み合わせたアプローチが高く評価されている。 先ごろ迎えたバージョン1.0を機に、Juliaの関係者は、機械学習（ML）分野で選ばれる言語にするという大きな目標を掲げた。 その目標の達成を支えているのが、Jul... 続きを読む

React HooksとContextAPIでFluxをやってみる - コネヒト開発者ブログ

2019/02/26 46 users React Hooks コネヒト開発者ブログ

CTO室エンジニアの安達 (@dachi_023) です。React v16.8で待ちに待ったHooksが (20日前に) リリースされました。そんなHooksを使ってFluxやる時ってどうするんだろう？と思ったので調べて写経してみました。 reactjs.org 書いたコード create-react-app して出てきたものをいじって作りました。Flux化するまでに書いたコ... 続きを読む

2018年Vue.jsとVuexを使ってFluxをしている人には必ず知っていてほしい開発やメンテナンスの際に役立つVuexのTipsとサンプルコード

2018/09/29 93 users Vuex Tips Vue.js with Vuex 画面

2018年Vue.jsとVuexを使ってFluxをしている人には必ず知っていてほしい開発やメンテナンスの際に役立つVuexのTipsとサンプルコード 初めに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 ... 続きを読む

クライアントサイドのモデルとは何か 前編 ~ クライアントサイド MVC の死 - mizchi's blog

2018/05/15 524 users クライアントサイド 蓄音機 MVW ViewModel 前置き

2018 - 05 - 15 クライアントサイドのモデルとは何か 前編 ~ クライアントサイド MVC の死 前置き この記事、本来は Flux には Model がないのではないかと思った覚書 - ナカザンドットネット と Flux の Store が ViewModel かって話からの MVW とかどうでもいいって話 - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く として書き始めた記事だ... 続きを読む

FluxのStoreがViewModelかって話からのMVWとかどうでもいいって話 - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く

2018/05/15 23 users 蓄音機 MVW ViewModel store 分間

2018 - 05 - 15 FluxのStoreがViewModelかって話からのMVWとかどうでもいいって話 StoreがViewModel相当かどうかってことそれ自体はたぶんあんま本質じゃないんだけど。 blog.nkzn.info これについてです。 わかる。StoreがViewModelってのはちょっとだけ違和感あって、ぼくは ViewModelが読むためのクエリ用モデルくらいに思ってる... 続きを読む

FluxにはModelがないのではないかと思った覚書 - ナカザンドットネット

2018/05/15 26 users ViewModel コンテキスト ナカザンドットネット 覚書

2018 - 05 - 15 FluxにはModelがないのではないかと思った覚書 Fluxを使い始めると「おっ、MV＊に比べて頭が悪くても状態が壊れないぞ？」という感想になる人が多いと思うんだけど、その理由がふたつあるような気がしてきた。 ModelやViewModelについてはコンテキストが違う人から「それ違くない？」と言われそうな書き方になるかもだけど、思いつきを書きなぐってるだけなので勘弁... 続きを読む

AlminとFluxやReduxの違い? · GitHub

2018/04/27 29 users GitHub redux Almin

// Hello World in a single file import { Context , Store , UseCase } from " almin " ; const context = new Context ({ store : new Store (); }); // UseCase class HelloUseCase extends UseCase { // Promis... 続きを読む

フロントエンドの負債と向き合う - mizchi's blog

2018/03/13 707 users 負債 mizchi's blog フロントエンド TDD 前提

2018 - 03 - 13 フロントエンドの負債と向き合う 某所で書いたものを公開用に書き直したもの 前提 フロントエンドでTDDは難しい、というかほぼ不可能である。なぜなら事前に副作用をデータとして表現できるか不明だからだ。たとえばあなたのプロダクトの画面の何処かにボタンを追加するために、その内部表現を事前に思い浮かべることが可能だろうか？ react-redux などのFlux フレームワー... 続きを読む

Androidアプリ開発にFluxアーキテクチャを導入したら保守性も品質も上がりました - VASILY DEVELOPERS BLOG | VASILYテックブログ

2018/03/09 60 users Fluxアーキテクチャ ViewModel Blog 茨木

2018 - 03 - 09 Androidアプリ開発にFluxアーキテクチャを導入したら保守性も品質も上がりました Android Kotlin Flux こんにちは。フロントエンドエンジニアの茨木（ @niba1122 ）です。 弊社のAndroidアプリ開発ではMVVMアーキテクチャを用いています。日々肥大化・複雑化していくViewModelが保守性や品質を担保する上で課題になっていましたが... 続きを読む

Androidアーキテクチャことはじめ ― 選定する意味と、MVP、Clean Architecture、MVVM、Fluxの特徴を理解する - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/01/17 962 users MVVM アーキテクチャ エンジニアHub ＭＶＰ 正解

2018 - 01 - 17 Androidアーキテクチャことはじめ ― 選定する意味と、MVP、Clean Architecture、MVVM、Fluxの特徴を理解する Androidアプリの開発において、アーキテクチャを考えることはとても重要ですが、そこに絶対の正解はなく、アプリケーションの規模やチームによってさまざまな形が考えられます。本記事ではアーキテクチャを選定する意味を改めて整理し、 ... 続きを読む

改めて学び直すVuex - Qiita

2017/12/17 31 users Qiita Vuex Facebook redux React

まえがき 以前 Vue.js用のFluxライクなライブラリVuexを試してみる という記事を書きました。2年前の記事で更新もしていなかったので改めて整理して学び直してみようと思います。今回使用するバージョンは 3.0.1 です。 Vuexとは？ VuexはVue.js用の状態管理ライブラリです。Fluxの影響を受けています。ReactだとReduxに当たります。 Fluxの考え方はFacebook... 続きを読む

MVC→MVP→MVVM→Fluxの実装の違いを比較してみる // Speaker Deck

2017/09/17 594 users MVC MVVM ＭＶＰ Speaker Deck 実装

iOSDC 2017 9/17 13:50 TrackB https://iosdc.jp/2017/node/1396 iOSDesignPatternSamples https://github.com/marty-suzuki/iOSDesignPatternSamples FluxCapacitory https://github.com/marty-suzuki/FluxCapacito... 続きを読む

漫画で説明する Flux – sotayamashita – Medium

2017/08/17 173 users medium 漫画

Translation Note  続きを読む

flux、reduxを一言で説明してみる - jildin workers

2017/04/14 12 users redux Jildin jildin workers とら

2017 - 04 - 14 flux、reduxを一言で説明してみる エンジニアリング トラさん こんにちは。 Jildin のトラです。 fluxを初めて知った時、ディスパッチャーだのストアだのアクションだのビューだの 結局何がしたいんだよ！っていう感じでした。 よく出てくるあの図ですね。 reduxはもう少しシンプルな図になりますね。 それではfluxやreduxを一言で説明してみます。 「... 続きを読む

Vue.jsとvuex、Fluxについて - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く

2017/03/21 79 users 蓄音機 インジケータ Vuex 立て続け API

2017 - 03 - 21 Vue.jsとvuex、Fluxについて 最近立て続けにそのあたりの話をする機会があったので。わたしの意見です。 vuexというかFluxに手を出すタイミング Vue.jsを利用していて、相互に関連のある二つ以上の状態を扱う必要が出てきたら、それはもうすでに「十分に複雑な状態管理」である たとえば、 API との通信中はインジケータを出したいので「通信中かどうか」を管... 続きを読む

AlminでFluxアーキテクチャをやってみる | Web Scratch

2017/03/17 33 users Fluxアーキテクチャ Almin azu DDD redux

Almin でFluxアーキテクチャについてを見ていく話です。 AlminはいわゆるFluxライブラリ的なものですが、ドメイン駆動設計(DDD)を行うにあたって既存の Redux や Flux では上手くレイヤー分けをやりにくい部分がありました。 この辺の経緯については以前スライドやドキュメントにまとめてあるので、以下を参照してください。 azu/large-scale-javascript: 複... 続きを読む

Firebase, React, FluxでWebアプリ作って思ったこと - Qiita

2017/02/21 157 users タイトル おかげ 無理 コード 筋肉

ここで書いてること タイトルの構成でWebアプリ作った際に 思ったこと 作り方 ではないのでコードは一切書いてない 作り方的なのも書きたいけど多分無理 きっかけ 2016年は結構ダラダラしてた 仕事以外ではほとんど何も書いてない 夏以降は筋トレのことばっか考えてた おかげで筋肉はついたよ そろそろ何か始めようかと思った 何を作ったか 何を はさほど重要ではなかった 今回重視したのは 何を触るか R... 続きを読む

React + Redux– Animation – | DeNA DESIGN BLOG

2017/02/09 30 users redux React Animation SPA SFC

SPAはアニメーションと相性が悪い？ デザイン戦略室フロントエンドエンジニアの吉井です。 昨今のReact実装は、StatelessFunctionalComponent(SFC)を用いてFluxやReduxに状態管理を委譲するデザインパターンが定着していますね。アプリケーションのUXに欠かせないアニメーションですが「SPAとは相性が悪い」という噂を聞いたことがあります。従来のhtmlアニメーショ... 続きを読む

機械学習、React + Flux、Pepperなど、オールアバウトの社内勉強会をご紹介 - オールアバウトTech Blog

2017/01/26 12 users React yamato オールアバウト Pepper 意義

2017 - 01 - 26 機械学習、React + Flux、Pepperなど、オールアバウトの社内勉強会をご紹介 勉強会 サービス開発 こんにちは、 yamato です。 オールアバウトには現在30人くらいエンジニア社員が居るのですが、社内での勉強会がどんどん活発に行われるようになってきています。 勉強会をやる意義 スキルアップ エンジニアを取り巻く環境は常に変化しているので、常に学んでスキ... 続きを読む

React のソースコードを読んでみよう！ - マルシテイア

2016/12/07 293 users React マルシテイア amagitakayosi コード

2016 - 12 - 07 React のソースコードを読んでみよう！ こんにちは id:amagitakayosi です。 この記事では React 本体のコードを読んでみます！！ この記事は Reactアドベントカレンダー 2016 の7日目の記事です。 昨日は yutaszk さんで「 react-router v4 でFlux アプリケーションをHot Module Replacemen... 続きを読む