if ("production" !== process.env.NODE_ENV) { console.log('debug message'); } あらかじめビルド済みのreact.min.jsとかを使う場合はすでにproductionモードでビルドされてるので気にしなくていいけど、browserifyで自分でReactをビルドする場合はNODE_ENVを設定する必要がある。 のでproductionでは次のように環境変数を設定して実行するとよい。
![browserify + npmでReactを使う場合はNODE_ENVを設定するとよい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef47800f0873f96413cd72f048dce4dc78c83e5c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9YnJvd3NlcmlmeSUyMCUyQiUyMG5wbSVFMyU4MSVBN1JlYWN0JUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJTg2JUU1JUEwJUI0JUU1JTkwJTg4JUUzJTgxJUFGTk9ERV9FTlYlRTMlODIlOTIlRTglQTglQUQlRTUlQUUlOUElRTMlODElOTklRTMlODIlOEIlRTMlODElQTglRTMlODIlODglRTMlODElODQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWI3YmFjNjFhMGJmYzBjMjU2ZDU2YzMwN2FiNTEzN2M5%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaG9rYWNjaGEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTNlMmRkYWJhNWI2MmY4YjE2NjNjMGZmZDNjM2U3NmUz%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D6ef1f1664b576bee99785f755c1151ad)
こんにちは。エンジニアの安達(@ry0_adachi)です。 今回はReact + FluxをFlux Utilsを使って導入するための話をしたいと思います。 この記事を書こうと思った理由 普段ちょっとしたツールなんかをReactを使って実装したりするのですが、その時にReduxとかでやっているとファイル増えたりしてすごく冗長だなあと感じて、もっと薄く実装できるライブラリを使おうと思った時に手に取ったのがFlux Utilsでした。 この記事ではFlux UtilsにおけるFluxアプリケーションの実装方法に加えて、そもそもReactやFluxって今までのライブラリやフレームワークと比べて何がいいのか?について説明していきます。初歩的な書き方やjsxだったりについては話さないのでドキュメントなどを読んでいただければと思います。 ドキュメント React Flux ReactとFluxを導入
Fluxとは。 facebook.github.io Reactで色々柔軟にできるけど、アプリ内のデータの流れを一方向に整理してみましたということみたいですね。Fluxはアーキテクチャであって、フレームワークやライブラリではないというけれど、一応公式で小さなライブラリがあります。 今回はこれを使ってみようと思います。 下準備 下準備としてライブラリと型定義を入れます。打ち込んだコマンドはこんな感じです。 npm install react react-dom flux --save tsd install react react-dom flux Dispatcherで投げられる型の定義 DispatcherでActionsからStoreへ投げる型を定義しておきます。とりあえずActionの識別子とデータが入る入れ物って感じのクラスにしました。 class Payload { constr
紅葉は日本における秋の風物詩で、名所も全国各地に点在しています。今回は、数ある紅葉の名所の中で、有名な名所はもちろん、あまり知られていない絶景所も含めて厳選したオススメを紹介したいと思います。秋は紅葉で安らぎのひとときを満喫してはいかがでしょうか。 日本の紅葉で一番有名な名所と言えば…? 紅葉は花見や月見と同様に季節の風物詩として、私たちを視覚だけでなくその他の感覚においても癒しを与えてくれるものであり、日本全国に紅葉の名所も数多く点在しています。 知名度の高い名所だけでなく隠れた穴場的な名所もあり、その地域によって、また毎年の季節によって紅葉は顔を変えており、まったく同じ紅葉を見ることはないと言われている中で、紅葉の一番有名な名所はどこなのでしょうか? 東京で紅葉の有名な名所が数ある中で、屈指の名所と言えば、イチョウ並木による黄色いじゅうたんが一面に広がる明治神宮外苑がまず挙げられます。
先日『Flux Utilsのドキュメント日本語訳』というFlux Utilsのドキュメント英語版を翻訳した記事を投稿しました。Flux Utilsは、Facebook製のFluxフレームワークとでもいうでしょうか。ただ残念なことに、このドキュメントを読むだけでは、Flux Utilsの使い方のイメージを完全に掴むことは難しいと思います(自分がそうでした…)。ということで、Flux Utilsを使って、簡単なサンプルを作ってみました。この簡単なサンプルを通して、Dispatcher.jsだけを使ったFluxの実装方法と比較しながら、Flux Utilsの使い方を説明していきます。 はじめに(Flux Utilsとは) Flux Utilsは、Facebook製のFluxフレームワークとなります。ただ、すべての用途に対応するような完成されたフレームワークではないとFlux Utilsのドキュメ
21日、22日と PyCon JP に参加させていただきました。ご参加いただいた皆様、スタッフの皆様ありがとうございました。資料はこちらになります。 pandas による時系列データ処理 pandas を使った時系列データの前処理と、statsmodels での時系列モデリングの触りをご紹介しました。 speakerdeck.com 時系列モデルの考え方については全く説明していないので、以下書籍などをご参照ください。 経済・ファイナンスデータの計量時系列分析 (統計ライブラリー) 作者: 沖本竜義出版社/メーカー: 朝倉書店発売日: 2010/02/01メディア: 単行本購入: 4人 クリック: 101回この商品を含むブログ (6件) を見る 元ネタ 以下のエントリをベースに新しい内容を追加しています。 sinhrks.hatenablog.com 時系列モデルを含む Python パッケ
$ -> iframeBody = document.getElementById("box-preview-iframe").contentDocument.body comp = React.render(React.createElement(Preview, {}), iframeBody) setInterval((()-> date = new Date console.log body = """<div> <span>#{date.getHours()}</span>: <span>#{date.getMinutes()}</span>: <span>#{date.getSeconds()}</span> </div>""" React.render(React.createElement(Preview, {body}), iframeBody) ),1000) Prev
github.com おそらく先行実装は python で書かれたこれです。 curl にはウェブサイトの応答時間を計測する機能が搭載されており、このツールではそれを利用して出力結果をグラフィカルに表示させています。単なる curl のラッパーのようなツールなのですが、見た目がリッチになるのに加えて、単一ファイルで実行でき python のバージョンに影響されないような工夫がされているのが、受けているポイントのような気がします。 このツールを見たとき「Go で書いてみるの良さそう!(この手のツールで単一バイナリになるのは嬉しいですよね)」と思い、休憩時間やお昼休みなどにちまちま書いていたら、二日前に先を越されてしまいました(そりゃそうですよね。なんでもスピードが大事だと痛感)。 github.com また、ついこの間まで 800 Stars くらいだったのですが、ここ1週間で爆発的に伸びて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く