サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ブックレビュー
qiita.com/cortyuming
(Django2.0.1, Python3.6.4, node8.9.0) Django+cannels でサーバ作成 channelsまわりはほぼ 公式の Getting Started with Channels なので詳細知りたい場合はそちらを参照してください。 Python ライブラリインストール
目的 redux-thunk でどのように非同期処理をするのか試してみる。 カウンターの処理は以前書いたものを流用(ReactJS + Redux + ES6 のカウンターのサンプル) ファイル構成 . ├── dest │ └── bundle.js ├── index.html ├── package.json └── src └── app.jsx { "name": "react-flux-redux-thunk", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "watch": "watchify src/app.jsx -o dest/bundle.js -v --debug", "test": "echo \"Error: no test specified\" && exi
目的 ava + jsdom がどういうものかさらっと触れてみる。 ついでに以前書いた ReactJS + facebook/flux を ES6 の記述でカウンターのサンプル をリファクタしてみた。 ファイル構成 . ├── index.html ├── js │ └── bundle.js ├── package.json ├── src │ ├── app.jsx │ └── app_dispatcher.js └── test ├── hoge.html └── hoge_test.js { "name": "ava_and_jsdom", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build": "browserify src/app.jsx -o js/bundl
. ├── dest │ └── app.js ├── index.html ├── package.json └── src └── app.jsx { "devDependencies": { "babel-preset-es2015": "^6.3.13", "babel-preset-react": "^6.3.13", "babelify": "^7.2.0", "browserify": "^12.0.1", "watchify": "^3.6.1" }, "scripts": { "build": "browserify src/app.jsx -o dest/app.js -t [ babelify --presets [ es2015 react ] ]", "watch": "watchify -t [ babelify --presets [ es2015 rea
// Karma configuration // Generated on Mon Dec 21 2015 12:22:32 GMT+0900 (JST) module.exports = function(config) { config.set({ // base path that will be used to resolve all patterns (eg. files, exclude) basePath: '', // frameworks to use // available frameworks: https://npmjs.org/browse/keyword/karma-adapter frameworks: ['mocha', 'browserify'], // list of files / patterns to load in the browser f
(node v4.1.2) let 使うと SyntaxError になる現象 ES6 の記述を使って node コマンドでファイルを指定して実行できます。 例えばアロー関数を使って実行
docker-compose up で Django + PostgreSQL + Nginx + Gunicorn を起動してみるDjangonginxPostgreSQLdocker-compose 目的 boot2docker で動作するか簡単に試してみる インストール 下記はインストール済みの前提で python2.7 Django1.8.2 boot2docker v1.6.2 docker-compose 1.2.0 VirtualBOX 4.3.28 (MacOSX10.9) Django プロジェクト作成 $ django-admin startproject core $ mv core example-django-gunicorn-nginx $ cd example-django-gunicorn-nginx $ tree . ├── core │ ├── __
{ "devDependencies": { "babelify": "^6.1.2", "browserify": "^10.2.4", "watchify": "^3.2.3" }, "scripts": { "watch": "watchify -t babelify src/app.jsx -o dest/app.js -v" }, "dependencies": { "flux": "^2.0.3", "keymirror": "^0.1.1", "object-assign": "^3.0.0", "react": "^0.13.3" } } var EventEmitter = require('events').EventEmitter; var React = require('react'); var assign = require('object-assign');
{ "devDependencies": { "babelify": "^6.1.2", "browserify": "^10.2.4", "watchify": "^3.2.3" }, "scripts": { "watch": "watchify -t babelify src/app.jsx -o dest/app.js -v" }, "dependencies": { "flux": "^2.0.3", "react": "^0.13.3" } } import {EventEmitter} from 'events'; import React from 'react'; import AppDispatcher from './app_dispatcher'; const COUNTER_CONST = { UPDATE_COUNTER: 'UPDATE_COUNTER' };
目的 E2Eテストを書いていてセレクトボックス選択などでハマったりしたので、調査がてら複数のライブラリでどのように書くのか試してみる。 気になる機能も若干交えて書く。 セレクトボックスを選択する セレクトボックスの選択された値を取る 表示しているURLを取る キャプチャ撮る /*global casper*/ casper.test.begin('Test Sample', 2, function(test) { var selectbox = '#lang-chooser'; var lang = 'fr'; casper.start('https://www.google.com/doodles'); casper.then(function() { var params = {}; test.comment('change the value of the select box');
問題 PhantomJS1.x系だと ReactJS を使った箇所が表示されなかった PhantomJS2系だと表示される模様 CasperJS1.1-beta3 で PhantomJS2 は使えない CasperJS のmaster だと暫定で PhantomJS2 が使える 検証1(phantomjs1.x + casperjs1.1-beta3) 下準備 capture.js var casper = require('casper').create({}); var url = "http://todomvc.com/examples/react/#/"; casper.userAgent('Mozilla/5.0 (iPhone; CPU iPhone OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Ve
<!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <title>webpack tutorial</title> </head> <body> <script src="bundle.js"></script> </body> </html>
環境とか整えずに弄りたい場合 CDN を使って最小構成。html と js は分割しておきたいので2ファイル。 これだけでwebブラウザで表示できる。 JSXTransformer.js のおかげでjsxを変換しないで実行できる。 ちなみに Google Chorome の場合はデフォルトでローカルのファイルを読み込めないので下記2つの方法など オプションつけて起動する方法 open -a Google\ Chrome --args -allow-file-access-from-files pythonの簡易サーバーを利用する方法 python -m SimpleHTTPServer 8080 ファイル構成 example01.html example01.jsx <!DOCTYPE html> <html> <head> <title>ReactJS sample</title> </
var Nightmare = require('nightmare'); new Nightmare() .goto('http://yahoo.com') .type('input[title="Search"]', 'github nightmare') .click('.searchsubmit') .screenshot('yahoo.png') .run(); var casper = require('casper').create(); casper.start('http://google.fr/', function() { this.fill('form[action="/search"]', { q: 'casperjs' }, true); }); casper.then(function() { this.capture('google.png'); }); c
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く