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

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

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

フロントエンドの負債と向き合う - 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アプリの開発において、アーキテクチャを考えることはとても重要ですが、そこに絶対の正解はなく、アプリケーションの規模やチームによってさまざまな形が考えられます。本記事ではアーキテクチャを選定する意味を改めて整理し、 ... 続きを読む

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  続きを読む

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 との通信中はインジケータを出したいので「通信中かどうか」を管... 続きを読む

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

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

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

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... 続きを読む

Vue + Vuex を使ってみた感想と、Redux との比較 – Toro_Unit

2016/11/29 104 users redux Vuex Vue Toro_Unit React

いいにくの日ですね。肉食べたいです。 React + Redux にはよくお世話になっている昨今なのですが、React 以外も扱いたいなと思ったこと、そもそも Flux に対する理解が浅いんじゃ無いか？ということで、 Vue.js + Vuex をちょっと勉強してみました。 つくったもの： https://github.com/torounit/vuex-todo ここら辺をいろいろ参考にしました... 続きを読む

Reduxのパターンとアンチパターン | プログラミング | POSTD

2016/11/07 213 users redux POSTD プログラミング アンチパターン 適用

Reduxはフレームワークというよりも、パターンの適用に役立つ関数セットです。よって、適切なパターンを慎重に適用しないと、Reduxを使ったことを後悔する結果になりかねません。この記事では、Affirmで確立したReduxのベストプラクティスや、ミスを犯しやすいポイントについて説明します。Redux は、 Flux のようなアーキテクチャを使用してアプリケーションの状態を管理できる非常にシンプルな... 続きを読む

FluxとDDDの統合方法 - かとじゅんの技術日誌

2016/09/09 193 users Webpack DDD React かとじゅん ジュン

2016 - 09 - 09 FluxとDDDの統合方法 おはこんばんにちは、かとじゅんです。 久しぶりにブログを書く…。最近、趣味でAngular2やらReactやらやっています。やっとWebpackになれました…。 さて、今回のお題は「FluxとDDDの統合方法」について。Angular2を先に触っていましたが、FluxといえばやはりReactだろうということで途中で浮気してReactで考えて... 続きを読む

今からでも読んでおきたいReact.js入門資料12選

2016/08/03 348 users Facebook React.js Java スキルアップ

スキルアップ記事 レバテックキャリアではIT・Web業界のエンジニア、デザイナーのスキルアップに役立つコンテンツをお届けいたします。 転職に役立つノウハウから、日々のスキルアップや業務で使える記事等幅広く掲載していきます。 転職支援サービスをご希望の方はこちら React.js、Fluxを学びたい方向け 今からでも読んでおきたいReact.js入門資料12選 Facebookが提供しているJava... 続きを読む

jQuery + Flux という選択肢 - peroli Developer's Blog

2016/05/27 196 users jQuery Mery React フロントエンド 選択肢

2016 - 05 - 27 jQuery + Flux という選択肢 JavaScript Front-End こんにちは、 SKAhack です。普段はMERYのWebフロントエンドを主に書いています。 今回はMERYのフロントエンドで採用している jQuery + Flux という構成を紹介してみたいと思います。 なぜReactではなく jQuery か 普通はReact + Fluxで語ら... 続きを読む

生のReactを知ろう – JSX、Flux、ES6、Webpackを使わず… | プログラミング | POSTD

2016/03/31 313 users Webpack react-router jsx React

React.jsが騒ぎを起こしているのはご存知の通りです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に圧倒されただけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、他に必要なのはReactの使い方を説明してくれる人だけです。免責事項：　私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツ... 続きを読む

React.js + Flux入門 #scripty02

2016/02/03 132 users React.js pirosikick Mon エンジニア

React.js + Flux入門 #scripty02 1. React.js + Flux 入門 リッチラボ株式会社 穴井宏幸 @pirosikick
 2014/12/18(Mon) SCRIPTY#2 2. ©2014 Rich Lab Co., Ltd. All Rights Reserved. 無断利用・転載禁止 穴井 宏幸 リッチラボ株式会社 エンジニア @pirosikick (ぴ... 続きを読む

FluxのActionとStoreをちゃんと分ける話 - pixiv inside

2015/12/19 172 users qiita.com geta6 pixiv Sketch

2015 - 12 - 19 FluxのActionとStoreをちゃんと分ける話 Tweet ピクシブ株式会社 Advent Calendar 2015、19日目の記事です。 qiita.com こんにちは、愛らしくも憎らしいJavaScriptを書いてご飯を食べている @geta6 です。業務では pixiv Sketch というサービスの開発や運営に携わっています。 pixiv Sketch... 続きを読む

VirtualDom - 仮想DOMで魂が震えてから一年、仮想DOMとFluxの今 - Qiita

2015/12/01 291 users Production React 外堀 Qiita 概念

なぜ仮想DOMという概念が俺達の魂を震えさせるのか から一年、みなさまどのようなフロントエンドをお過ごしでしょうか。 僕はひたすら過去資産をリファクタしています。 需要の雰囲気 色んな所に書きましたが、去年僕が仮想DOM AdventCalendar をやったのは、「僕自身がproductionで使いたい」ので、「Reactまあいいよね」的な雰囲気を作って外堀埋めるのが目的でした。そして、その目的... 続きを読む

Reactを用いたアプリケーションアーキテクチャ：Fluxを再考する | プログラミング | POSTD

2015/11/27 162 users アプリケーションアーキテクチャ Facebook 状態 問題

この記事では、UIレイヤとしてReactを用いてJavaScriptのアプリケーションの状態を管理する方法を探り、OmのようなClojureScriptライブラリのアイデアを用いてFacebookのFluxの抽象的なフレームワークを作り変えてみたいと思います。他のフレームワークやライブラリからReactに乗り換える人たちは、「ReactはUIのレンダリングに関する問題しか解決しておらず、状態管理と... 続きを読む

橋本商会 » coffeeからES6(babel)に少しずつ書き換える

2015/11/04 54 users Babel coffee 橋本商会 shokai ES6

coffee-scriptで書いていたwebアプリをES6(babel)に書きなおした。 全部を一気に書き直してハイ動いたーとやるのは無理なので、coffeeとES6のファイルが混在しても動かせるようにして、少しずつ書き直した。 書き直したのはこれ React+Fluxxor+socket.ioでfluxなチャットを作った https://github.com/shokai/node-flux-b... 続きを読む

Electron, Flux + React // Speaker Deck

2015/10/01 65 users Electron React Speaker Deck

How we built Speak (https://speak.io), a realtime team communication platform using an event sourced architecture and Electron, plus some of the challenges we faced. Presented at the Electron Meetup a... 続きを読む

Reactのprops/stateとFluxのStore - mizchi's blog

2015/08/24 60 users Props immutable state React

2015-08-24 Reactのprops/stateとFluxのStore 基本的に、ReactのpropsはImmutable, stateはmutableという扱いです。 storeはストレージ抽象じゃない— 賢さを上げて法で殴る (@mizchi) 2015, 8月 24 rootComponent以外のComponentで参照するプロパティは基本的に全てpropsになるしstoreから... 続きを読む

やさしい AJAX on Rails という資料を作りました - satococoa's blog

2015/08/22 161 users satococoa's blog 資料 jQuery SPA

2015-08-22 やさしい AJAX on Rails という資料を作りました rails 最近 SPA (Single Page Application) についての議論が盛んで、Angular とか React とか Flux とか Mithril とかの名前をよく聞くようになりました。 でも必ずしも全ての Web アプリにおいて SPA は必須ではありません。 むしろ枯れた jQuery... 続きを読む