はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

React ComponentsでDRAG、SORTABLEなどで検索すると出てくる中、星が一番多いのがreact-dndですが、恐らく一番少ないコード量であろう、04 Sortable/Simpleの中身がなかなか禍々しく、かつfluxでも無いため、読むのに苦労しました。 そこで 環境設定 どうすればreact-dnd@2.0.2が最低限動くのか viewにaction / storeを付与して操作する mobile対応（申し訳程度の） を考えた手順を紹介します。 環境設定 以下のpackage.jsonを使用します。 { "name": "try-dnd", "scripts": { "start": "webpack-dev-server --port 59798 --host 0.0.0.0 --content-base dist", "build": "webpack" }, "

npm prepublishは、npm install時に実行してしまいます。 この記事では、それを回避する方法と、TravisCIで利用する方法を紹介します。 方法は、.travis.ymlのafter_successと、package.jsonのscriptsをうまく連携させます。 まず、下記のnpm scriptsを書きます。 { "scripts": { "prepublish": "node -e \"if(process.env.TRAVIS_PASSED){}else{process.exit(1)}\" && npm run compile || echo skip prepublish" } }

react-router@1.0.0-rc3を使っていると、onEnterでStoreを更新して、終わってからRouteへ移動したい。Angularで言うui-routerのresolveが欲しいと思っていました。 EventEmitterを継承して.emitをオーバーライドすれば対応可能です。軽くテストを通したライブラリも公開しています。1 具体的には下記のように実装します。 // Dependencies import {EventEmitter} from 'events' // Public class AsyncEmitter extends EventEmitter{ emit(event,...args){ let promises= [] this.listeners(event).forEach(listener=>{ promises.push(listener(...

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Macと同じような手順でインストールを行おうとしたが、思った以上に時間を取ってしまったので、簡単なセットアップ方法をメモとして以下に残す。Windows7(32bit)で動作を確認した。 メリット 使う意味あるの？について、html,js,cssの高級言語をコンパイルして、結果をすぐ見れるプラグインがあるのが大きい。あるいは、コンパイル済みのcssに、自動でベンダプレフィックス（display:-webkit-boxなど）を付けるgulp-pleeeaseや、VannilaJSをCommonJSライクの記法で書けるようになるbrowserify／webpack、デザインの共通部分の隔離・継承・上書きが行えるjadeのプラグインがあり、gulpは、フロントエンドの開発に実用的と言える。 インストール git / Git Bash http://git-scm.com/downloads/ の

// Generated by CoffeeScript 1.9.1 var TwitterStrategy, app, base, cookie, express, expressSession, expressSessionStore, http, io, parser, passport, passportConfig, server, socketio; if ((base = process.env).PORT == null) { base.PORT = 59798; } // dependencies express = require('express'); expressSession = require('express-session'); expressSessionStore = new expressSession.MemoryStore; passport =

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?