Reactからの流れで、組み合わせての運用例の多いReduxを勉強してみました。 Fluxの概念、Reduxの基本機能、Reactとの連携について公式のドキュメントを中心にまとめています。 フロー自体が厳密でありながらも実装上の制約が少ない点が魅力的に思えましたが、 データモデルやUIツリーの設計、ファイル/クラス分割やディレクトリ構成などについても明確な規約が存在せず、(特にスケールを見越しての)運用方針は使い込みながら模索していく必要がありそうです。 概要 Redux = React Communityが開発しているJavaScriptフレームワーク オープンソース, MITライセンス Fluxの考え方/アーキテクチャにもとづいている 単方向にデータや処理をフローさせることで、わかりやすくフロントエンド作りましょう、という考え ユーザの操作 → View → Action → Redu

By Alisha Vargas 初期段階のがんを血液検査で見つける新しい方法が科学者たちの手で開発されました。この血液検査は患者の血液中から腫瘍由来DNAを検出することでがんを発見するというもので、「腫瘍から排出されるDNA」と「がんのバイオマーカーと誤解される可能性のあるDNA」の違いを区別できるという点で、既存の方法とは異なります。 Scientists Develop Blood Test That Spots Tumor-Derived DNA in People With Early-Stage Cancers - 08/16/2017 http://www.hopkinsmedicine.org/news/media/releases/scientists_develop_blood_test_that_spots_tumor_derived_dna_in_people_wi

Photoshopはウェブデザインにおいてトップクラスの画像加工ソフトウェアであり、初心者から多くのプロフェッショナルにまで愛用されています。その機能が多岐にわたるため、専門家でも全機能を自在に使いこなすのは難しいほどなのですが、Photoshopの提供元であるAdobeが初心者向けにPhotoshopの使い方を説明するチュートリアル動画の再生リスト「3, 2, 1... Photoshop!」をYouTubeで公開しています。 3, 2, 1... Photoshop! - YouTube 「3, 2, 1... Photoshop!」にはPhotoshopの写真加工ツールや特定の機能の使い方を説明する以下の7つのムービーがまとめられており、2分30秒～5分程度でサクっと視聴できる内容になっています。英語での説明となりますが、実際にPhotoshopを動かしながら説明してくれるので、英語

画像認識、言語翻訳、人工知能などの分野で活用されている「ディープラーニング」について簡単に解説するムービー「Introduction to Deep Learning: What Is Deep Learning？」をMATLABがYouTubeで公開しています。ムービーではディープラーニングのはじまりや具体的な実用例が挙げられており、まったくの初心者でもなんとなくディープラーニング技術についてイメージできるような内容になっています。 Introduction to Deep Learning: What Is Deep Learning? - YouTube 「近年、大きな注目を集めているディープラーニングとは何でしょうか？」と話す、MathWorksのシャマル・パテル氏。ディープラーニングが注目されるのには、それなりの理由があるとのこと。 パテル氏は、「ディープラーニングとは何か？」「

夏の暑さにやられて食欲が落ちるとそのまま体力まで落ちてしまいがちなので、「暑い盛りこそ肉だ！肉を食おう！」と考え、良かったと人づてに話に聞いていた新大久保の「韓国料理マニト」へ行ってきました。このお店のウリは4種類合わせて600gの肉がセットになった「赤字セット」という直球ネーミングの品。価格は1580円で、飲み物を入れても2000円ほどというこの破格の品を食べてきました。 韓国料理マニト - 新大久保/韓国料理 [食べログ] https://tabelog.com/tokyo/A1304/A130404/13094546/ マニト（地図/写真/大久保/韓国料理その他） - ぐるなび https://r.gnavi.co.jp/16nd092g0000/ 場所は新大久保駅と東新宿駅の間あたり。どちらの駅からも徒歩約5分ほどです。 店の前の通りには同じような韓国料理店や韓流グッズのお店が軒を

By Many Wonderful Artists 人工知能(AI)関連の話題で頻出するワード「ニューラルネットワーク」および「ディープラーニング」について、何がどのように動作しているのかを簡単かつわかりやすく解説するムービー「How Does Deep Learning Work？」がYouTube上で公開されています。 How Does Deep Learning Work? | Two Minute Papers #24 - YouTube ニューラルネットワークは人間の脳のルーズモデルをコンピューター上のプログラミングで再現したものです。言い換えるなら、我々人類が知りうる人間の脳内の働きにインスピレーションを受けたもの、と言えるかもしれません。 そのニューラルネットワークを画像認識タスクと2次元のグラフを例に解説します。まずは以下の平面上にある曲線を見てみます。この曲線は点の集合で

by NASA's Marshall Space Flight Center アメリカでは2015年に同性婚が認められ、2017年5月にはアジアで初めて台湾でも同性婚が容認されました。一方で宗教的、あるいはその他の理由から同性愛そのものに反対する人もいます。では科学の側面から見た時に、「ゲイであること」には遺伝子上の理由があるのか、そして「ゲイの遺伝子」は誰しもが持っているものなのか、YouTubeの科学チャンネルAsapSCIENCEが解説しています。 Does Everybody Have A Gay Gene? - YouTube 1993年にScience誌で「同性愛者は異性愛者に比べて、同性愛者の親戚が多いこと」「兄弟ともにゲイである場合、両者のX染色体に類似の関係が見られた」という内容が発表されました。ディーン・H・ヘイマー氏らによって発表されたこの研究は「ゲイの遺伝子」として

MakeGirlsMoe - Create Anime Characters with A.I.! Automatically generate an anime character with your customization. You can specify some attributes such as blonde hair, twin tail, smile, etc.

生命の「設計図」が収められている遺伝子の研究が進むことで、人類はその設計図を自由に操作できるようになりました。生命を思いのままに操ることができる、いわゆる「神の手」を得たことでこれからの人類の社会はどのような道をたどることになるのか、そんなことを考えさせられるムービー「Genetic Engineering Will Change Everything Forever – CRISPR (遺伝子工学が全てを永遠に変える‐CRISPR)」が公開されています。 Genetic Engineering Will Change Everything Forever – CRISPR - YouTube このムービーは、世の中の多くの話題をムービーで解説するKurzgesagt – In a Nutshellが作成したものです。ドイツ語で「ごく簡単に言えば」という意味の「Kurzgesagt (英語

ページ側（HTML側）からGoogleタグマネージャへ値を渡す方法として、メジャーなものとしてデータレイヤー変数があります。 しかし公式のヘルプを読んでみると、データレイヤー変数へ値を渡すための書式には「=を使った代入」式と「.pushを使った挿入」式の2種類が混在して取り上げられていたりして、しかも適切なタイミングで使い分けなければきちんとした値の受け渡しができないようです。 これはいささかわかりづらいので、どのタイミングでも使用できる記述について取り上げてみました。 データレイヤー変数とは 値の渡し方は「=」と「.push」の2種類 どんな場合でも「.push」で統一するための方法　←本題 オマケ：iframe内から親frameのdataLayerへ.pushする方法 データレイヤー変数とは データレイヤー変数というのはGoogleタグマネージャ上で設定できる変数の1種類ですが、その内

対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方 前提環境 macOS Sierra 10.12 Node.js v6.6.0／npm 3.10.3 React 15.4.0 PropsとState Reactコンポーネント内では、PropsとStateという2つのオブジェクトが利用されます。Propsは、コンポーネントを生成するときに親から渡されるオブジェクトで、コンポーネントが画面から取り除かれるまで、不変の値を保持します。対してStateはコンポーネント内で保持される、プライベートなオブジェクトで、可変の変数を保持します。 以下のサンプルは、180秒間のカウントダウンタイマーです。こちらでPropsとStateの使い分けのイメージを説明します。 import React from 'react'; import Rea

JJUG CCC 2016 Spring F-5セッションの発表資料です。 #jjug #jjug_ccc #ccc_f5Read less