mori-dev

ウェブデザインの余白に規則性を持たせるためのパターン

フォントサイズベース

$spacing: 1rem;

body {
  margin: ($spacing * 4) $spacing;
}

mori-dev

• 不正確な情報の可能性があります *

開発/テスト/ビルド用 npm パッケージは devDependencies、 それ以外を dependencies にしましょう。前者は npm i -D foo 後者は npm i -S foo です。

疑問

• https://github.com/webpack/webpack/issues/520#issuecomment-174011824

前提

mori-dev

import React from 'react';
import { Root } from 'native-base';
import * as Expo from 'expo';

import { AppNavigator } from './routes';

export default class App extends React.Component {

  constructor() {
    super();

mori-dev

package main

import (
	"crypto/rand"
	"crypto/rsa"
	"crypto/x509"
	"encoding/pem"
	"io"
	"log"
	"os"

mori-dev

package app_error

import (
	"net/http"
	"time"

	"github.com/labstack/echo"
)

type ApiError struct {

mori-dev

/* taken from https://github.com/bryaneaton13/react-pull-to-refresh/blob/master/examples/basic/app.css */
.ptr-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #aaa;
    z-index: 10;
    text-align: center;
    height: 50px;

mori-dev

import { createMiddleware } from 'redux-beacon';
import { logger } from 'redux-beacon/extensions/logger';
import { GoogleAnalytics } from 'redux-beacon/targets/google-analytics';

// Redux Beacon EventDefinition
// イベントトラッキング: https://developers.google.com/analytics/devguides/collection/analyticsjs/events?hl=ja
export const GAEvents = {
    C1_A1_L1: {
        eventFields: (action: any) => ({
            hitType: 'event',

mori-dev

class MyAppProvider extends Component {

    constructor() {
        super()
        this.state = { rehydratedFlag: false }
    }

    componentWillMount() {
        appEventHandler.on(AppEvents.FINISH_REHYDRATE_STORE, () => {
            this.setState({ rehydratedFlag: true });

mori-dev

// @flow
import React, { Component } from 'react';
import { findDOMNode } from 'react-dom';

class PayjpCheckout extends Component {

    constructor(props: Object) {
        super(props);
        this.windowAlertBackUp = window.alert;
        this.script = document.createElement('script');

mori-dev

import assert from 'power-assert';
import { createMockTask } from 'redux-saga/lib/utils';
import { take, fork, cancel, put, call } from 'redux-saga/effects';
import { delay } from 'redux-saga';
import * as actions from '../../../src/actions/periodic_inspections/some_check';
import * as ActionTypes from '../../../src/actions/action_types';
import {
    watchSampleTrigger,
    worker,
    intervalMs