Skip to content

Instantly share code, notes, and snippets.

View disable.users.js
// ==UserScript==
// @name Disable keyboard shortcuts
// @namespace https://github.com/mori-dev
// @description ページのキーボードショートカットを殺す
// @include https://github.com/*
// @include https://gist.github.com/*
// @include https://mail.google.com/*
// ==/UserScript==
unsafeWindow.$(document).unbind('keydown.hotkey');
@mori-dev
mori-dev / spacing-rules.md
Created Dec 14, 2020 — forked from yuheiy/spacing-rules.md
ウェブデザインの余白に規則性を持たせるためのパターン
View spacing-rules.md

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

フォントサイズベース

$spacing: 1rem;

body {
  margin: ($spacing * 4) $spacing;
}
View package.json の dependencies と devDependencies の使い分け.md
  • 不正確な情報の可能性があります *

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

疑問

前提

View App.js
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();
View gen_rsa_key.go
package main
import (
"crypto/rand"
"crypto/rsa"
"crypto/x509"
"encoding/pem"
"io"
"log"
"os"
View app_error.go
package app_error
import (
"net/http"
"time"
"github.com/labstack/echo"
)
type ApiError struct {
View pull-to-refresh.css
/* 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
mori-dev / ミドルウェア.js
Created Jun 13, 2017
ブログ記事「React.js/redux アプリでの Google Analytics のイベントトラッキングの設定」の補足コード
View ミドルウェア.js
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
mori-dev / src__index.browser.js
Last active Oct 1, 2019
redux-persist でブラウザストレージに一部のデータを保存しつつ、ストアに復旧するまで render を防ぐには
View src__index.browser.js
class MyAppProvider extends Component {
constructor() {
super()
this.state = { rehydratedFlag: false }
}
componentWillMount() {
appEventHandler.on(AppEvents.FINISH_REHYDRATE_STORE, () => {
this.setState({ rehydratedFlag: true });
@mori-dev
mori-dev / payjp_checkout.js
Last active Jun 21, 2022
PAY.JP の Checkout 用の React.js コンポーネント
View payjp_checkout.js
// @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');