10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。

2016/04/03 1980 users ツケ react-router React 日々 CSS

2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + ... 続きを読む

たぶんこれが一番分かりやすいと思います React + Redux のフロー図解 - Qiita

2017/01/05 749 users Qiita React React+Redux 理解 人向け

読者対象 Tutorial: Intro To React - React Example: Todo List · Redux 「チュートリアルそれぞれ一周した！Reactは何とか理解できたが， Reduxがさっぱりわかんねぇ！ 」 ぐらいの人向け。自分もまだ未熟なので理解の確認のために書いた。 「React」と「React+Redux」の決定的な違い React単体の場合，Reactコンポーネ... 続きを読む

2016年、サーバーサイドエンジニアがゼロからReact/Reduxを学習したときの方法を振り返る | BLOG | 株式会社スタジオ・アルカナ

2016/12/12 698 users React Babel サーバーサイドエンジニア Blog

こんにちは。スタジオ・アルカナのサーバーサイドエンジニアなっちゃんです。 この記事は React Advent Calendar 2016 の13日目の記事です。 それは2016年も後半へ差し掛かったある日のことでした… 上司「次の案件、この辺の技術使うから軽く勉強しておいてー」 つ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel ... 続きを読む

「汗をかいてデトックス」はウソだった、研究報告 | ナショナルジオグラフィック日本版サイト

2018/04/12 589 users デトックス うたい文句 毒素 発汗 研究報告

ニューヨーク市で遠赤外線サウナを楽しむ女性。遠赤外線サウナには様々な健康効果があるが、汗で毒素を排出できるといううたい文句は科学的に証明されていない。(PHOTOGRAPH BY LAUREL GOLIO, REDUX) 発汗は、今や健康や美容のトレンドになっている。遠赤外線サウナからホットヨガまで、タオルが汗でびっしょりになるアクティビティはリラクゼーション効果があるだけでなく、体の毒素を排出し... 続きを読む

Vue.js の基礎を学ぶために LearnCode.academy の学習動画を活用したら最高だった - kakakakakku blog

2018/02/18 545 users Vue.js React kakakakakku blog

2018 - 02 - 18 Vue.js の基礎を学ぶために LearnCode.academy の学習動画を活用したら最高だった Vue.js JavaScript LearnCode.academy とは？ www.youtube.com LearnCode.academy という YouTube チャンネルがあり，Vue.js や React + Redux などを解説した，無料の学習動画... 続きを読む

Redux 再考 - mizchi's blog

2018/10/04 480 users 再考 mizchi's blog 肯定派 前提 立場

今まで自分で作ったものが十数個、仕事で5社ぐらいの redux を見てきたので、その結果思うところを書く。 前提として、自分はエコシステムに乗るという意味で今では redux 肯定派だが、redux それ自身が過剰に抱えている複雑さはもっと分解されるべきだ、という立場。 Redux がうまく設計されているとどうなるか 一貫し... 続きを読む

アプリ開発と状態遷移の管理 - ninjinkun's diary

2016/02/02 428 users ninjinkun's diary 状態遷移 iOS 管理

2016 - 02 - 02 アプリ開発と状態遷移の管理 CROSS2016 に出るので、最近の自分の考えを整理しておく。 最近Reduxの Swift 実装である ReSwift を使って開発している。使った感想なども最後の部分に書いたけれど、このエントリーの本題はアプリの状態管理の話。 アプリは大きなシングルトン iOS 、 Android 共にアプリを実装しようと思うと大抵シングルトンが必要... 続きを読む

React with Reduxによる大規模商用サービスの開発 / nodefest2016 // Speaker Deck

2016/11/16 420 users Speaker Deck 開発

All slide content and descriptions are owned by their creators. 続きを読む

React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - fortkle blog

2019/12/11 392 users React GraphQL オンライン教材

この記事はコネヒト Advent Calendar 2019の11日目の記事です！ qiita.com はじめに 半年ほど前から新規事業のチームで仕事するようになり、主な技術スタックもPHPからGo, Next.jsへと変わりました。 その中で、特にフロントエンドのテスト周りにおいてキャッチアップ不足を感じていたのですが、たまたま見つけた*1「Ful... 続きを読む

仮想の自宅で「物を捨てる練習」、ためこむ人に効果あり、研究

2024/01/04 381 users 仮想 練習 自宅 研究 効果

ためこみ症に悩む一人暮らしの男性。自宅アパートで。（PHOTOGRAPH BY ARNAUD CHOCHON, HANS LUCAS/REDUX） 古新聞や古着をはじめ、たいした価値がないのに物を捨てられず、生活に支障が出るほどためこんでしまう。そんな「ためこみ症」の治療に、片付けの爽快感や恩恵を仮想現実（VR）の世界で体験することが効果的とい... 続きを読む

これだけ覚えるべきJSの基礎 · takahashiakira/tech_for_web Wiki · GitHub

2017/04/07 336 users GitHub React WIKI web 基礎

Front-end FEのためのJS基礎 これだけ覚えるべきJSの基礎 現場で使うjQuery FEの実践的なJS頻出表現 フロントエンド環境構築とnpm CommonJSモジュール運用 JS小規模なView設計 JSモジュール設計 ReactとRedux Reactの基礎 Reactの実践 Reduxの基礎 TypeScriptで学ぶ静的型付け TypeScriptの基礎 TypeScriptの... 続きを読む

人気のFluxフレームワークReduxをさわってみた - マルシテイアは月の上

2015/07/29 300 users Fluxフレームワーク マルシテイア 経緯 人気

2015-07-30 人気のFluxフレームワークReduxをさわってみた fluxフレームワーク、今は Redux が一番アツい様子なので触ってみた。 gaearon/reduxgithub.com Redux の経緯 2015-05-30 に公開された "The Evolution of Flux Framework" という記事がある。 The Evolution of Flux Frame... 続きを読む

さいきんReact, Reduxでやっている設計 - non117's diary

2017/03/25 288 users ネイティブアプリケーション non117's diary

2017 - 03 - 25 さいきんReact, Reduxでやっている設計 はじめに ブラウザで GUI アプリケーションを作らなくても良い牧歌的な時代は終わりつつあります。個人的な意見としてはブラウザはドキュメントビューアのままでいて、複雑な GUI アプリケーションはネイティブアプリケーションとして実装されてほしいのですが、そうは言ってもお仕事で人間にとって負担の低いUIを作っていく必要が... 続きを読む

フロントエンドの適材適所と、エンジニアは何を学ぶべきか – Kaizen Platform のモノ作り – Medium

2016/09/23 281 users medium 適材適所 React フレームワーク エンジニア

フロントエンドの適材適所と、エンジニアは何を学ぶべきか Kaizen Platform フロントエンドエンジニアの中村です。 現在開発中のプロダクトでは、フロントエンド開発のフレームワークに React + Redux を採用しています。 当初は自分が一人で開発していましたが、チームのRubyエンジニアの皆が次々と React を習得、気がつけばフロントエンドの機能実装も担うようになり、おかげでフ... 続きを読む

React/Redux約三年間書き続けたので知見を共有します | Enigmo Life

2018/12/17 268 users jQuery Enigmo BUYMA React 知見

Enigmo Advent Calendar 2018の4日目の記事です。 この記事の目的 Enigmoが運営しているBUYMAでは古代から運用しているjQueryの他に、2016年頃から一部ページのフロントエンドをReact/Reduxで構築しています。 私自身もEnigmoに入社してからの約三年間でReact/Reduxアプリケーションの開発に多数携わってきましたので、... 続きを読む

Reactでシンセサイザーを作った話 - Speee DEVELOPER BLOG

2017/04/06 266 users React SpeeeKaigi シンセサイザー SPA開発

2017 - 04 - 06 Reactでシンセサイザーを作った話 Tweet こんにちは、 nishaya です。 管理部のエンジニアとして、社内向けのシステムを作ったり、 社内で開催されるイベントでコーヒーを淹れたりしています。 社内向けだからこそできる冒険もある、ということで、 現在はReact/Reduxを用いたSPA開発を行っています。 今回のSpeeeKaigi(下記の記事を参照)では... 続きを読む

汗をかいて「デトックス」は誤り　毒素排出にまつわる誤解とは【科学で明かす身近な謎】（ナショナル ジオグラフィック日本版） - Yahoo!ニュース

2022/08/14 259 users デトックス 誤解 Yahoo うたい文句 科学

ニューヨーク市で遠赤外線サウナを楽しむ女性。遠赤外線サウナには様々な健康効果があるが、汗で毒素を排出できるといううたい文句は科学的に証明されていない。（PHOTOGRAPH BY LAUREL GOLIO, REDUX） デトックスという言葉が流行語大賞にノミネートされたのは2007年のこと。以来、この言葉は私たちの生活にすっかり溶... 続きを読む

日報共有アプリケーションをOSSとして開発している話 – kami – Medium

2017/07/06 254 users repost kami LiSA rust Ansible

Software engineer at @everyleaf, grew up in Kumamoto, love Ruby / Rust / JavaScript / Redux / Ansible / Terraform / Vim / カープ / LiSA. 日報一覧画面 最近、プライベートな時間をつかって Repost というオープンソースの日報共有アプリケーションを開発しています。 投... 続きを読む

Re-ducksパターン：React + Redux のディレクトリ構成ベストプラクティス

2018/10/11 245 users React ベストプラクティス バター ディレクトリ構成 開発

Re-ducks というディレクトリ構成のベストプラクティスについてまとめる。Re-ducksパターンを使うことで、React + Redux を用いた開発がよりメンテナンスしやすいものになる。 Ducks パターン 名前からもわかるように、Re-ducks は Ducks というパターンをベースにしている。 erikras/ducks-modular-redux Ducks パター... 続きを読む

Xamarinの仕組み ( 超簡単バージョン ） ｜ Developers.IO

2016/04/12 243 users Xamarin Objective-C テスト バージョン

1 はじめに 下記のページでは、Xamarinが異常に早いことをレポートしています。 Mobile App Performance Redux テストの内容によって色々あるとは思いますが、Xamarin.iOSが、Objective-Cより早く、Xamarin.AndroidがJava Androidとほぼ互角と言うのは、正直すごいグラフだと思いました。 少なくとも、XamarinがObjecti... 続きを読む

cybozu.com 稼働状況 を React/Redux で作り直した話 - Cybozu Inside Out | サイボウズエンジニアのブログ

2015/11/03 239 users React サイボウズエンジニア エントリ 金子 稼働状況

2015-11-04 cybozu.com 稼働状況 を React/Redux で作り直した話 JavaScript こんにちは。Sales Systemチームの金子です。Sales Systemチームでは、cybozu.com Store　や、販売管理システム等の開発をしています。 このエントリでは、cybozu.com 稼働状況のフロントエンドをReact/Reduxで作り直した話を書いてい... 続きを読む

モバイル上のJSフレームワークの実行可能性 – ReactとRedux | プログラミング | POSTD

2015/11/09 231 users React POSTD JSフレームワーク プログラミング

誰もがWebアプリを最新のモバイル機器と超高速のWifiで使っているわけではありません。こういった状況で、重いツールやフレームワークは、モバイルデバイス上で実行可能なのでしょうか。万能のソリューションだとは思いませんが、私はReact+Reduxの組み合わせに大きな可能性を感じています。私が好むと好まざるとに関わらず、誰もが私のWebアプリをiOS9の搭載されたiPhone 6SやNexus 6P... 続きを読む

Reduxは不要ではないか？ - Qiita

2018/02/22 226 users Qiita React Chrome サーバーサイド 本職

僕の本職はサーバーサイドなのですが、半年くらいReactとReduxを使ったフロント部分を触ったので、書きたいと思います。 先にReact.jsについてですが、本家がチュートリアルをしっかりと用意しており、学習コストも高くなく、悪くないものだなと思いました。 しかし、Reduxが入った途端、めっちゃ複雑になった印象があります。chromeのプラグインを入れて開発するのが普通とか言われたのですが、そ... 続きを読む

Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌

2007/02/21 221 users Ajax lightbox phpspot開発日誌 実装 通常

JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」 次の記事 »：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前... 続きを読む

React使い必見！ Immutable.jsでReactはもっと良くなる by 森脇 健斗 | Wantedly, Inc.

2016/06/29 220 users Wantedly React Immutable.js 過程

Reactを導入して半年近くが経ちました Wantedlyでは、 今年の初めからReact(+Redux)の導入に取り組み始めた ので、気付けば半年近く立っていることになります。今自分がこの記事を書いているエディタから、Wantedly Adminのチケット画面まで、ある程度大きなアプリケーションを開発してきました。 そこで今回は、チームで継続的に開発していく過程で遭遇した問題と、それを解決するた... 続きを読む